@font-face{font-family:GameSystem;src:local("Avenir Next"),local("Segoe UI");font-display:swap}
.qr-panel{text-align:center;margin-top:18px}.invite-qr{display:block;max-width:100%;width:270px;height:auto;margin:auto;border-radius:8px}
:root{color-scheme:dark;--bg:#09151e;--panel:#122530;--raised:#1b3441;--line:#2b4654;--ink:#eff8f4;--muted:#a2b7bf;--mint:#73edcf;--amber:#ffc07d;--danger:#ff9e9e;--radius:24px;font-family:GameSystem,system-ui,-apple-system,sans-serif;font-synthesis:none;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 10% 10%,#14344066,transparent 50%),var(--bg);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:44px;border:1px solid transparent;border-radius:12px;padding:12px 18px;color:inherit;background:var(--raised);font-weight:650;touch-action:manipulation;transition:background .16s,transform .16s,border-color .16s}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}a{color:var(--mint)}button.primary{background:var(--mint);color:#09261f;border-color:var(--mint)}button.secondary{background:transparent;border-color:var(--line)}button.danger{background:#4d2733;color:#ffd4d4;border-color:#885063}button.quiet{background:transparent;color:var(--muted);padding:10px 12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.04em}h2{font-size:25px;letter-spacing:-.025em}h3{font-size:18px;letter-spacing:-.01em}p{line-height:1.65}small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.lead{font-size:18px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--mint);font-weight:750}.card{background:linear-gradient(135deg,#142a36,#10212c);border:1px solid var(--line);border-radius:var(--radius);padding:30px}.loading{text-align:center;padding:100px 24px;color:var(--muted)}
.site-header{max-width:1280px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #263f4b77}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:850;letter-spacing:.12em;font-size:19px}.brand small{font-weight:500;font-size:10px;letter-spacing:.04em}.brand-icon{display:grid;place-items:center;background:var(--mint);color:#0b292b;border-radius:15px;width:43px;height:43px;font-size:30px}.header-end{display:flex;gap:10px;align-items:center}.connection{font-size:12px;color:var(--muted)}.connection[data-state=connected]{color:var(--mint)}.connection:empty{display:none}#app{outline:none}.home-shell{max-width:1180px;margin:auto;padding:54px 32px}.hero{margin-bottom:35px}.hero h1{font-size:clamp(52px,7vw,94px);white-space:pre-line;line-height:.98;margin-bottom:22px;max-width:900px;font-weight:750}.hero .lead{max-width:550px}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.game-card{padding:28px;text-align:left;background:linear-gradient(135deg,#183340,#12232d);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden;min-width:0}.game-card[aria-pressed=true]{border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.game-card[aria-pressed=true]:after{content:'✓';position:absolute;right:18px;top:18px;background:var(--mint);color:#09261f;border-radius:50%;width:28px;height:28px;text-align:center;line-height:28px}.game-card h2{font-size:29px;margin:12px 0}.game-card p{color:var(--muted);font-weight:400;max-width:330px;font-size:15px}.card-kicker{font-size:10px;letter-spacing:.16em;color:var(--mint)}.game-duration{font-size:12px;color:var(--amber)}.game-illustration{display:flex;justify-content:center;align-items:center;height:144px;font-size:70px;letter-spacing:.15em;color:var(--mint);text-shadow:0 8px 40px #73edcf30;margin-bottom:22px;border-radius:16px;background:repeating-linear-gradient(0deg,#73edcf07,#73edcf07 1px,transparent 1px,transparent 26px),repeating-linear-gradient(90deg,#73edcf07,#73edcf07 1px,transparent 1px,transparent 26px)}.game-illustration.orbital{color:var(--amber);letter-spacing:.1em;background:radial-gradient(ellipse,#ffc07d1a,transparent 70%)}.create-panel{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end}.create-panel>div:first-child{grid-column:1/-1}.create-panel h2{margin-bottom:6px}.create-panel p{margin-bottom:0}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}input,select{background:#091b26;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:14px;min-height:48px;width:100%;min-width:0;font-size:16px}input::placeholder{color:#7994a1}.privacy-note{font-size:12px;color:var(--muted);line-height:1.8;margin:24px 0 0;max-width:800px}.recent{margin-top:32px}.recent h2{font-size:18px}.resume-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-bottom:1px solid var(--line);min-width:0}.resume-card strong{font-size:15px}.resume-card button{flex-shrink:0}.invite-shell,.lobby-shell{max-width:720px;margin:42px auto}.invite-shell h1,.lobby-shell h1{margin-bottom:18px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.actions>*{flex:1}.warning{padding:14px;background:#553b2633;color:var(--amber);border-left:3px solid var(--amber)}.players{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.player{display:flex;align-items:center;gap:12px;background:#0a1d28;padding:16px;border-radius:16px;min-width:0}.player>div{min-width:0}.player strong{overflow-wrap:anywhere;font-size:15px}.player-avatar{flex:0 0 42px;height:42px;border-radius:14px;background:#73edcf22;color:var(--mint);display:grid;place-items:center;font-size:24px}.player-1 .player-avatar{background:#ffc07d22;color:var(--amber)}.share-panel{border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0}.share-panel h2{font-size:19px}.share-panel input{font-size:12px}.share-panel .actions{margin-top:12px}.share-panel p{margin:12px 0 0}.howto{margin:18px 0;color:var(--muted);font-size:14px}.howto summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}.howto summary:before{content:'+';color:var(--mint)}.howto[open] summary:before{content:'−'}.howto p{margin:10px 0}.notice{position:fixed;z-index:30;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 32px);width:460px;padding:16px 20px;background:#e4f5ee;color:#142c29;border-radius:16px;box-shadow:0 12px 50px #0007;line-height:1.5;font-size:14px}dialog{color:var(--ink);max-width:calc(100vw - 32px);width:440px}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}
.match-shell{max-width:1240px;margin:auto;padding:24px 30px}.match-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.match-header>div{flex:1;min-width:0}.match-header h1{font-size:26px;margin-bottom:6px}.match-header p{margin:0;overflow-wrap:anywhere}.match-clock{font-variant-numeric:tabular-nums;font-size:13px;color:var(--muted);white-space:nowrap}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.battle-column{min-width:0}.game-controls{min-width:0;display:flex;flex-direction:column;gap:14px}.resources{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.resources b{display:block;font-size:30px;color:var(--mint);font-variant-numeric:tabular-nums;line-height:1.2}.resources small{font-size:10px;letter-spacing:.06em}.control-section{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:18px}.control-section h3{margin-bottom:14px}.control-section>.primary{width:100%;margin-top:12px}.choices{display:flex;gap:8px}.choice{padding:10px 6px;min-width:0;flex:1;background:#0d1e29;border:1px solid var(--line);text-align:center}.choice[aria-pressed=true]{border-color:var(--mint);background:#21423f;color:var(--mint)}.choice>span{display:block;font-size:27px;height:34px}.choice strong{font-size:12px;display:block}.choice small{font-size:11px}.control-section .small{margin:12px 0 0}.tabs{display:flex;padding:4px;background:#07121a;border-radius:14px}.tab{flex:1;background:transparent;color:var(--muted)}.tab[aria-pressed=true]{background:var(--raised);color:var(--ink)}.board-wrap{position:relative}.board-caption{padding:10px 4px;color:var(--muted);font-size:12px;min-height:36px}.board-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:14px 2px;color:var(--muted)}.board-heading b{color:var(--mint);font-variant-numeric:tabular-nums}.fortress-board{aspect-ratio:1;position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.fortress-board canvas,.orbital-board canvas{width:100%;height:100%;display:block}.tower-site{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;padding:0;border-radius:14px;background:#112e3bd9;border:1px dashed #659f9b;color:var(--mint);font-size:20px;box-shadow:0 4px 14px #0004}.tower-site:active:not(:disabled){transform:translate(-50%,-50%) scale(.96)}.tower-site[aria-pressed=true]{outline:2px solid var(--mint);outline-offset:3px}.tower-site.built{border-style:solid;background:#224d4b}.enemy-preview{height:130px;position:relative;border:1px solid #655441;border-radius:16px;overflow:hidden;background:#11242f}.enemy-preview canvas{width:65%;height:100%;display:block;opacity:.85}.enemy-preview>div{position:absolute;right:16px;top:40px;text-align:right;width:35%}.enemy-preview small{font-size:9px;letter-spacing:.1em}.enemy-preview b{display:block;color:var(--amber);font-size:23px;margin-top:6px}.wave-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.wave-row strong{font-size:13px}.wave-row small{font-size:10px}.stepper-group{display:flex;align-items:center;gap:6px}.stepper{padding:0;width:36px;min-height:44px;font-size:22px}.stepper-group output{font-size:14px;width:14px;text-align:center;font-variant-numeric:tabular-nums}.economy-panel{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:#192d2c;border:1px solid #39554a;border-radius:16px;font-size:12px}.economy-panel button{font-size:12px;white-space:nowrap;padding:10px}.legend{display:flex;gap:18px;margin-bottom:12px;font-size:12px;color:var(--muted)}.friendly{color:var(--mint)}.hostile{color:var(--amber)}.orbital-board{position:relative;aspect-ratio:1.08;border-radius:20px;border:1px solid var(--line);overflow:hidden}.planet-layer{position:absolute;inset:0}.planet{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;min-height:46px;border-radius:50%;padding:0;background:radial-gradient(at 30% 25%,#446270,#192e3d);border:1.5px solid #718997;display:flex;flex-direction:column;justify-content:center;align-items:center;touch-action:none;box-shadow:0 4px 12px #0008}.planet strong{font-size:15px;line-height:17px;font-variant-numeric:tabular-nums}.planet small{font-size:9px;line-height:11px;color:inherit}.planet[data-owner=self]{border-color:var(--mint);color:#c5ffec;background:radial-gradient(at 30% 25%,#306f66,#123d37)}.planet[data-owner=enemy]{border-color:var(--amber);color:#ffe0bf;background:radial-gradient(at 30% 25%,#86623e,#513621)}.planet[aria-pressed=true]{outline:2px solid var(--mint);outline-offset:5px}.planet.target{outline:2px dashed var(--amber);outline-offset:5px}.planet:active:not(:disabled){transform:translate(-50%,-50%) scale(.97)}.planet:focus-visible{outline-offset:8px}.selection-actions{display:flex;justify-content:space-between;gap:4px;margin-bottom:12px}.selection-actions .quiet{font-size:11px;padding:8px 4px}.flight-preview{font-size:13px;color:var(--muted);min-height:58px;margin:14px 0 0}.upgrade-choice{display:block;width:100%;text-align:left;background:#0c1c27;border:1px solid var(--line);margin-top:8px;padding:12px}.upgrade-choice[aria-pressed=true]{border-color:var(--mint)}.upgrade-choice strong{display:block;font-size:13px}.upgrade-choice small{font-size:11px}.match-overlay{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:20px;background:#06121bdd;backdrop-filter:blur(5px);padding:30px}.match-overlay h2{font-size:clamp(34px,6vw,72px);margin-bottom:16px}.match-overlay p{max-width:360px;color:var(--muted)}.result-panel{margin-bottom:24px;text-align:center;scroll-margin-top:20px;border-color:#639e8c;background:radial-gradient(at 50% 0%,#254b44,#10232e 70%)}.result-panel h2{font-size:32px;margin:12px 0}.result-panel p{margin-bottom:10px}.result-symbol{font-size:52px;color:var(--mint)}.result-panel .actions{max-width:520px;margin:22px auto 0}.match-shell>.howto{padding:14px 20px}
@media(min-width:1100px){.fortress-layout{grid-template-columns:minmax(0,580px) minmax(280px,1fr)}.fortress-board{max-height:530px;max-width:530px;margin:auto}.enemy-preview{max-width:530px;margin:auto}.orbital-board{aspect-ratio:1.2}}
@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,1fr) 280px}.match-shell{padding:20px}.control-section{padding:14px}.site-header{padding:20px}.game-card{padding:22px}.home-shell{padding:38px 22px}.fortress-board{border-radius:16px}}
@media(max-width:700px){.site-header{padding:12px 16px}.brand-icon{width:36px;height:36px;border-radius:12px;font-size:25px}.brand{font-size:16px}.connection{font-size:10px;max-width:130px;text-align:right}.home-shell{padding:32px 16px}.hero h1{font-size:62px}.hero .lead{font-size:16px}.game-grid{gap:12px}.game-card{padding:15px;border-radius:20px}.game-card h2{font-size:22px;line-height:1.15}.game-card p{font-size:12px;line-height:1.5}.game-duration{font-size:10px}.card-kicker{font-size:8px;letter-spacing:.06em}.game-illustration{height:90px;font-size:43px;letter-spacing:0;margin-bottom:15px}.game-card[aria-pressed=true]:after{width:22px;height:22px;line-height:22px;right:10px;top:10px;font-size:12px}.create-panel{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:22px}.create-panel h2{font-size:22px}.create-panel p{font-size:14px}.invite-shell,.lobby-shell{margin:24px 16px;padding:24px}.players{grid-template-columns:1fr;gap:8px;margin:22px 0}.player{padding:12px}.share-panel{padding:15px}.match-shell{padding:16px 12px}.match-header{gap:10px;margin-bottom:16px;flex-wrap:wrap}.match-header h1{font-size:22px}.match-header>div{min-width:160px}.match-clock{font-size:11px}.match-header .quiet{padding:8px;font-size:12px}.game-layout{grid-template-columns:1fr;gap:10px}.game-controls{gap:10px}.fortress-board{max-width:440px;margin:auto}.enemy-preview{height:85px}.enemy-preview>div{top:19px}.enemy-preview b{font-size:20px}.board-heading{margin:10px 2px}.resources{padding:12px 16px}.resources b{font-size:27px}.resources small{font-size:10px}.control-section{padding:18px}.choices{gap:10px}.choice{padding:12px 6px}.choice strong{font-size:14px}.choice small{font-size:12px}.wave-row strong{font-size:15px}.wave-row small{font-size:12px}.wave-row{margin:16px 0}.stepper{width:44px}.economy-panel{font-size:14px}.economy-panel button{font-size:14px}.orbital-board{aspect-ratio:.83;min-height:360px}.planet{width:42px;height:42px;min-height:42px}.planet strong{font-size:14px}.legend{font-size:11px;gap:14px}.flight-preview{min-height:42px}.selection-actions .quiet{font-size:12px}.upgrade-choice strong{font-size:14px}.upgrade-choice small{font-size:12px}.match-overlay{justify-content:flex-start;padding-top:110px}.match-overlay h2{font-size:40px}.match-overlay p{font-size:14px}.result-panel{padding:22px}.result-panel h2{font-size:27px}.result-panel .actions{flex-direction:column}.howto{font-size:13px}.resume-card{padding:12px 0}.resume-card button{font-size:12px}.resume-card strong{font-size:13px}}
@media(max-width:359px){.hero h1{font-size:50px}.game-card h2{font-size:19px}.game-card{padding:12px}.game-illustration{font-size:36px}.game-card p{font-size:11px}.card-kicker{font-size:7px}.game-duration{font-size:9px}.invite-shell,.lobby-shell{padding:18px;margin:16px 12px}.tower-site{width:40px;height:40px;min-height:40px;font-size:18px}.planet{width:38px;height:38px;min-height:38px}.planet strong{font-size:13px}.orbital-board{aspect-ratio:.74}.site-header{gap:8px}.header-end{gap:2px}.connection{max-width:100px}.control-section{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mobile-tools,.sheet-close{display:none}
@media(max-width:700px){
  .match-shell{padding-bottom:165px}.game-controls{position:fixed;z-index:10;bottom:0;left:0;right:0;max-height:75dvh;overflow-y:auto;overscroll-behavior:contain;padding:10px 14px max(12px,env(safe-area-inset-bottom));background:#10212cf5;border:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px #0004;gap:6px;backdrop-filter:blur(12px)}
  .game-controls>.resources{padding:4px 6px 7px;border:0;background:none}.game-controls .resources>div{display:flex;align-items:center;gap:14px}.game-controls .resources b{font-size:24px}.game-controls .resources small{font-size:9px}.game-controls .tabs{background:#07121a}.game-controls .tab{min-height:44px;padding:8px}.game-controls>.control-section,.game-controls>.economy-panel{display:none}.game-controls.controls-open>.control-section:not([hidden]),.game-controls.controls-open>.economy-panel{display:block}.game-controls.controls-open>.economy-panel{display:flex}.game-controls.controls-open .sheet-close{display:block;align-self:flex-end;min-height:36px;padding:6px 10px;font-size:12px}.mobile-tools{display:flex}.orbital-layout .game-controls[data-panel=flight]>.upgrades,.orbital-layout .game-controls[data-panel=upgrade]>.flight-panel{display:none!important}
  .match-overlay{position:fixed;inset:76px 8px 8px;z-index:20;justify-content:center;padding:28px}.game-layout[data-finished=true]>.game-controls{display:none}.fortress-board{max-width:min(100%,calc(100dvh - 430px));min-width:260px}.enemy-preview{height:74px}.enemy-preview>div{top:14px}.board-heading{margin:8px 2px}.board-caption{min-height:28px;padding:6px 4px}.match-header{margin-bottom:12px}.orbital-board{min-height:360px;max-width:440px;margin:auto}.match-shell>.howto{margin-top:12px}
}