*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-background: #0b101b;--color-surface: #151d2c;--color-surface-hover: #202c40;--color-border: #2c3a50;--color-text-primary: #ffffff;--color-text-secondary: #a1aec3;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--spacing-xs: clamp(.2rem, .7vmin, .25rem);--spacing-sm: clamp(.35rem, 1.4vmin, .5rem);--spacing-md: clamp(.6rem, 2.8vmin, 1rem);--spacing-lg: clamp(.85rem, 4.2vmin, 1.5rem);--spacing-xl: clamp(1.1rem, 5.6vmin, 2rem);--spacing-2xl: clamp(1.5rem, 8.4vmin, 3rem);--fs-2xs: clamp(.55rem, 1.8vmin, .6rem);--fs-xs: clamp(.6rem, 2vmin, .65rem);--fs-sm: clamp(.68rem, 2.2vmin, .75rem);--fs-md: clamp(.72rem, 2.4vmin, .8rem);--fs-lg: clamp(.75rem, 2.5vmin, .85rem);--fs-xl: clamp(.8rem, 2.7vmin, .9rem);--size-avatar: clamp(2.5rem, 8vmin, 4rem);--size-action-icon: clamp(1.3rem, 4vmin, 1.8rem);--size-btn-icon: clamp(1.45rem, 4.6vmin, 2rem);--size-emote: clamp(.95rem, 3vmin, 1.2rem);--size-summary-min: clamp(1.5rem, 5vmin, 2.2rem);--size-action-btn-min: clamp(60px, 18vmin, 80px);--max-play-width: 900px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .5);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Mono", "Droid Sans Mono", "Source Code Pro", monospace}html,body{width:100%;height:100%;height:100dvh;overflow:hidden}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%;height:100dvh;display:flex;flex-direction:column}h1{font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}h2{font-size:2rem;font-weight:700;line-height:1.3}h3{font-size:1.5rem;font-weight:600;line-height:1.4}p{font-size:1rem;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}button{font-family:inherit;font-size:inherit;border:none;cursor:pointer;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font-family:inherit;font-size:inherit;transition:all .2s ease}button:focus,input:focus,textarea:focus,[tabindex]:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-contrast:more){button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-width:3px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#555}.lobby-join-row{display:flex;gap:var(--spacing-sm)}.hp-config-row{flex-wrap:wrap}.chat-input-row{display:flex;gap:6px;width:100%;min-width:0}.chat-input-row input{min-width:0;flex:1}.chat-input-row button{flex-shrink:0}.eyebrow{color:#92baff;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}.setup-screen{height:100%;min-height:0;width:min(100%,1120px);margin:auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:12px}.screen-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;flex-shrink:0;min-height:56px}.screen-title h2{font-size:clamp(18px,3.5vw,24px);letter-spacing:-.035em}.header-actions{display:flex;align-items:center;gap:4px}.back-button{min-height:44px;display:flex;align-items:center;gap:8px}.icon-button{border-radius:12px;font-weight:800}.setup-hint{color:var(--color-text-secondary);font-size:12px;line-height:1.4}.inline-error,.chat-error{color:#fda4af;font-size:12px}.draft-layout{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.draft-roster{min-height:0;display:flex;flex-direction:column;gap:10px}.section-eyebrow{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--color-text-secondary)}.section-eyebrow>:first-child{font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d7e3f6}.character-selector{min-height:0;flex:1;display:flex;flex-direction:column;gap:12px}.class-filters{display:flex;gap:6px;overflow-x:auto;flex-shrink:0;padding:2px 2px 6px;scrollbar-width:thin}.class-filters button{white-space:nowrap;padding:8px 11px;min-height:40px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-secondary);font-size:11px}.class-filters button[aria-pressed=true]{background:#244476;border-color:#5b96ef;color:#fff}.character-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(auto-fill,minmax(91px,1fr));align-content:start;gap:10px;padding:3px 4px 12px 3px;scrollbar-gutter:stable}.fighter-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:14px 5px 10px;border-radius:13px;background:linear-gradient(145deg,#1a2537,#111a29);border:1px solid #2b3a51;min-height:112px;color:var(--color-text-primary)}.fighter-card:hover:not(:disabled){border-color:var(--fighter-color);background:#202e45;transform:translateY(-2px)}.fighter-card.is-selected{border:2px solid var(--fighter-color);background:color-mix(in srgb,var(--fighter-color) 13%,#131e2e);box-shadow:0 0 0 2px color-mix(in srgb,var(--fighter-color) 15%,transparent)}.fighter-card:disabled.is-selected{opacity:1}.fighter-avatar{font-size:35px;line-height:1.3;filter:drop-shadow(0 5px 8px #0005)}.fighter-name{font-size:11px;font-weight:800;letter-spacing:.035em}.fighter-class{font-size:10px;color:var(--color-text-secondary)}.fighter-check{position:absolute;right:6px;top:5px;color:var(--fighter-color);font-weight:800;font-size:11px}.draft-sidebar{min-height:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:2px}.fighter-summary{display:flex;align-items:center;gap:14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--fighter-color) 50%,#2c3a50);background:linear-gradient(135deg,#1e2b41,#151d2c);padding:18px 14px;min-height:112px;flex-shrink:0}.summary-avatar{font-size:46px;line-height:1.2}.summary-heading{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.summary-heading strong{color:#edf4ff;font-size:14px;letter-spacing:.03em}.summary-heading span{font-size:10px;color:var(--color-text-secondary)}.fighter-summary p{font-size:12px;color:#cad4e3;margin-top:5px;line-height:1.45}.match-settings,.settings-summary{border:1px solid var(--color-border);border-radius:12px;background:#111a29;flex-shrink:0}.match-settings summary,.settings-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;font-size:12px;color:var(--color-text-secondary)}.match-settings summary{cursor:pointer;list-style:none;min-height:44px;border-radius:12px}.match-settings summary::-webkit-details-marker{display:none}.match-settings summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.match-settings summary strong,.settings-summary strong{color:#dce7f8;white-space:nowrap;font-size:12px}.match-settings[open]{padding-bottom:8px}.match-settings>div{width:calc(100% - 16px)!important;margin:0 8px}.draft-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;flex-shrink:0;padding-bottom:2px}.draft-footer>button{min-height:50px;box-shadow:0 6px 24px #1c59d233}.draft-footer>button:disabled{box-shadow:none}.chat-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;min-width:0;flex-shrink:0}.chat-toggle{display:flex;gap:8px;align-items:center;width:100%;min-height:44px;padding:8px 12px;color:#d5e2f5;background:transparent;border-radius:12px;font-size:12px;text-align:left}.chat-toggle-label{display:flex;align-items:center;gap:6px;font-weight:700;white-space:nowrap}.chat-preview{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--color-text-secondary)}.unread-count{display:inline-flex;align-items:center;justify-content:center;background:#447de1;color:#fff;border-radius:999px;min-width:18px;padding:0 4px;font-size:10px}.chat-content{display:flex;flex-direction:column;gap:8px;padding:10px}.chat-panel--compact{position:relative}.chat-panel--compact .chat-content{position:absolute;bottom:calc(100% + 8px);left:-1px;right:-1px;z-index:40;border:1px solid #47648e;border-radius:12px;background:#19253a;box-shadow:0 12px 36px #0009}.chat-messages{overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:5px;padding:2px;min-height:26px}.chat-empty{color:var(--color-text-secondary);font-size:12px;text-align:center;padding:5px}.chat-bubble{align-self:flex-start;max-width:90%;border-radius:9px;padding:5px 9px;background:#0b1423;color:#e6edfa;font-size:12px;overflow-wrap:anywhere}.chat-bubble--me{align-self:flex-end;background:#244d8f}.chat-sender{display:block;color:#b3c5df;font-size:10px;font-weight:700}.chat-input-row input{padding:9px 10px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-background);color:#fff;font-size:14px}.chat-content .chat-input-row>button{min-height:40px;min-width:40px;padding:5px 10px;border-radius:9px;background:#3b82f6;color:#fff;font-size:20px}.online-entry-screen{overflow-y:auto}.online-entry{width:min(100%,770px);margin:auto;padding:24px 0}.entry-intro{text-align:center;margin-bottom:28px}.entry-emblem{display:inline-flex;font-size:38px;padding:14px;background:#1d3151;border:1px solid #36537e;border-radius:22px;margin-bottom:16px}.entry-intro h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.04em;margin-bottom:10px}.entry-intro p{font-size:14px;color:var(--color-text-secondary)}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.entry-card{min-width:0;display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,#19263b,#121a2a);border:1px solid var(--color-border);border-radius:20px;padding:24px}.entry-card h2{font-size:24px;letter-spacing:-.03em}.entry-card>p:not(.eyebrow){font-size:13px;color:var(--color-text-secondary)}.entry-card>button:last-child{margin-top:auto;min-height:48px}.entry-card .match-settings{margin:10px 0}.room-code-label{font-size:12px;font-weight:700;margin-top:4px}.room-code-input{border:1px solid #47648e;background:#0b1423;color:#f1f6ff;border-radius:12px;font:700 24px var(--font-mono);letter-spacing:.25em;padding:12px 16px;width:100%;text-transform:uppercase}.entry-footnote{text-align:center;margin-top:24px}.lobby-status-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}.connection-status>span{width:7px;height:7px;border-radius:50%;background:#fbbf24}.connection-status.is-connected>span{background:#34d399;box-shadow:0 0 10px #34d39955}.room-code-chip{display:flex;gap:10px;align-items:center;min-height:40px;padding:6px 12px;border-radius:10px;background:#1b2b43;color:#bad3fa;font-size:11px;border:1px solid #3a5276}.room-code-chip strong{font-family:var(--font-mono);letter-spacing:.12em;font-size:15px;color:#fff}.waiting-room{min-height:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px 0}.waiting-visual{position:relative;display:grid;place-items:center;width:106px;height:106px;margin-bottom:12px;border:1px solid #365482;border-radius:28px;background:radial-gradient(ellipse,#244574,#162238);font-size:44px}.waiting-visual i{width:10px;height:10px;background:#fbbf24;box-shadow:0 0 14px #fbbf2466;position:absolute;bottom:12px;right:12px;border-radius:50%}.waiting-room h2{font-size:28px;letter-spacing:-.04em}.waiting-room>p:not(.eyebrow){font-size:14px;color:var(--color-text-secondary)}.share-code{margin:8px 0 16px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 35px;border-radius:15px;border:1px dashed #5072a8;background:#13223a;color:#a5bee4}.share-code strong{font:800 34px var(--font-mono);letter-spacing:.2em;color:#fff}.share-code span{font-size:12px}.waiting-chat{width:min(100%,340px)}.main-menu{height:100%;overflow-y:auto;width:min(100%,1120px);padding:max(18px,env(safe-area-inset-top)) 32px max(18px,env(safe-area-inset-bottom));margin:auto;display:flex;flex-direction:column}.menu-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-lockup{display:flex;gap:10px;align-items:center;font-weight:900;font-size:16px;letter-spacing:.04em;white-space:nowrap}.brand-lockup img{width:34px;height:34px;border-radius:10px}.brand-lockup small{display:block;font-size:9px;color:var(--color-text-secondary);font-weight:500;letter-spacing:.04em}.menu-content{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:48px 0}.menu-hero h1{font-size:clamp(32px,4vw,49px);line-height:1.08;letter-spacing:-.055em;margin:14px 0 20px}.menu-hero h1>span{color:#9dbff6}.hero-description{font-size:15px;color:#acbbd0;max-width:350px}.player-greeting{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--color-text-secondary)}.player-greeting strong{color:#e8effb}.player-greeting small{color:#a1b8df;border:1px solid #3a5276;border-radius:6px;margin-left:7px;padding:2px 5px;font-size:10px}.rename-button{background:transparent;color:#a1b8df;width:36px;height:36px;border-radius:9px}.name-editor{display:flex;min-width:0;gap:4px;align-items:center}.hero-fighters{display:flex;align-items:center;gap:22px;margin-top:24px}.hero-fighters>span{width:72px;height:80px;display:grid;place-items:center;font-size:42px;border:1px solid #38527a;border-radius:18px;background:linear-gradient(145deg,#223d63,#151f31);transform:rotate(-7deg)}.hero-fighters>span:last-child{transform:rotate(7deg);border-color:#75424a;background:linear-gradient(145deg,#4e2737,#201b2c)}.hero-fighters i{font:800 11px var(--font-mono);color:#7e91ad}.play-modes{display:flex;flex-direction:column;gap:12px}.mode-card{--mode-bg: linear-gradient(125deg, #2463c1, #1d3c76);--mode-border: #538de2;display:flex;align-items:center;gap:16px;min-height:96px;border-radius:17px!important;width:100%}.mode-icon{font-size:30px}.mode-copy{flex:1;display:flex;flex-direction:column;gap:4px}.mode-copy strong{font-size:19px}.mode-copy small{font-size:12px;color:#c0d0ea;font-weight:400}.leaderboard-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-size:13px}.play-note{font-size:11px;text-align:center;color:#8da5c8}.play-note span{color:#8bb6ff;margin-right:5px}.menu-rules{border-top:1px solid var(--color-border);padding-top:18px;text-align:center}.matchup-guide{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.matchup-guide>span{font-size:11px;background:#16233a;border:1px solid #293e5e;border-radius:8px;padding:7px 10px;color:#d7e3f6}.matchup-guide i{color:#7d92b1;font-style:normal;margin:0 3px}.menu-rules>p{font-size:12px;color:#8da2c1;margin-top:10px}.battle-title{display:flex;flex-direction:column;align-items:center}.battle-title strong{font-size:14px}@media(max-width:859px){.draft-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(130px,1fr) auto;gap:12px}.draft-sidebar{overflow:visible;gap:8px}.fighter-summary{min-height:70px;padding:10px 12px;gap:12px;border-radius:12px}.summary-avatar{font-size:34px}.fighter-summary p{font-size:11px;margin-top:3px}.summary-heading strong{font-size:12px}.draft-footer{gap:6px}.draft-footer>button{min-height:48px}.menu-content{gap:28px}}@media(max-width:640px){.setup-screen{padding:max(8px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));gap:8px}.screen-header{gap:6px;min-height:50px}.screen-title h2{font-size:18px}.screen-title .eyebrow{font-size:9px}.back-label{display:none}.back-button{padding:6px 10px!important;min-width:40px}.section-eyebrow{font-size:10px}.character-selector{gap:6px}.class-filters{gap:5px;padding-bottom:3px}.class-filters button{min-height:40px;padding:6px 10px;font-size:11px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding-right:3px}.fighter-card{min-height:91px;padding:10px 2px 8px;border-radius:11px}.fighter-avatar{font-size:29px}.fighter-name{font-size:10px}.fighter-class{font-size:9px}.chat-input-row input{font-size:16px!important}.entry-options{grid-template-columns:1fr;gap:14px}.online-entry{padding:18px 0}.entry-intro{margin-bottom:18px}.entry-intro h1{font-size:26px}.entry-intro p{font-size:13px}.entry-emblem{font-size:30px;padding:8px;margin-bottom:12px;border-radius:16px}.entry-card{padding:18px;gap:10px}.entry-card h2{font-size:21px}.main-menu{padding:max(12px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom))}.brand-lockup{font-size:13px;gap:7px}.brand-lockup img{width:29px;height:29px;border-radius:8px}.menu-topbar{gap:4px}.menu-topbar .header-actions{gap:0}.menu-topbar .header-actions>button{padding:8px 10px!important;font-size:11px!important}.menu-content{grid-template-columns:1fr;gap:24px;padding:30px 0 24px}.menu-hero h1{font-size:37px;margin:9px 0 13px}.hero-description{font-size:13px;max-width:310px}.hero-fighters{display:none}.player-greeting{margin-top:10px}.mode-card{min-height:83px}.mode-copy strong{font-size:17px}.mode-copy small{font-size:11px}.mode-icon{font-size:27px}.play-modes{gap:9px}.play-modes>.eyebrow{font-size:9px}.menu-rules{padding-top:14px}.matchup-guide{gap:5px}.matchup-guide>span{font-size:9px;padding:6px 7px}}@media(max-height:580px)and (orientation:landscape){.setup-screen{overflow-y:auto}.draft-layout{flex:initial;min-height:500px}.draft-roster{min-height:200px}.menu-content{padding-top:24px;padding-bottom:24px}.waiting-room{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.fighter-card:hover{transform:none}}.battle-action-dock{position:sticky;bottom:0;z-index:20;padding:10px 0 2px;background:linear-gradient(0deg,var(--color-background) 85%,transparent);flex-shrink:0}.battle-phase-status{font-size:12px;text-align:center;color:#a9c2e8;margin-bottom:10px;min-height:18px}.action-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,520px);margin:auto}.action-card{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:130px;min-width:0;padding:10px 6px;border:1px solid color-mix(in srgb,var(--action-color) 45%,#24334b);border-radius:15px;background:linear-gradient(160deg,color-mix(in srgb,var(--action-color) 12%,#162133),#121c2d);color:#fff}.action-card:hover:not(:disabled){border-color:var(--action-color);transform:translateY(-2px)}.action-card.is-selected{border:2px solid var(--action-color);opacity:1;background:color-mix(in srgb,var(--action-color) 23%,#132138)}.action-card.is-super{border-color:#b58bff;box-shadow:0 0 18px #9d65ff22}.action-emoji{font-size:25px;line-height:1.3}.action-card strong{font-size:14px;color:var(--action-color)}.action-matchup{font-size:10px;color:#a9bbd5}.action-energy{display:flex;gap:3px;margin-top:4px}.action-energy i{height:4px;width:18px;border-radius:3px;background:linear-gradient(to right,var(--action-color) var(--pip-fill),#36445b var(--pip-fill))}.action-caption{font-size:9px;color:#8ea8cc}.is-super .action-caption{color:#c9a9ff;font-weight:800}.confirm-dialog{margin:auto;width:min(calc(100% - 32px),390px);background:#182338;color:#f2f6ff;border:1px solid #405679;border-radius:22px;padding:26px;box-shadow:0 24px 90px #0009}.confirm-dialog::backdrop{background:#040914b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-icon{font-size:32px}.confirm-dialog h2{font-size:24px;letter-spacing:-.03em;margin:12px 0}.confirm-dialog p{color:#b2c2db;font-size:14px;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions button{min-height:44px}@media(max-width:640px){.action-card{min-height:118px;padding:9px 3px;border-radius:13px}.action-buttons{gap:7px}.action-card strong{font-size:13px}.battle-phase-status{font-size:11px}}@media(max-width:640px)and (max-height:700px){.screen-title h2{font-size:16px}.draft-layout{gap:8px}.draft-sidebar{gap:6px}.draft-footer .setup-hint{display:none}}.main-menu .menu-topbar{justify-content:flex-end}.main-menu .menu-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:28px;flex:1}.main-menu .menu-hero{text-align:center;min-width:0;width:100%;--hero-title-size:clamp(2.8rem,11vw,5rem);--hero-name-size:clamp(2.24rem,8.8vw,4rem)}.main-menu .menu-hero h1{font-size:var(--hero-title-size);letter-spacing:-.04em;margin:0}.main-menu .hero-fighters{justify-content:center;margin:26px 0 0}.main-menu .hero-fighters span{font-size:clamp(4rem,17vw,7rem)}.main-menu .play-modes{width:min(100%,420px)}.main-menu .mode-card{justify-content:center;text-align:center!important;padding:18px!important}.main-menu .mode-card>span:last-child:not(.mode-copy){display:none}.main-menu .player-greeting{justify-content:center;font-size:var(--hero-name-size);margin-top:16px;gap:12px}.main-menu .player-name{min-width:0;max-width:calc(100% - 56px)}.main-menu .player-name strong{display:block;overflow-wrap:anywhere;line-height:1.15;letter-spacing:-.035em}.main-menu .player-name small{display:table;margin:6px auto 0}.main-menu .rename-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;color:var(--color-text-primary)}.main-menu .rename-button:hover{border-color:var(--color-primary)}.main-menu .rename-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.main-menu .name-editor{display:grid;width:min(100%,420px);gap:12px}.main-menu .name-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.main-menu .name-editor-actions button{min-height:44px;border-radius:12px!important}.main-menu .player-greeting .inline-error{flex-basis:100%;font-size:.85rem}.setup-screen .screen-title .eyebrow,.setup-screen .back-label{display:none}.setup-screen .draft-layout{display:flex;flex-direction:column;gap:12px;min-height:0}.setup-screen .draft-roster{flex:1;min-height:0}.setup-screen .draft-sidebar{flex:none;display:flex;flex-direction:column;gap:8px}.setup-screen .character-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.setup-screen .fighter-name,.setup-screen .fighter-class{display:none}.setup-screen .fighter-card{min-height:66px;padding:10px 4px}.setup-screen .fighter-avatar{font-size:clamp(2rem,7vw,3rem)}.setup-screen .match-settings summary{padding:8px}.setup-screen .match-settings summary>span{font-size:0}.setup-screen .match-settings summary>span:after{content:"⚙";font-size:22px}.setup-screen .draft-footer{margin:0}.setup-screen .chat-panel--compact .chat-toggle{min-height:36px}.setup-screen .chat-panel--compact .chat-preview{display:none}@media(min-width:900px){.setup-screen .draft-layout{max-width:650px;width:100%;margin:auto}}.main-menu .hero-fighters{display:flex}.main-menu .hero-fighters>span{width:auto;height:auto;border:0;background:none;transform:none}.setup-screen .chat-panel--compact{align-self:flex-end;width:44px}.setup-screen .chat-toggle{justify-content:center;padding:8px}.setup-screen .chat-toggle-label{font-size:0}.setup-screen .chat-toggle-label>span{font-size:18px}.setup-screen .chat-toggle>span:last-child{display:none}.setup-screen .chat-panel--compact .chat-content{left:auto;right:0;width:min(340px,calc(100vw - 40px))}.version-picker{display:flex;gap:6px;padding:4px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.version-picker button{flex:1;min-height:44px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:700;cursor:pointer}.version-picker small{margin-left:5px;font-size:.7rem;opacity:.7}.version-picker button[aria-pressed=true]{background:var(--color-primary);color:#fff}.match-format{border:0;padding:0;margin:8px 0;min-width:0}.match-format legend{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:6px}.version-picker button:focus-visible,.match-format button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.v2-room-settings{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;box-sizing:border-box}.v2-room-settings .settings-summary{padding:0 0 4px;flex-wrap:wrap;gap:4px}.v2-room-settings .settings-summary strong{font-size:.78rem}.v2-room-settings .match-settings{margin:6px 0 0}.consent-status{font-size:.72rem;color:var(--color-text-secondary);line-height:1.4;margin-top:8px}.hp-settings-fieldset{padding:0;margin:0;min-width:0;border:0}.series-score{font-size:.7rem;color:var(--color-text-secondary)}.series-result-score{margin-top:12px;font:700 2rem var(--font-mono)}.series-result-score small{display:block;margin-top:4px;color:var(--color-text-secondary);font:400 .75rem var(--font-family)}@media(max-height:700px){.main-menu .menu-content{padding:12px 0;gap:16px}.main-menu .hero-fighters{margin-top:12px;line-height:1.2}.main-menu .mode-card{min-height:64px;padding:12px!important}}.action-history-dialog{margin:auto;padding:18px;width:min(680px,calc(100vw - 24px));max-height:85dvh;border:1px solid var(--color-border);border-radius:16px;color:var(--color-text-primary);background:var(--color-surface);overflow:auto}.action-history-dialog::backdrop{background:#000b}.action-history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.action-history-header h2{font-size:18px}.action-history-header button{min-width:44px;min-height:44px;color:#fff;background:transparent}.action-history-list table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.action-history-list th,.action-history-list td{padding:10px 4px;text-align:left;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.arena-options{min-width:0;padding:4px 0;border:0}.arena-options legend{font-size:11px;color:var(--color-text-secondary);margin-bottom:8px}.arena-option{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #ffffff09}.arena-option-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#3b82f612;color:#93bbff}.arena-option-copy{flex:1;min-width:0}.arena-option-copy strong,.arena-option-copy small{display:block}.arena-option-copy strong{font-size:12px;font-weight:600}.arena-option-copy small{font-size:10px;color:var(--color-text-secondary);margin-top:2px}.arena-switch{min-width:44px;width:44px;height:28px;border-radius:20px;border:1px solid #50617a;background:#263145;padding:3px;cursor:pointer;flex-shrink:0}.arena-switch span{display:block;height:20px;width:20px;border-radius:50%;background:#a1aec3;transition:transform .15s}.arena-switch[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary)}.arena-switch[aria-checked=true] span{background:#fff;transform:translate(16px)}.arena-switch:disabled{cursor:default}.number-setting{flex:1;min-width:0;text-align:center}.number-setting-label{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:7px}.number-stepper{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:#0b101b}.number-stepper button{flex:0 0 40px;min-height:44px;background:transparent;color:#b7c9e5;font-size:22px;cursor:pointer}.number-stepper button:disabled{opacity:.3;cursor:default}.number-stepper input{min-width:0;width:100%;text-align:center;background:transparent;border:0;color:#fff;font:700 18px var(--font-mono);padding:8px 0;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.number-stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.hp-settings-card{padding:10px 0}.hp-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hp-half-button{display:flex;justify-content:space-between;width:100%;margin-top:12px;padding:10px 12px;color:var(--color-text-secondary);background:#ffffff04;border:1px solid var(--color-border);border-radius:10px;font-size:11px}.hp-half-button span{color:#bdcff0}.arena-toolbar{flex-shrink:0;padding:4px 16px 8px}.round-effect{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#aabbd5}.round-effect-icon{color:#95b9ee;font-size:18px}.round-effect strong{font-size:11px;font-weight:600}.round-effect small{font-size:10px;margin-left:8px;color:#7f91ad}.round-effect.is-overdrive .round-effect-icon,.round-effect.is-overdrive strong{color:#d3b0ff}.arena-toolbar-actions{display:flex;gap:8px}.arena-tool{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid var(--color-border);border-radius:12px;background:#141e2d;color:#c1cee3;cursor:pointer;font-size:12px}.arena-tool strong{font-size:11px;font-weight:600}.arena-tool small{font-size:10px;color:#8ba2c4}.arena-tool.has-selection{border-color:#7b9dd7;color:#fff;background:#1a3152}.history-tool{flex:1;min-width:0}.history-tool>span:last-child{margin-left:auto}.recent-actions{display:flex;gap:5px}.recent-actions>span{display:flex;align-items:center;font-size:12px;gap:2px}.recent-actions i{font-size:9px;font-style:normal;opacity:.7}.tactic-panel{margin-top:8px;padding:10px;background:#101926;border:1px solid var(--color-border);border-radius:12px}.tactic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tactic-card{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:86px;padding:10px 3px;color:#b9cae4;background:#192436;border:1px solid #30425c;border-radius:10px;cursor:pointer}.tactic-card>span{font-size:21px;color:#9ebef2}.tactic-card strong{font-size:11px}.tactic-card small{font-size:9px;color:#93a6c1}.tactic-card[aria-pressed=true]{border-color:#74aaff;background:#203f69;color:#fff}.tactic-card:disabled{opacity:.4;cursor:default}.tactic-panel>p,.tactic-reveal,.tactic-recovery{font-size:10px;color:#8295b2;margin-top:8px}.tactic-reveal{display:flex;justify-content:space-between}.arena-tool:focus-visible,.arena-switch:focus-visible,.tactic-card:focus-visible,.number-stepper button:focus-visible{outline:2px solid #82b3ff;outline-offset:2px}.setup-screen{--settings-inset: 12px}.setup-screen .match-settings,.setup-screen .match-settings[open]{padding:0;overflow:hidden}.setup-screen .match-settings summary{padding:12px var(--settings-inset);min-height:48px}.setup-screen .match-settings>.settings-content{display:grid;gap:14px;width:auto!important;margin:0;padding:4px var(--settings-inset) var(--settings-inset);min-width:0}.settings-content>*,.settings-content .hp-settings-fieldset{min-width:0;width:100%}.settings-content .match-format{margin:0}.settings-content .arena-options{padding:0;margin:0}.settings-content .hp-settings-card{width:100%!important;margin:0;padding:0}.settings-content .hp-settings-fieldset{display:grid;gap:14px}.setup-screen .v2-room-settings{padding:var(--settings-inset)}.setup-screen .v2-room-settings .settings-summary strong{white-space:normal;overflow-wrap:anywhere}.setup-screen .draft-sidebar{max-height:min(65dvh,620px);overflow-y:auto;scrollbar-width:thin;padding:2px}.setup-screen .draft-footer{position:sticky;bottom:-2px;padding:8px 0 2px;background:var(--color-background);z-index:3}@media(min-width:600px){.setup-screen{--settings-inset: 16px}.setup-screen .draft-layout{width:100%;max-width:680px;margin-inline:auto}}@media(min-width:1024px)and (min-height:650px){.setup-screen{--settings-inset: 20px;padding:24px;gap:20px}.setup-screen .draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;max-width:1080px;gap:24px;margin:0 auto}.setup-screen .draft-sidebar{max-height:100%}}@media(max-height:520px){.setup-screen{overflow-y:auto}.setup-screen .draft-layout{flex:none;min-height:0}.setup-screen .draft-roster{flex:none;height:200px;min-height:160px}.setup-screen .draft-sidebar{max-height:none;overflow:visible}.setup-screen .draft-footer{position:static}}.setup-screen .draft-sidebar{overflow:hidden}.draft-settings-scroll{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.setup-screen .draft-footer{position:static;flex-shrink:0;padding:4px 0 2px}@media(max-height:520px){.setup-screen .draft-sidebar,.draft-settings-scroll{overflow:visible}.draft-settings-scroll{flex:none}}.setup-screen .match-settings summary.settings-overview{display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:start;gap:10px}.settings-overview-icon{font-size:21px;color:#91afd3;line-height:1.2}.settings-overview-copy{min-width:0}.settings-overview-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.settings-overview-head>span{font-size:11px;color:#b4c5df}.settings-overview-head strong{font-size:12px}.settings-overview-format{color:#94a7c3;font-size:10px;margin-top:4px;overflow-wrap:anywhere}.settings-overview-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.settings-overview-options>span{display:inline-flex;align-items:center;gap:4px;border:1px solid #34445c;border-radius:6px;padding:3px 5px;font-size:9px;line-height:1.2}.settings-overview-options i{font-style:normal}.settings-overview-options small{font-size:9px}.settings-overview-options .is-enabled{color:#b6d1fb;background:#24487538;border-color:#38577f}.settings-overview-options .is-disabled{color:#91a0b6;background:#ffffff03}.settings-overview-chevron{color:#8399b8;font-size:14px;transition:transform .15s}.match-settings[open] .settings-overview-chevron{transform:rotate(180deg)}.match-settings[open] .settings-overview-options{display:none}.settings-version{font-size:10px;color:var(--color-text-secondary);margin-bottom:8px}.build-version{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;padding:3px max(12px,env(safe-area-inset-right)) max(3px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--color-background);color:#8191aa;font:400 10px/1.5 var(--font-mono);border-top:1px solid #ffffff08}.build-version-status{font:400 10px/1.5 var(--font-family)}.build-version-status.is-latest{color:#7fbca4}.build-version-status.is-outdated{color:#f4c46c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.battle-screen{display:flex;flex-direction:column;height:100%;min-height:0;width:100%;max-width:var(--max-play-width);margin:auto;overflow-y:auto}.battle-header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:4px;padding:4px 10px;flex-shrink:0}.battle-header-actions{display:flex;align-items:center;gap:0}.battle-header button{min-width:44px;min-height:44px;width:44px!important;padding:0!important}.battle-header .battle-title{min-width:0;gap:0;text-align:center}.battle-header .battle-title strong{font-size:14px}.battle-header .series-score{font-size:10px;overflow-wrap:anywhere}.battle-reactions{display:flex;justify-content:center;gap:6px;padding:0 12px 4px;flex-shrink:0}.battle-reactions[hidden]{display:none}.battle-reactions button{min-width:44px;min-height:44px}.battle-body{flex:1;min-height:0}.battle-arena{display:flex;flex-direction:column;height:100%;min-height:min-content;gap:8px;padding:8px 16px 12px}.battle-field{--size-avatar:clamp(3.5rem,12vmin,5rem);flex:1 0 auto;min-height:240px;display:flex;align-items:center;justify-content:space-around;position:relative;padding:24px 0 20px}.battle-action-dock{position:static;z-index:auto;padding:0;background:none;flex-shrink:0}.battle-phase-status{min-height:0;margin:0 0 4px;font-size:11px}.battle-action-dock .action-card{min-height:88px;padding:10px 6px;gap:4px}.battle-action-dock .action-emoji{font-size:24px;line-height:1.2}.battle-action-dock .arena-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0;margin:0 auto 8px;width:min(100%,520px)}.battle-action-dock .arena-toolbar:empty{display:none}.battle-action-dock .arena-toolbar-actions{flex:1;min-width:0}.battle-action-dock .arena-toolbar-actions:empty{display:none}.battle-action-dock .arena-tool{padding:8px;gap:5px}.battle-action-dock .tactic-panel,.battle-action-dock .tactic-reveal{flex-basis:100%;width:100%}.arena-refill{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.arena-effect-chip{color:#d3b0ff;font-size:11px;white-space:nowrap}.fighter-resources{display:grid;justify-items:center;gap:3px;max-width:100%;color:#9aaac1;font-size:10px}.fighter-stock{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.fighter-stock>span{display:inline-flex;align-items:center;gap:2px}.fighter-stock b{font-size:9px;letter-spacing:1px}.fighter-resources .super-ready{color:#c084fc}.super-toggle{min-height:44px;padding:8px 12px;border:1px solid #7351ac;border-radius:10px;background:#251b3d;color:#ddd0fa;font-size:12px;font-weight:700}.super-toggle[aria-pressed=true]{background:#7137b8;color:#fff}.super-toggle:disabled{opacity:.45;cursor:default}.duel-rules-note{font-size:12px;color:var(--color-text-secondary);margin:0 0 10px}.super-toggle:focus-visible{outline:2px solid #82b3ff;outline-offset:2px}@media(max-width:380px){.battle-arena{padding-inline:10px}.battle-action-dock .recent-actions{gap:3px}}@media(min-width:600px)and (max-height:520px){.battle-arena{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);align-items:center}.battle-field{min-height:240px;height:100%}.battle-action-dock{align-self:center}.battle-arena>.chat-input-row{grid-column:2;grid-row:2}}.fighter-bubbles:empty{display:none!important}.battle-reaction-toggle{border:0;border-radius:8px;background:transparent;color:var(--color-text-primary);font-size:16px}.battle-reaction-toggle:focus-visible{outline:2px solid #82b3ff;outline-offset:2px}.research-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.research-toggle{min-height:44px;padding:8px 10px;border:1px solid #426d80;border-radius:10px;background:#142832;color:#b5dde8;font-size:12px;font-weight:600}.research-toggle[aria-pressed=true]{background:#215b68;border-color:#6ed7df;color:#fff}.research-toggle:disabled{opacity:.45}.research-toggle:focus-visible{outline:2px solid #82b3ff;outline-offset:2px}.action-card.is-research{border-color:#6ed7df;background:#15323c}.action-intent{font-size:10px;color:#c4b5fd}.is-research .action-intent{color:#9de2e6}.action-energy[hidden]{display:none}.research-progress{color:#a6b8d0;font-size:11px}.research-progress b{font-weight:500}.research-steps{display:flex;gap:4px}.research-steps i{width:18px;height:4px;border-radius:4px;background:#344054}.research-steps i.is-complete{background:#b08af3}.battle-action-dock .recent-actions{min-width:0;overflow:hidden}.action-card strong.research-label{font-size:12px;line-height:1.2}.turn-time-setting{border:0;margin:12px 0;padding:0;min-width:0}.turn-time-setting legend,.turn-time-input label{font-size:.85rem;color:var(--text-secondary,#a4aec2);margin-bottom:8px}.turn-time-modes{display:flex;gap:8px}.turn-time-modes button{flex:1;min-height:44px;border:1px solid #37445e;border-radius:12px;background:#151d2e;color:#d6ddec;font:inherit;cursor:pointer}.turn-time-modes button[aria-pressed=true]{border-color:#71afff;background:#233957;color:#fff}.turn-time-setting:disabled button{cursor:default;opacity:.75}.turn-time-input{display:grid;gap:6px;margin-top:12px}.turn-time-input input{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #37445e;border-radius:12px;background:#101828;color:#fff;padding:10px 14px;font:inherit}.turn-time-input input[aria-invalid=true]{border-color:#fb7185}.turn-time-input small{font-size:.75rem;color:#a4aec2}.turn-countdown{font-variant-numeric:tabular-nums;color:#8ebfff;font-size:.8rem;font-weight:650}.turn-countdown.is-urgent{color:#fbbf24}.turn-countdown.is-expired{color:#fb7185}.strategy-screen{width:min(100%,620px);margin:auto;padding:12px clamp(10px,3vw,24px) 30px;box-sizing:border-box;display:grid;gap:12px;color:#e4edfa}.strategy-header{display:flex;align-items:center;gap:8px}.strategy-header>div{flex:1;text-align:center;display:grid;gap:3px}.strategy-header small,.strategy-fighters small,.strategy-objective small{font-size:11px;color:#a7b6cd}.strategy-header button,.strategy-screen button,.strategy-map-picker button{min-height:42px;border:1px solid #364760;background:#182335;color:#e5efff;border-radius:10px;padding:8px 12px;font:inherit;cursor:pointer}.strategy-screen button:disabled{cursor:default;opacity:.48}.strategy-screen button[aria-pressed=true],.strategy-map-picker button[aria-pressed=true]{border-color:#7db6ff;background:#263f61}.strategy-fighters{display:grid;grid-template-columns:1fr 1fr;gap:24px}.strategy-fighters section{display:grid;text-align:center;gap:6px}.strategy-emoji{font-size:48px;line-height:1.3}.strategy-fighters span{font-size:13px}.strategy-fighters progress{width:100%;height:10px;accent-color:#29d6aa}.strategy-objective{display:flex;justify-content:space-between;align-items:center;font-size:12px}.strategy-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;max-width:400px;margin:auto}.strategy-map .strategy-cell{padding:0;min-height:40px;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #2c3d53;background:#142132;opacity:1;border-radius:8px}.strategy-cell small{position:absolute;top:3px;left:3px;font-size:8px;color:#8596ac}.strategy-cell span{font-size:clamp(15px,4vw,26px)}.strategy-map .terrain-w{background:repeating-linear-gradient(135deg,#263347,#263347 5px,#34445b 5px,#34445b 10px)}.strategy-map .terrain-m{background:#342f22}.strategy-map .active-beacon{border-color:#b9a0ff;background:#302548}.strategy-map .reachable{border-color:#69a6e9;background:#203f58}.strategy-map .destination{outline:2px solid #a4d7ff}.strategy-map .danger{box-shadow:inset 0 0 0 2px #ee7e6d}.strategy-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:10px;color:#a5b4c9}.strategy-tools{display:flex;flex-wrap:wrap;gap:6px}.strategy-tools button{flex:1;font-size:12px}.strategy-main-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.strategy-main-actions button{display:grid;gap:6px;font-size:13px;font-weight:650}.strategy-main-actions button span{font-size:26px}.strategy-main-actions button:first-child{border-color:#a65e76}.strategy-main-actions button:nth-child(2){border-color:#577da9}.strategy-main-actions button:last-child{border-color:#398c7d}.strategy-confirm{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}.strategy-confirm span{flex:1;font-size:12px;text-transform:capitalize}.strategy-error{color:#ff9ca8}.strategy-sheet,.strategy-editor{position:fixed;inset:12px max(10px,calc((100vw - 580px)/2));z-index:1000;background:#101a29;border:1px solid #435976;border-radius:18px;padding:18px;overflow:auto;box-shadow:0 0 0 100vmax #000a;color:#e6effb}.strategy-sheet header,.strategy-editor header{display:flex;align-items:center;justify-content:space-between}.strategy-sheet p{color:#acbdd3;font-size:13px;line-height:1.6}.strategy-sheet section{border-top:1px solid #35445c;padding:12px 0}.strategy-sheet h3{margin:8px 0}.strategy-map-picker{display:grid;gap:10px}.strategy-map-cards{display:flex;flex-wrap:wrap;gap:6px}.strategy-map-cards>div{display:flex;gap:2px}.strategy-map-cards button{font-size:12px;padding:8px}.strategy-editor label{display:grid;gap:8px;margin:10px 0}.strategy-editor input{padding:10px;border-radius:8px;width:100%;box-sizing:border-box}.strategy-editor .strategy-map{margin:12px auto}.strategy-import{font-size:12px;display:grid;gap:6px}.strategy-result{text-align:center;display:grid;gap:10px}.strategy-map-picker h3{font-size:15px;margin:8px 0}.strategy-sheet button,.strategy-editor button{min-height:42px;border:1px solid #475e7f;border-radius:9px;padding:8px 12px;background:#22334c;color:#e7effe}.strategy-sheet button:disabled,.strategy-editor button:disabled{opacity:.4}.strategy-editor .strategy-cell{padding:0}.strategy-screen:has(.strategy-result) .battle-map{opacity:.8}@media(max-width:360px){.strategy-screen{padding-top:8px;gap:8px}.strategy-emoji{font-size:36px}.strategy-map .strategy-cell{min-height:38px}.strategy-header button{padding:6px}.strategy-header small{font-size:10px}}.strategy-screen{height:100%;min-height:0;overflow-y:auto;align-content:start;margin:0 auto;overscroll-behavior:contain}.strategy-screen{gap:8px;padding-top:8px;padding-bottom:20px}.strategy-fighters section{gap:3px}.strategy-emoji{font-size:36px;line-height:1.15}.strategy-fighters strong{font-size:13px}.strategy-fighters progress{height:8px}.strategy-public-tech{line-height:1.25}.battle-map{max-width:min(100%,max(236px,calc((100dvh - 466px)*5/7)))}.battle-map .strategy-cell{min-height:44px}.strategy-fighters{gap:20px}.strategy-map .terrain-w,.map-guide-sample.terrain-w{background:repeating-linear-gradient(135deg,#263347,#263347 5px,#3a4a60 5px,#3a4a60 10px);border-color:#65738a}.strategy-map .terrain-m,.map-guide-sample.terrain-m{background:radial-gradient(ellipse at center,#80613d 1px,transparent 2px) 0 0/9px 9px,#3b3024;border-color:#a28152;color:#eacb91}.strategy-map .resource-cell,.map-guide-sample.resource-cell{background:#103932;border-color:#46ab95}.strategy-map .flag-cell,.map-guide-sample.flag-cell{background:#272b3e;border-color:#747d96;color:#c1c8dd}.strategy-map .active-beacon,.map-guide-sample.active-beacon{background:#4a391b;border:2px solid #f4c966;color:#ffe09a}.strategy-map .reachable{border-color:#79bcff;box-shadow:inset 0 0 0 1px #79bcff}.strategy-map .destination{outline:2px solid #f4faff;outline-offset:1px}.strategy-map .danger{box-shadow:inset 0 0 0 3px #ef796d}.strategy-map .strategy-cell small{color:#c0ccdc;line-height:1;font-size:9px;top:4px;left:4px}.strategy-cell .map-feature{font-size:clamp(17px,4vw,25px);font-weight:750;line-height:1}.strategy-cell .map-occupant{font-size:clamp(23px,5vw,30px);line-height:1;z-index:1}.strategy-cell .occupied-feature{position:absolute;right:1px;bottom:1px;z-index:2;font-size:12px;padding:2px;border-radius:4px;background:#0d1729;line-height:1;border:1px solid currentColor}.strategy-cell .map-occupant-label{position:absolute;top:4px;right:3px;font-size:7px;font-weight:750;line-height:1;color:#e4edfa;letter-spacing:.2px}.map-legend{gap:6px 10px;align-items:center;font-size:11px;line-height:1.2}.map-legend>span{display:inline-flex;gap:3px;align-items:center;white-space:nowrap}.map-legend b{font-size:14px;font-weight:650}.map-flag-key{color:#f4c966}.strategy-screen .map-legend button,.strategy-map-picker .map-legend button,.strategy-editor .map-legend button{min-height:44px;padding:6px 10px;font-size:12px;color:#bbd9ff;border-color:#526e93;background:#1b2c43;white-space:nowrap}.map-guide{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #526b8c;border-radius:18px;background:#101a29;color:#e6effb;box-sizing:border-box;overscroll-behavior:contain}.map-guide::backdrop{background:#050a14c9}.map-guide-content{padding:18px}.map-guide header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#101a29;z-index:1;padding-bottom:8px}.map-guide h2{font-size:20px;margin:0}.map-guide h3{font-size:14px;margin:18px 0 10px}.map-guide button{min-width:44px;min-height:44px;border:1px solid #526b8c;border-radius:10px;background:#22334c;color:#e7effe;cursor:pointer;font:inherit}.map-guide-intro,.map-guide-note{font-size:12px;line-height:1.55;color:#b7c6dc;margin:8px 0 16px}.map-guide dl{display:grid;gap:14px;margin:16px 0}.map-guide dl>div{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.map-guide-sample{display:grid;place-items:center;width:44px;height:44px;box-sizing:border-box;border:1px solid #536780;border-radius:8px;background:#142132;font-size:22px;font-weight:700}.map-guide dt{font-size:14px;font-weight:700;line-height:1.4}.map-guide dd{font-size:12px;line-height:1.55;color:#b7c6dc;margin:3px 0 0}.map-marker-key{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:12px;color:#b7c6dc}.map-marker-key li{display:flex;align-items:center;gap:10px}.map-marker-key i{width:22px;height:22px;flex-shrink:0;border:1px solid #536780;border-radius:4px;background:#142132}.map-marker-key .reachable{border:2px solid #79bcff}.map-marker-key .destination{outline:2px solid #f4faff}.map-marker-key .danger{box-shadow:inset 0 0 0 3px #ef796d}.strategy-cell:focus-visible,.map-legend button:focus-visible,.map-guide button:focus-visible{outline:3px solid #fff;outline-offset:2px}.strategy-map .attack-range:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px dashed #ff9d9d;border-radius:5px;pointer-events:none}.strategy-actions{position:sticky;bottom:0;z-index:3;background:#0b1423f5;border:1px solid #384c68;border-radius:14px 14px 0 0;padding:8px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -8px 20px #050a1477}.strategy-actions .strategy-confirm{display:grid;grid-template-columns:minmax(0,4fr) minmax(44px,1fr);gap:6px;min-height:48px;margin-top:8px}.strategy-confirm>span{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.strategy-actions .strategy-confirm button{min-height:48px;padding:8px;font-size:13px}.strategy-actions .strategy-go{background:#80baff;color:#07152a;font-weight:800;border-color:#b2d7ff}.strategy-actions>p{font-size:11px;margin:5px 0 0;text-align:center}.strategy-screen:has(.strategy-actions){padding-bottom:0}.strategy-screen:has(.strategy-actions) .battle-map{max-width:min(100%,max(236px,calc((100dvh - 490px)*5/7)))}.strategy-emoji{position:relative}.strategy-emoji .strategy-emote{position:absolute;top:0;right:5%;font-size:22px;line-height:1}.strategy-header>button{padding:7px;min-width:36px}.strategy-header{gap:4px}.strategy-header strong{font-size:13px}.strategy-header small{font-size:10px}.strategy-header>div,.strategy-fighters section{min-width:0;overflow-wrap:anywhere}.map-marker-key .attack-range{border:1px dashed #ff9d9d}.strategy-combat-actions,.strategy-resource-actions{display:grid;gap:6px}.strategy-combat-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-resource-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px}.strategy-actions .strategy-combat-actions button,.strategy-actions .strategy-resource-actions button{min-height:44px;padding:8px 6px;font-size:13px;line-height:1.2;font-weight:600}.strategy-resource-actions .strategy-release{grid-column:1/-1}.strategy-header>button{min-width:30px;min-height:40px;padding:5px;font-size:17px}.strategy-actions .strategy-action-description{display:flex;align-items:center;justify-content:space-between;gap:6px;text-align:left;border:0;background:transparent;font-size:11px;padding:0 5px;color:#e5efff;font-weight:400;text-transform:capitalize}.strategy-action-description>span{font-size:17px;flex-shrink:0}.actions-folded .strategy-confirm{margin-top:0}.strategy-screen:has(.strategy-actions) .battle-map{max-width:min(100%,max(236px,calc((100dvh - 446px)*5/7)))}.strategy-screen:has(.actions-folded) .battle-map{max-width:min(100%,max(236px,calc((100dvh - 342px)*5/7)))}.battle-dialog{margin:auto;box-sizing:border-box;max-height:calc(100dvh - 24px);width:min(580px,calc(100% - 24px));top:0;right:0;bottom:0;left:0;box-shadow:none}.battle-dialog::backdrop{background:#050a14c9}.battle-dialog>header{position:sticky;top:-18px;background:#101a29;z-index:2;padding:8px 0}.battle-dialog h2{font-size:20px}.tech-wallet{font-size:14px;color:#81e9cf;padding:8px 0}.tech-sheet .tech-instructions{font-size:12px}.tech-branch-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tech-card{min-width:0;border:1px solid #3a4e6b;border-radius:14px;background:#152235;padding:12px;display:flex;flex-direction:column;gap:10px}.tech-branch-0{--tech-color:#f290a2}.tech-branch-1{--tech-color:#8bbdff}.tech-branch-2{--tech-color:#79e4cd}.tech-branch h3{color:var(--tech-color)}.tech-card.tech-owned{border-color:var(--tech-color)}.tech-card.tech-selected{outline:2px solid #fff}.tech-art{height:72px;position:relative;display:grid;place-items:center;color:var(--tech-color);border-radius:9px;background:linear-gradient(135deg,#21324a,#101a29)}.tech-art svg{position:absolute;width:100%;height:100%;stroke:currentColor;stroke-width:1.2;fill:none;opacity:.35}.tech-art>span{font-size:38px;z-index:1;filter:drop-shadow(0 3px 6px #0008)}.tech-card-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}.tech-card h4{margin:0;font-size:15px}.tech-card-heading small{font-size:10px;color:var(--tech-color)}.tech-card p{margin:0;font-size:12px;flex:1}.tech-requirement{font-size:11px;line-height:1.4;color:#b8c8dc}.tech-card button{width:100%;min-height:44px;font-size:12px;border-color:var(--tech-color)}.tech-card button:disabled{border-color:#526078}.tech-directions{display:grid;gap:5px}.strategy-fighters>section{position:relative}.battle-feedback{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;text-transform:capitalize;font-size:11px}.feedback-action{position:absolute;top:42px;left:50%;transform:translate(-50%);padding:3px 7px;white-space:nowrap;background:#112238f0;border:1px solid #7f9ec7;border-radius:12px;font-size:11px!important;animation:feedback-appear .2s ease-out}.feedback-deltas{position:absolute;top:3px;left:0;right:0;display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.feedback-deltas b{padding:3px 5px;background:#0a1328e8;border-radius:7px;font-size:12px;animation:feedback-rise .4s ease-out}.feedback-damage{color:#ff9eab}.feedback-income{color:#72edbf}.feedback-cost{color:#c3ceeb}.feedback-points{color:#ffdc7c}.fighter-effect .strategy-emoji{animation:feedback-pulse .5s ease-out}.effect-hit .strategy-emoji{animation:feedback-hit .4s ease-out}.effect-counter .strategy-emoji,.effect-parry .strategy-emoji,.effect-barrier .strategy-emoji{filter:drop-shadow(0 0 8px #78baff)}.effect-gather .strategy-emoji{filter:drop-shadow(0 0 8px #5de9bb)}.effect-upgrade .strategy-emoji,.effect-release .strategy-emoji{filter:drop-shadow(0 0 8px #c4a4ff)}.strategy-map .tile-effect{animation:tile-pulse .7s ease-out}.strategy-map .tile-effect-counter,.strategy-map .tile-effect-parry,.strategy-map .tile-effect-barrier{--effect-color:#83bfff}.strategy-map .tile-effect-gather{--effect-color:#6ee5b7}.strategy-map .tile-effect-attack,.strategy-map .tile-effect-pierce{--effect-color:#f79aa7}.strategy-map .tile-effect-upgrade,.strategy-map .tile-effect-charge,.strategy-map .tile-effect-release{--effect-color:#c5a2ff}@keyframes feedback-appear{0%{opacity:0}to{opacity:1}}@keyframes feedback-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes feedback-pulse{50%{transform:scale(1.12)}}@keyframes feedback-hit{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes tile-pulse{50%{box-shadow:inset 0 0 0 3px var(--effect-color,#9ebfec),0 0 12px var(--effect-color,#9ebfec)}}@media(max-width:380px){.tech-branch-cards{grid-template-columns:1fr}.tech-art{height:64px}.strategy-header{gap:3px}.strategy-header>button{min-width:28px;padding:3px;font-size:16px}}@media(prefers-reduced-motion:reduce){.fighter-effect .strategy-emoji,.strategy-map .tile-effect,.feedback-action,.feedback-deltas b{animation:none!important}}.strategy-actions .strategy-skills-button{background:#34234f;border-color:#ab83e8;color:#e6d6ff;display:flex;flex-direction:column;justify-content:center;gap:3px}.strategy-skills-button strong{font-size:11px;font-weight:650;line-height:1.2}.strategy-actions .strategy-skills-button[aria-pressed=true]{background:#67418c;border:2px solid #e1beff;box-shadow:0 0 0 2px #b285ef33}.skill-choice-active .strategy-action-description{border-left:3px solid #ca9dff;background:#36234f99;border-radius:8px;color:#f0dfff;padding-left:8px!important}.skill-choice-active .strategy-go{background:#cfb0ff;border-color:#ecdeff;color:#211035}.strategy-map{position:relative;isolation:isolate}.battle-map-effects{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5;overflow:visible;pointer-events:none;color:#b6d7ff}.battle-map-effects text{font-family:system-ui,sans-serif;font-size:24px;fill:#fff;stroke:none}.map-ghost-emoji{font-size:34px!important;filter:drop-shadow(0 2px 3px #000b)}.map-move-trail{fill:none;stroke:#9ad7ff;stroke-width:3;stroke-dasharray:7 5;opacity:.7}.map-event-dash .map-move-trail{stroke:#bf9cff;stroke-width:5}.map-moving-ghost{animation-duration:.6s;animation-fill-mode:both;animation-timing-function:ease-in-out}.ghost-travel,.ghost-bounce{animation-name:map-ghost-fade}.map-occupant-animating .map-occupant{animation:occupant-return .6s both}@keyframes occupant-return{0%,88%{opacity:0}to{opacity:1}}.map-action-ring,.map-collision-ring,.map-knockback-end{fill:none;stroke:currentColor;stroke-width:4;animation:map-ring 1s ease-out both}.map-action-icon{animation:map-icon .9s ease-out both}.map-event-pierce{color:#ff86b5}.map-event-counter,.map-event-parry,.map-event-barrier{color:#82bbff}.map-event-upgrade,.map-event-release,.map-event-charge{color:#d2a6ff}.map-event-gather{color:#ffe081}.map-event-push{color:#68edd7}.map-strike,.map-push-arrow{fill:none;stroke:currentColor;stroke-width:7;stroke-linecap:round;stroke-dasharray:700;animation:map-strike .8s ease-out both}.map-strike-pierce{stroke-width:12;filter:drop-shadow(0 0 5px #ff80b0)}.map-push-arrow{stroke-dasharray:10 4;stroke-width:10}.map-rail-beam{fill:none;stroke:#e9cbff;stroke-width:16;filter:drop-shadow(0 0 9px #b875ff);animation:rail-beam 1s ease-out both}.map-barrier-persistent path{fill:#70b4ff18;stroke:#8ec8ff;stroke-width:3}.map-barrier-persistent text{font-size:17px}.map-aim-line{fill:none;stroke:#dcaaff;stroke-width:5;stroke-dasharray:10 7;opacity:.75}.map-skill-preview circle{fill:#bd8bff15;stroke:#dfb6ff;stroke-width:3;stroke-dasharray:6 4}.map-skill-preview text{font-size:25px}.map-collision{color:#ffd07b}.map-collision-spark{font-size:35px!important;animation:clash-pop .6s ease-out both}.map-collision-label{font-size:14px!important;paint-order:stroke;stroke:#121b2c!important;stroke-width:5px!important;stroke-linejoin:round;fill:#ffe5ae!important}@keyframes map-ring{0%{opacity:1;stroke-width:6}to{opacity:0;stroke-width:1}}@keyframes map-icon{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}@keyframes map-strike{0%{stroke-dashoffset:700;opacity:0}30%,60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes rail-beam{0%{opacity:0;stroke-width:2}30%,65%{opacity:1;stroke-width:16}to{opacity:0;stroke-width:2}}@keyframes clash-pop{0%,35%{opacity:0;transform:scale(.6)}50%,65%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.map-moving-ghost{display:none}.map-occupant-animating .map-occupant{animation:none}.battle-map-effects *{animation:none!important}.map-collision-spark{opacity:1}.map-action-ring,.map-strike,.map-rail-beam{opacity:.6}}@keyframes map-ghost-fade{0%,88%{opacity:1}to{opacity:0}}.map-range-preview{fill:#c499ff15;stroke:#d5afff;stroke-width:2;stroke-dasharray:5 4}.map-aim-preview{fill:none;stroke:#d5afff;stroke-width:3;stroke-dasharray:3 8;opacity:.55}.strategy-map{grid-template-columns:repeat(var(--map-columns,5),minmax(0,1fr));gap:3px;max-width:520px}.strategy-screen .battle-map,.strategy-screen:has(.strategy-actions) .battle-map{max-width:min(100%,max(280px,calc((100dvh - 276px)*var(--map-ratio,1))))}.strategy-screen:has(.actions-folded) .battle-map{max-width:min(100%,max(280px,calc((100dvh - 176px)*var(--map-ratio,1))))}.strategy-map .strategy-cell{min-height:0;min-width:0;border-radius:6px}.battle-map .map-fighter-cell{z-index:auto;border-color:#70cfc4;background:#14323c;overflow:visible}.battle-map .map-fighter-cell.is-rival{border-color:#f099ad;background:#382334}.battle-map .map-fighter-cell>small{display:none}.battle-map .map-fighter-cell>.map-feature{position:absolute;left:1px;bottom:10px;font-size:9px;line-height:1;z-index:2;opacity:.8}.strategy-cell .map-fighter{position:absolute;top:1px;right:1px;bottom:1px;left:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:none;z-index:6}.strategy-cell .map-fighter-label{position:absolute;bottom:0;left:2px;font-size:7px;line-height:1;font-weight:800;letter-spacing:.3px;color:#a4ede2}.is-rival .map-fighter-label{color:#ffb6c8}.strategy-cell .map-fighter-avatar{position:absolute;left:50%;top:calc(50% - 3px);translate:-50% 0;font-size:clamp(18px,5vw,30px);line-height:1;margin:0;filter:drop-shadow(0 2px 2px #0008)}.strategy-cell .map-fighter-emote{position:absolute;right:-9px;top:-7px;font-size:15px;line-height:1;z-index:3}.strategy-cell .map-fighter-vitals{position:absolute;left:50%;bottom:calc(50% + 5px);translate:-50% 0;width:min(58px,calc(100% + 4px));display:grid;gap:2px;filter:drop-shadow(0 1px 2px #000a)}.strategy-cell .map-fighter-meter{position:relative;box-sizing:border-box;display:grid;place-items:center;height:10px;border:1px solid #88d9be;border-radius:3px;background:#0b1722;overflow:hidden;font-variant-numeric:tabular-nums}.map-fighter-meter i{position:absolute;inset:0 auto 0 0;transition:width .25s;background:#2f9372}.strategy-cell .map-fighter-meter>span{position:relative;font-size:8px;font-weight:800;line-height:1;color:#f1fff9;text-shadow:0 1px 2px #000,0 -1px 1px #0008}.strategy-cell .map-fighter-chargebar{border-color:#d5b568;background:#211e10}.map-fighter-chargebar i{background:#967b2c}.strategy-cell .map-fighter-points{position:absolute;bottom:0;right:1px;color:#ffe195;font-size:8px;line-height:1;font-variant-numeric:tabular-nums}.map-fighter-feedback{inset:auto 0 calc(100% + 11px);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:8}.is-rival .map-fighter-feedback,.map-top-row .map-fighter-feedback{inset:calc(100% + 3px) 0 auto}.map-bottom-row .map-fighter-feedback{inset:auto 0 calc(100% + 11px)}.map-fighter-feedback .feedback-action{position:static;transform:none;padding:2px 5px;border-radius:7px;font-size:13px!important;line-height:1;background:#0d1a2ff5}.map-fighter-feedback .feedback-action>span:first-child{font-size:13px}.map-fighter-feedback .feedback-deltas{position:static;display:flex;gap:1px;flex-wrap:wrap;justify-content:center;font-size:9px;line-height:1}.map-fighter-feedback .feedback-deltas b{padding:2px 3px;font-size:9px;white-space:nowrap;border:1px solid #3f526b}.map-fighter.fighter-effect .map-fighter-avatar{animation:feedback-pulse .5s ease-out}.map-fighter.effect-hit .map-fighter-avatar{animation:feedback-hit .4s ease-out}.map-fighter.effect-gather .map-fighter-avatar{filter:drop-shadow(0 0 6px #5de9bb)}.map-fighter.effect-counter .map-fighter-avatar,.map-fighter.effect-parry .map-fighter-avatar,.map-fighter.effect-barrier .map-fighter-avatar{filter:drop-shadow(0 0 6px #78baff)}.map-fighter.effect-upgrade .map-fighter-avatar,.map-fighter.effect-charge .map-fighter-avatar,.map-fighter.effect-release .map-fighter-avatar{filter:drop-shadow(0 0 6px #c4a4ff)}.fighter-detail-sheet>p:first-of-type{font-size:20px}.fighter-detail-sheet>p:first-of-type>span{font-size:30px}@media(max-width:360px){.strategy-map{gap:2px}.strategy-cell .map-fighter-avatar{font-size:19px}.strategy-cell .map-fighter-label{font-size:6px}.strategy-cell .map-fighter-points{font-size:7px}}@media(prefers-reduced-motion:reduce){.map-fighter .map-fighter-avatar{animation:none!important}.map-fighter-meter i{transition:none}}.map-occupant-animating .map-fighter{animation:occupant-return .6s both}@media(prefers-reduced-motion:reduce){.map-occupant-animating .map-fighter{animation:none}}.strategy-cell.outside-vision{filter:brightness(.45) saturate(.35)}.strategy-intel{display:flex;gap:.5rem;justify-content:center;min-height:1.5rem;padding:.2rem .6rem;color:#cbd5e1;font-size:.75rem;text-align:center}.map-contact{position:absolute;top:20%;right:5%;bottom:5%;left:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#cbd5e1;border:1px dashed #94a3b8;border-radius:.4rem;opacity:.65}.map-contact>span{font-size:1.5rem}.map-contact small{position:static;font-size:.55rem}.map-contact.age-2{opacity:.35}.strategy-screen:has(.strategy-intel):has(.strategy-actions) .battle-map{max-width:min(100%,max(280px,calc((100dvh - 312px) * var(--map-ratio, 1))))}.strategy-screen:has(.strategy-intel):has(.actions-folded) .battle-map{max-width:min(100%,max(280px,calc((100dvh - 212px) * var(--map-ratio, 1))))}.strategy-cell.outside-vision:has(.map-contact){filter:none;background-color:#151b26}.map-contact{opacity:.8}.map-contact.age-2{opacity:.5}.strategy-objective.supply-objective{gap:8px;min-height:24px}.supply-objective>span{display:flex;align-items:center;gap:10px;white-space:nowrap}.supply-objective strong{color:#ffe4a2}.supply-objective .storm-countdown{text-align:right;line-height:1.25;color:#b6c6dd}.supply-objective .is-urgent{color:#ffd184;font-weight:750}.strategy-resource-actions:has(.strategy-supply-button){grid-template-columns:repeat(3,minmax(0,1fr))}.strategy-actions .strategy-supply-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#42351d;border-color:#a88442;color:#ffe8b4}.strategy-supply-button strong{font-size:10px;line-height:1.15}.strategy-actions .strategy-supply-button[aria-pressed=true]{background:#735a29;border:2px solid #ffe7a3;box-shadow:0 0 0 2px #d8ac5933}.supply-choice-active .strategy-action-description{border-left:3px solid #edc777;background:#49381c88;border-radius:8px;color:#ffebc7;padding-left:8px!important}.supply-choice-active .strategy-go{background:#edcc88;border-color:#fff0c6;color:#241a09}.supply-sheet .supply-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.supply-options button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:112px;background:#2b2c27;border-color:#b39155}.supply-options button>span{font-size:30px;line-height:1}.supply-options strong{font-size:13px}.supply-options small{font-size:11px;color:#c2cfdd}.supply-options button:first-child{border-color:#7ac8ae}.supply-options button[aria-pressed=true]{outline:2px solid #fff1cb}.strategy-map .supply-cell,.map-guide-sample.supply-cell{background:#49391d;border:2px solid #edc570}.strategy-map .supply-site{border-color:#ad8f56}.strategy-map .supply-cell.outside-vision{filter:none}.strategy-cell.supply-cell .map-feature{font-size:clamp(21px,4vw,30px)}.strategy-map .storm-danger{background:repeating-linear-gradient(135deg,#3c222a,#3c222a 6px,#4c2933 6px,#4c2933 12px);border-color:#e77b89;filter:none!important;box-shadow:inset 0 0 0 1px #ff7d7d77}.strategy-map .storm-preview{outline:1px dashed #e7b76b;outline-offset:-3px}.strategy-cell .map-storm-badge{position:absolute;right:2px;top:2px;z-index:3;font-size:9px;color:#ffb0a4;line-height:1}.strategy-map .storm-danger.supply-cell{border-color:#edc570}.map-guide-sample.storm-cell,.map-marker-key .storm-cell{background:#4c2933;border-color:#e77b89}.feedback-heal{color:#80f4bc}.tile-effect-supply{--effect-color:#edcf8a}.map-fighter.effect-supply .map-fighter-avatar{filter:drop-shadow(0 0 7px #f0cf87)}.map-event-supply{color:#f0cf87}.map-supply-preview circle{fill:#e8be601a;stroke:#ffe4a2;stroke-width:3;stroke-dasharray:5 3}.map-supply-preview text{font-size:21px}@media(max-width:360px){.supply-objective>span{gap:7px}.supply-objective .storm-countdown{font-size:9px}.strategy-actions .strategy-supply-button{font-size:12px}}.strategy-map .counter-range:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px dashed #91baff;border-radius:5px;pointer-events:none}.map-marker-key .counter-range{border:1px dashed #91baff}.strategy-confirm{grid-template-columns:1fr}.strategy-move-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,44px);gap:6px;max-width:280px;margin:0 auto}.strategy-move-pad button{min-height:44px;font-size:24px;touch-action:manipulation}.strategy-move-pad .move-up{grid-area:1/2}.strategy-move-pad .move-left{grid-area:2/1}.strategy-move-pad .move-right{grid-area:2/3}.strategy-move-pad .move-down{grid-area:3/2}.strategy-move-pad .move-actions{grid-area:2/2;font-size:12px;background:#25364d}.strategy-actions .strategy-confirm{grid-template-columns:1fr}.strategy-skirmish .strategy-wait{width:100%;margin-top:8px}.strategy-skirmish .strategy-cell .map-fighter-vitals{bottom:calc(50% + 3px);gap:0}.strategy-skirmish .strategy-cell .map-fighter-avatar{font-size:clamp(18px,4vw,28px)}.strategy-skirmish .strategy-cell .map-fighter-label{font-size:6px}.strategy-header>button[aria-label=Surrender]{min-width:48px;min-height:48px;font-size:32px;line-height:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.slide-down{animation:slideDown .3s ease-out}.pulse{animation:pulse 2s ease-in-out infinite}.shake{animation:shake .5s ease-in-out}.glow{animation:glow 2s ease-in-out infinite}.float{animation:float 3s ease-in-out infinite}.rotate{animation:rotate 2s linear infinite}