@font-face{font-family:Play;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/play-latin-400-normal-GKW-4YV7.woff2) format("woff2"),url(/assets/play-latin-400-normal-D2Hm0lRT.woff) format("woff")}@font-face{font-family:Play;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/play-latin-700-normal-DyPlLDbb.woff2) format("woff2"),url(/assets/play-latin-700-normal-BI05-psG.woff) format("woff")}@font-face{font-family:Play;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/play-cyrillic-400-normal-CIlwNE2I.woff2) format("woff2"),url(/assets/play-cyrillic-400-normal-BVKlG_2G.woff) format("woff")}@font-face{font-family:Play;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/play-cyrillic-700-normal-DKD8ZQvp.woff2) format("woff2"),url(/assets/play-cyrillic-700-normal-CYA2uhLo.woff) format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-2-latin-400-normal-D8MC3_dU.woff2) format("woff2"),url(/assets/exo-2-latin-400-normal-_vYD6UCb.woff) format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-2-latin-500-normal-z_O1F9ci.woff2) format("woff2"),url(/assets/exo-2-latin-500-normal-DseOpgOL.woff) format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-2-latin-700-normal-OoACPC18.woff2) format("woff2"),url(/assets/exo-2-latin-700-normal-CMe4g2cX.woff) format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-2-cyrillic-400-normal-DkhFZ3TL.woff2) format("woff2"),url(/assets/exo-2-cyrillic-400-normal-h9Yg8YHF.woff) format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/exo-2-cyrillic-500-normal-VVdDkghk.woff2) format("woff2"),url(/assets/exo-2-cyrillic-500-normal-DBzaSLUy.woff) format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/exo-2-cyrillic-700-normal-BWvdHNKb.woff2) format("woff2"),url(/assets/exo-2-cyrillic-700-normal-BV2eOPIx.woff) format("woff")}:root{--c-void: #05030f;--c-bg-0: #0a0618;--c-bg-1: #120c2b;--c-bg-2: #1a1140;--c-surface: #1c1246;--c-surface-2: #251a5c;--c-surface-3: #32227d;--c-line: #4b2fa8;--c-line-soft: #2e1f6b;--c-line-bright: #a855f7;--c-accent: #a855f7;--c-accent-soft: #7c3aed;--c-accent-ink: #f5edff;--c-cyan: #22d3ee;--c-gold: #f5b62c;--c-danger: #f43f5e;--c-success: #34d399;--c-text: #e9e4ff;--c-text-dim: #a89ed6;--c-text-mute: #6f66a3;--c-faction-1: #3b6fd4;--c-faction-2: #c8323c;--c-faction-3: #e0b429;--c-faction-4: #e6e9ef;--c-faction-5: #8d949e;--c-faction-6: #8a4fd0;--c-faction-7: #e07a2b;--c-faction-8: #3fa76a;--c-faction-9: #2b2b31;--c-cell-void: #070417;--c-cell-nav: #1a1245;--c-cell-nav-2: #241a5e;--c-planet-1: #4c9be8;--c-planet-2: #35c0a0;--c-planet-3: #f5b62c;--c-planet-4: #f43f5e;--c-portal: #22d3ee;--c-portal-red: #ff4d6d;--c-glass: rgba(18,12,43,.8);--c-glass-soft: rgba(18,12,43,.72);--c-glass-row: rgba(28,18,70,.55);--c-line-faint: rgba(75,47,168,.35);--c-ink: rgba(8,4,22,.92);--c-ink-deep: rgba(4,1,14,.6);--c-on-accent-dim: rgba(255,255,255,.8);--c-scrim: rgba(5,3,15,.72);--grad-violet: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--grad-cyan: linear-gradient(135deg, #0ea5e9 0%, #22d3ee 100%);--grad-gold: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);--grad-panel: linear-gradient(160deg, rgba(124,58,237,.3) 0%, rgba(28,18,70,.85) 45%, rgba(12,7,32,.92) 100%);--grad-header: linear-gradient(90deg, transparent 0%, rgba(168,85,247,.45) 50%, transparent 100%);--grad-sheen: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.16) 48%, transparent 60%);--grad-glow: radial-gradient(circle, rgba(168,85,247,.45) 0%, rgba(168,85,247,.14) 45%, transparent 70%);--grad-bar: linear-gradient(180deg, rgba(26,17,64,.92), rgba(8,4,22,.98));--glow-xs: 0 0 6px rgba(168,85,247,.45);--glow-sm: 0 0 12px rgba(168,85,247,.4);--glow-md: 0 0 22px rgba(168,85,247,.45);--glow-lg: 0 0 40px rgba(168,85,247,.5);--glow-cyan: 0 0 16px rgba(34,211,238,.55);--glow-gold: 0 0 16px rgba(245,182,44,.55);--glow-danger: 0 0 16px rgba(244,63,94,.55);--shadow-panel: 0 10px 30px rgba(3,1,12,.65);--shadow-bar: 0 -8px 24px var(--c-ink-deep);--inset-line: inset 0 0 0 1px var(--c-line);--inset-line-bright: inset 0 0 0 1px var(--c-line-bright);--sp-0: 0;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-pill: 999px;--cut-sm: 8px;--cut-md: 14px;--cut-lg: 22px;--border-w: 1px;--font-display: "Play", "Orbitron", ui-sans-serif, system-ui, sans-serif;--font-ui: "Exo 2", "Rajdhani", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fw-normal: 400;--fw-medium: 500;--fw-bold: 700;--lh-tight: 1.15;--lh-normal: 1.45;--tracking-wide: .08em;--tracking-wider: .16em;--dur-fast: .12s;--dur-mid: .22s;--dur-slow: .6s;--ease: cubic-bezier(.2, .7, .3, 1);--z-bg: 0;--z-content: 1;--z-sticky: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--control-h: 42px;--control-h-sm: 32px;--icon-btn: 38px;--arrow-size: 30px;--arrow-track: 32px;--slot-size: 44px;--tile-h: 128px;--tile-h-wide: 96px;--tile-art: 140px;--tile-art-faction: 120px;--bar-h: 62px;--topbar-h: 46px;--content-max: 520px;--media-w: min(320px, 80vw);--dialog-w: min(360px, 100%);--cell-gap: 3px}@media(max-width:360px){:root{--fs-md: 14px;--sp-4: 12px;--bar-h: 56px;--cut-md: 10px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg-0);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(124,58,237,.28),transparent 70%),radial-gradient(ellipse 50% 35% at 90% 15%,rgba(34,211,238,.14),transparent 70%),radial-gradient(ellipse 70% 50% at 50% 105%,rgba(192,38,211,.2),transparent 70%),var(--c-bg-0)}body:after{content:"";position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none;opacity:.5;background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 68% 12%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 33% 76%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 84% 62%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 51% 41%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 8% 88%,rgba(255,255,255,.7),transparent);background-size:320px 320px}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-wide);text-transform:uppercase}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}h4{font-size:var(--fs-md);color:var(--c-text-dim)}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:var(--c-cyan);text-decoration:none}:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:var(--radius-pill)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{position:relative;z-index:var(--z-content);display:flex;flex-direction:column;height:100%}.app__body{flex:1;min-height:0;overflow-y:auto;padding:var(--sp-4) var(--sp-4) var(--sp-6)}.app__body--fixed{overflow:hidden;padding-bottom:var(--sp-2)}@media(max-width:480px){.app__body--fixed{padding-left:var(--sp-2);padding-right:var(--sp-2)}}.screen{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;max-width:var(--content-max);margin:0 auto}.screen--game{gap:var(--sp-2);height:100%;min-height:0}.screen--game .screen__head{padding-bottom:var(--sp-1)}.screen__scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-2);scrollbar-gutter:stable}.screen__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:var(--border-w) solid var(--c-line-soft)}.screen__title{display:flex;align-items:center;gap:var(--sp-2);color:var(--c-text);text-shadow:var(--glow-xs)}.screen__title:before{content:"";width:3px;height:1em;background:var(--grad-violet);box-shadow:var(--glow-sm)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stack--tight{gap:var(--sp-2)}.stack--loose{gap:var(--sp-5)}.row{display:flex;align-items:center;gap:var(--sp-2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.row--end{justify-content:flex-end}.grid{display:grid;gap:var(--sp-3)}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--auto{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.spacer{flex:1}.text-dim{color:var(--c-text-dim)}.text-mute{color:var(--c-text-mute)}.text-sm{font-size:var(--fs-sm)}.text-xs{font-size:var(--fs-xs)}.text-display{font-family:var(--font-display);letter-spacing:var(--tracking-wide);text-transform:uppercase}.text-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.hint{color:var(--c-success);font-size:var(--fs-sm);line-height:var(--lh-normal)}.hint--dim{color:var(--c-text-dim)}.clip{--cut: var(--cut-md);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.clip--sm{--cut: var(--cut-sm)}.clip--lg{--cut: var(--cut-lg)}.panel{--cut: var(--cut-md);position:relative;padding:var(--sp-4);background:var(--grad-panel);box-shadow:var(--inset-line),var(--shadow-panel);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.panel--glow{box-shadow:var(--inset-line-bright),var(--glow-md),var(--shadow-panel)}.panel--flat{background:var(--c-glass-soft)}.panel--tight{padding:var(--sp-3)}.panel--art:before{content:"";position:absolute;inset:0;background-image:var(--art);background-size:cover;background-position:center;opacity:.35;pointer-events:none}.panel--art>*{position:relative}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin:calc(var(--sp-4) * -1) calc(var(--sp-4) * -1) var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--grad-header);border-bottom:var(--border-w) solid var(--c-line);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--c-text)}.btn{--cut: var(--cut-sm);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);min-height:var(--control-h);background:var(--c-surface);color:var(--c-text);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;box-shadow:var(--inset-line);transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.btn:hover:not(:disabled){background:var(--c-surface-2);box-shadow:var(--inset-line-bright),var(--glow-sm)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;box-shadow:var(--inset-line)}.btn.is-active{background:var(--c-surface-3);box-shadow:var(--inset-line-bright),var(--glow-sm)}.btn--primary{background:var(--grad-violet);color:var(--c-accent-ink);box-shadow:var(--glow-sm)}.btn--primary:hover:not(:disabled){box-shadow:var(--glow-md);background:var(--grad-violet)}.btn--cyan{background:var(--grad-cyan);color:#04121a;box-shadow:var(--glow-cyan)}.btn--gold{background:var(--grad-gold);color:#201400;box-shadow:var(--glow-gold)}.btn--danger{background:var(--c-danger);color:#fff;box-shadow:var(--glow-danger)}.btn--ghost{background:transparent}.btn--block{width:100%}.btn--sm{min-height:var(--control-h-sm);padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}.btn--icon{min-height:var(--icon-btn);width:var(--icon-btn);padding:0;font-size:var(--fs-lg)}.btn__label:before{content:"[ ";color:var(--c-text-mute)}.btn__label:after{content:" ]";color:var(--c-text-mute)}.tile{--cut: var(--cut-lg);position:relative;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);min-height:var(--tile-h);text-align:left;background:var(--grad-panel);box-shadow:var(--inset-line),var(--shadow-panel);overflow:hidden;transition:box-shadow var(--dur-mid) var(--ease),transform var(--dur-mid) var(--ease);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.tile:hover:not(:disabled){box-shadow:var(--inset-line-bright),var(--glow-md);transform:translateY(-2px)}.tile:disabled{opacity:.45}.tile__art{position:absolute;inset:auto calc(var(--tile-art) * -.21) calc(var(--tile-art) * -.29) auto;width:var(--tile-art);height:var(--tile-art);border-radius:50%;background:var(--grad-glow);filter:blur(4px);opacity:.8;pointer-events:none}.tile__title,.tile__note,.tile__badge{position:relative;z-index:1}.tile__title{padding-right:var(--sp-8);font-family:var(--font-display);font-size:var(--fs-lg);letter-spacing:var(--tracking-wide);text-transform:uppercase}.tile__note{color:var(--c-text-dim);font-size:var(--fs-sm)}.tile__badge{position:absolute;top:var(--sp-2);right:var(--sp-3);font-size:var(--fs-xs);color:var(--c-text-mute);letter-spacing:var(--tracking-wide);text-transform:uppercase}.tile--wide{grid-column:1 / -1;min-height:var(--tile-h-wide)}.tile--accent{background:var(--grad-violet);box-shadow:var(--glow-md)}.tile--accent .tile__note{color:var(--c-on-accent-dim)}.bottombar{display:flex;justify-content:center;height:var(--bar-h);padding:0 var(--sp-2);background:var(--grad-bar);border-top:var(--border-w) solid var(--c-line);box-shadow:var(--shadow-bar);z-index:var(--z-sticky)}.bottombar__inner{display:grid;grid-template-columns:repeat(3,1fr);width:100%;max-width:var(--content-max)}.bottombar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--c-text-dim);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition:color var(--dur-fast) var(--ease)}.bottombar__btn:hover{color:var(--c-text)}.bottombar__btn.is-active{color:var(--c-accent);text-shadow:var(--glow-xs)}.bottombar__icon{font-size:var(--fs-lg);line-height:1}.zoombar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-glass);box-shadow:var(--inset-line)}.zoombar__label{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--c-text-dim)}.arrownav{flex:0 0 auto;margin-block:auto;display:grid;place-items:center;container-type:inline-size;padding:calc(var(--arrow-size) + var(--sp-1))}.arrownav__view{position:relative;width:100cqw;aspect-ratio:1}.arrow{--cut: 6px;position:absolute;display:grid;place-items:center;width:var(--arrow-size);height:var(--arrow-size);color:var(--c-accent);background:var(--c-surface);box-shadow:var(--inset-line);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut));transition:box-shadow var(--dur-fast) var(--ease)}.arrow:hover:not(:disabled){box-shadow:var(--inset-line-bright),var(--glow-sm)}.arrow:disabled{opacity:.28;color:var(--c-text-mute)}.arrow--up{top:calc(var(--arrow-size) * -1 - var(--sp-1));left:50%;transform:translate(-50%)}.arrow--down{bottom:calc(var(--arrow-size) * -1 - var(--sp-1));left:50%;transform:translate(-50%)}.arrow--left{left:calc(var(--arrow-size) * -1 - var(--sp-1));top:50%;transform:translateY(-50%)}.arrow--right{right:calc(var(--arrow-size) * -1 - var(--sp-1));top:50%;transform:translateY(-50%)}.lattice{--n: 7;display:grid;grid-template-columns:repeat(var(--n),1fr);gap:var(--sp-1)}.node{--cut: 5px;aspect-ratio:1;background:var(--c-bg-1);box-shadow:inset 0 0 0 1px var(--c-line-soft);transition:box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.node--open{background:var(--c-surface-2);box-shadow:var(--inset-line-bright),var(--glow-xs)}.node--capital{background:var(--grad-violet);box-shadow:var(--glow-md)}.node--owned{background:var(--c-surface-3);box-shadow:var(--inset-line-bright)}.node--closed{opacity:.5}.node--closed:hover:not(:disabled){opacity:.8;box-shadow:inset 0 0 0 1px var(--c-cyan)}.node.is-current{box-shadow:var(--inset-line-bright),var(--glow-md)}.sectorgrid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(7,1fr);gap:var(--cell-gap);padding:var(--cell-gap);background:var(--c-void);box-shadow:var(--inset-line);width:100%;height:100%}.cell{aspect-ratio:auto}.cell{--cut: 4px;--c-cell-icon: var(--c-text-dim);position:relative;aspect-ratio:1;display:grid;place-items:center;background:var(--c-cell-nav);box-shadow:inset 0 0 0 1px var(--c-line-faint);transition:box-shadow var(--dur-fast) var(--ease);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.cell:hover{box-shadow:inset 0 0 0 1px var(--c-line-bright)}.cell--void{background:var(--c-cell-void);box-shadow:none}.cell--nav{background:var(--c-cell-nav)}.cell--planet{background:var(--c-cell-nav-2)}.cell--p1{--c-cell-icon: var(--c-planet-1)}.cell--p2{--c-cell-icon: var(--c-planet-2)}.cell--p3{--c-cell-icon: var(--c-planet-3)}.cell--p4{--c-cell-icon: var(--c-planet-4)}.cell--portal{--c-cell-icon: var(--c-portal);background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.45),var(--c-cell-nav-2) 72%);box-shadow:inset 0 0 0 1px var(--c-portal),0 0 10px #22d3ee59}.cell--portal-red{--c-cell-icon: var(--c-portal-red);background:radial-gradient(circle at 50% 50%,rgba(255,77,109,.45),var(--c-cell-nav-2) 72%);box-shadow:inset 0 0 0 1px var(--c-portal-red),0 0 10px #ff4d6d59}.cell--portal .cell__art,.cell--portal-red .cell__art{filter:brightness(1.6) contrast(1.15)}.cell.is-reachable{box-shadow:inset 0 0 0 1px var(--c-cyan),var(--glow-cyan)}.cell.is-selected{box-shadow:inset 0 0 0 2px var(--c-gold),var(--glow-gold)}.cell__art{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;image-rendering:auto;pointer-events:none}.cell__icon{width:100%;height:100%;transform:scale(1.18);color:var(--c-cell-icon);filter:drop-shadow(0 0 5px currentColor)}.cell__level{position:absolute;right:2px;bottom:0;font-family:var(--font-mono);font-size:var(--fs-xs);line-height:1;color:var(--c-text);text-shadow:0 0 3px var(--c-void),0 0 3px var(--c-void)}.cell__unit{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;color:var(--c-faction, var(--c-accent));filter:drop-shadow(0 0 4px currentColor);pointer-events:none}img.cell__unit{filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.cell__unit--colony{inset:6%}.cell__unit--artifact{inset:22%;color:var(--c-gold)}.tabs{display:flex;flex-direction:column;gap:var(--sp-3)}.tabs__head{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-1);overflow-x:auto;scrollbar-width:none}.tabs__head::-webkit-scrollbar{display:none}.tabs__btn{--cut: 6px;min-width:0;padding:var(--sp-2) var(--sp-1);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:0;text-transform:uppercase;color:var(--c-text-dim);background:var(--c-bg-1);box-shadow:inset 0 0 0 1px var(--c-line-soft);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.tabs__btn.is-active{color:var(--c-accent-ink);background:var(--c-surface-3);box-shadow:var(--inset-line-bright),var(--glow-xs)}.slots{display:flex;gap:var(--sp-2);flex-wrap:wrap}.slot{--cut: 6px;position:relative;width:var(--slot-size);height:var(--slot-size);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--fs-sm);color:var(--c-text);background:var(--c-faction, var(--c-surface));box-shadow:var(--inset-line);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.slot--empty{background:var(--c-bg-1);box-shadow:inset 0 0 0 1px var(--c-line-soft)}.slot.is-active{box-shadow:var(--inset-line-bright),var(--glow-md)}.slot__timer{position:absolute;left:0;right:0;bottom:-16px;text-align:center;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-cyan)}.slots--timed{margin-bottom:var(--sp-4)}.chip{--cut: 5px;display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-text-dim);background:var(--c-bg-1);box-shadow:inset 0 0 0 1px var(--c-line-soft);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.chip--accent{color:var(--c-accent-ink);background:var(--c-surface-3);box-shadow:var(--inset-line-bright)}.chip--cyan{color:#04121a;background:var(--c-cyan)}.chip--gold{color:#201400;background:var(--c-gold)}.chip--xs{margin-left:var(--sp-2);padding:0 6px;font-size:10px}.stat{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.stat__label{color:var(--c-text-dim);font-size:var(--fs-sm)}.stat__value{font-family:var(--font-mono);color:var(--c-text)}.stat__value--accent{color:var(--c-accent);text-shadow:var(--glow-xs)}.list{display:flex;flex-direction:column;gap:var(--sp-1)}.list__row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-glass-row);box-shadow:inset 0 0 0 1px var(--c-line-soft);font-size:var(--fs-sm)}.list__row:hover{background:var(--c-surface-2)}.list__row--head{color:var(--c-text-dim);background:transparent;box-shadow:none}.divider{height:1px;background:var(--grad-header)}.timer{--cut: 8px;display:inline-flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--c-cyan);background:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-cyan),var(--glow-cyan);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.timer--warn{color:var(--c-danger);box-shadow:inset 0 0 0 1px var(--c-danger),var(--glow-danger)}.splash{position:relative;z-index:var(--z-content);height:100%;display:grid;place-content:center;justify-items:center;gap:var(--sp-5);padding:var(--sp-6);text-align:center}.splash__art{font-family:var(--font-display);font-size:var(--fs-3xl);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--c-text);text-shadow:var(--glow-lg)}.splash__tag{color:var(--c-text-dim);letter-spacing:var(--tracking-wide)}.splash__ad{width:var(--media-w);padding:var(--sp-4);text-align:center;aspect-ratio:16 / 10;background:var(--grad-panel);box-shadow:var(--inset-line),var(--glow-sm);display:grid;place-items:center;color:var(--c-text-mute);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.loadbar{width:var(--media-w);height:6px;background:var(--c-ink);box-shadow:inset 0 0 0 1px var(--c-line);overflow:hidden}.loadbar__fill{height:100%;width:40%;background:var(--grad-violet);box-shadow:var(--glow-sm);animation:loadbar-slide 1.6s var(--ease) infinite}@keyframes loadbar-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.overlay{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-4);background:var(--c-scrim);backdrop-filter:blur(3px)}.dialog{width:var(--dialog-w);display:flex;flex-direction:column;gap:var(--sp-3)}.dialog__actions{display:flex;gap:var(--sp-2);justify-content:flex-end}[data-faction="1"]{--c-faction: var(--c-faction-1)}[data-faction="2"]{--c-faction: var(--c-faction-2)}[data-faction="3"]{--c-faction: var(--c-faction-3)}[data-faction="4"]{--c-faction: var(--c-faction-4)}[data-faction="5"]{--c-faction: var(--c-faction-5)}[data-faction="6"]{--c-faction: var(--c-faction-6)}[data-faction="7"]{--c-faction: var(--c-faction-7)}[data-faction="8"]{--c-faction: var(--c-faction-8)}[data-faction="9"]{--c-faction: var(--c-faction-9)}.tile[data-faction] .tile__art{inset:auto calc(var(--tile-art-faction) * -.33) calc(var(--tile-art-faction) * -.42) auto;width:var(--tile-art-faction);height:var(--tile-art-faction);opacity:.45;background:radial-gradient(circle,var(--c-faction) 0%,transparent 68%)}.form{display:flex;flex-direction:column;gap:var(--sp-3)}.field{display:flex;flex-direction:column;gap:var(--sp-1)}.field__label{font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-text-dim)}.field__input{--cut: var(--cut-sm);padding:var(--sp-2) var(--sp-3);min-height:var(--control-h);color:var(--c-text);background:var(--c-ink);box-shadow:var(--inset-line);border:0;clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.field__input::placeholder{color:var(--c-text-mute)}.field__input:focus{outline:none;box-shadow:var(--inset-line-bright),var(--glow-sm)}.field__error{color:var(--c-danger);font-size:var(--fs-sm)}.field__hint{color:var(--c-text-dim);font-size:var(--fs-xs)}.toast{position:fixed;left:50%;bottom:calc(var(--bar-h) + var(--sp-4));transform:translate(-50%);z-index:var(--z-toast);width:min(var(--content-max),calc(100% - var(--sp-8)));padding:var(--sp-3) var(--sp-4);background:var(--c-ink);color:var(--c-text);font-size:var(--fs-sm);text-align:center;box-shadow:var(--inset-line-bright),var(--glow-md);clip-path:polygon(var(--cut-sm) 0,100% 0,100% calc(100% - var(--cut-sm)),calc(100% - var(--cut-sm)) 100%,0 100%,0 var(--cut-sm))}.dialog__item{--cut: var(--cut-sm);display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--sp-3);text-align:left;background:var(--c-surface);box-shadow:var(--inset-line);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.dialog__item:hover{background:var(--c-surface-2);box-shadow:var(--inset-line-bright),var(--glow-sm)}.dialog__item--danger:hover{box-shadow:inset 0 0 0 1px var(--c-danger),var(--glow-danger)}.dialog__item-title{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.dialog__item-hint{color:var(--c-text-dim);font-size:var(--fs-xs)}.capital{position:fixed;inset:0;z-index:var(--z-overlay);display:grid;place-content:center;justify-items:center;gap:var(--sp-4);padding:var(--sp-6);text-align:center;background:var(--c-ink)}.capital__art{width:min(var(--content-max),82vw);aspect-ratio:1;object-fit:cover;background:var(--grad-panel);box-shadow:var(--inset-line-bright),var(--glow-md)}.capital__name{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:var(--tracking-wider);text-transform:uppercase;text-shadow:var(--glow-md)}.turnbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-glass);box-shadow:var(--inset-line)}.turnbar__who{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-text-dim)}.badge{min-width:20px;padding:0 var(--sp-1);font-family:var(--font-mono);font-size:var(--fs-xs);text-align:center;color:var(--c-accent-ink);background:var(--c-accent-soft);border-radius:var(--radius-pill)}.icon{display:block;width:1em;height:1em;fill:none}.bottombar__icon .icon{width:22px;height:22px}.tile__icon{position:absolute;top:var(--sp-3);right:var(--sp-3);width:28px;height:28px;color:var(--c-accent);opacity:.85;filter:drop-shadow(0 0 6px currentColor)}.tile--accent .tile__icon{color:var(--c-accent-ink)}.chat{display:flex;flex-direction:column;gap:var(--sp-2);height:100%}.chat__feed{display:flex;flex-direction:column;gap:var(--sp-2);max-height:46vh;overflow-y:auto;padding-right:var(--sp-1)}.chat__msg{--cut: var(--cut-sm);align-self:flex-start;max-width:84%;padding:var(--sp-2) var(--sp-3);background:var(--c-surface);box-shadow:var(--inset-line);font-size:var(--fs-sm);clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.chat__msg--mine{align-self:flex-end;background:var(--grad-violet);color:var(--c-accent-ink);box-shadow:var(--glow-sm)}.chat__msg--system{align-self:center;background:transparent;box-shadow:none;color:var(--c-text-mute);font-size:var(--fs-xs)}.chat__author{display:block;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-cyan)}.chat__msg--mine .chat__author{color:var(--c-on-accent-dim)}.chat__time{margin-left:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-xs);opacity:.6}.chat__form{display:flex;gap:var(--sp-2);align-items:stretch}.chat__form .field__input{flex:1}.chat__status{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--c-text-mute)}.chat__status:before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--c-danger);box-shadow:var(--glow-danger)}.chat__status.is-online{color:var(--c-success)}.chat__status.is-online:before{background:var(--c-success);box-shadow:0 0 8px var(--c-success)}.hangar__art{width:100%;max-width:260px;align-self:center;filter:drop-shadow(0 6px 18px rgba(3,1,12,.8))}.dock{flex:0 0 auto}.dock__row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-1)}.sheet{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:flex-end;justify-content:center;padding:0 var(--sp-2) calc(var(--bar-h) + var(--sp-2));background:var(--c-scrim)}.sheet__panel{width:100%;max-width:var(--content-max);max-height:62vh;display:flex;flex-direction:column;padding-bottom:var(--sp-2)}.sheet__body{overflow-y:auto;padding-right:var(--sp-1)}.turnbar--mine{background:linear-gradient(90deg,rgba(52,211,153,.22),var(--c-glass) 60%);box-shadow:inset 0 0 0 1px var(--c-success),0 0 12px #34d39940}.turnbar--mine .turnbar__who{color:var(--c-success)}.turnbar--soon{box-shadow:inset 0 0 0 1px var(--c-gold),0 0 12px #f5b62c40}.turnbar--soon .turnbar__who{color:var(--c-gold)}.turnbar--theirs{opacity:.85}.turnbar--idle .turnbar__who{color:var(--c-text-dim)}.slot--away{opacity:.5}.turnbar__count{min-width:1.6em;font-family:var(--font-mono);font-size:var(--fs-xl);line-height:1;text-align:center;color:var(--c-gold);text-shadow:0 0 12px rgba(245,182,44,.55);animation:turncount .6s ease-out}@keyframes turncount{0%{transform:scale(1.35);opacity:.4}to{transform:scale(1);opacity:1}}.nextstep{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-glass);box-shadow:inset 0 0 0 1px var(--c-line-soft);font-size:var(--fs-sm)}.nextstep__mark{color:var(--c-cyan);font-family:var(--font-mono);line-height:1.3}.nextstep__text{display:flex;flex-direction:column}.nextstep__hint{color:var(--c-text-mute);font-size:var(--fs-xs)}.forces{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;padding:var(--sp-2) var(--sp-3);background:var(--c-glass);box-shadow:inset 0 0 0 1px var(--c-faction, var(--c-line-soft));font-size:var(--fs-xs);color:var(--c-text-dim)}.forces__item b{color:var(--c-text);font-family:var(--font-mono)}.forces .btn{margin-left:auto}.profile{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);text-align:left;background:var(--c-glass);box-shadow:inset 0 0 0 1px var(--c-line-soft)}.profile:hover{box-shadow:inset 0 0 0 1px var(--c-faction, var(--c-line-bright))}.profile__mark{width:10px;height:28px;background:var(--c-faction, var(--c-accent));box-shadow:0 0 8px var(--c-faction, var(--c-accent))}.profile__main{display:flex;flex-direction:column;min-width:0}.profile__name{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.profile__sub{color:var(--c-text-dim);font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile__stats{margin-left:auto;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:var(--fs-xs);color:var(--c-text-dim)}.profile__stats b{color:var(--c-text);font-family:var(--font-mono)}.arrow--hint{color:var(--c-gold);box-shadow:inset 0 0 0 1px var(--c-gold),0 0 10px #f5b62c73}.arrow__badge{position:absolute;top:-6px;right:-6px;min-width:15px;padding:0 3px;border-radius:8px;font-family:var(--font-mono);font-size:10px;line-height:15px;text-align:center;color:#201400;background:var(--c-gold)}@media(max-width:480px){.arrownav{padding:var(--arrow-size)}}