:root{color-scheme:dark;--ink:#edf0e8;--muted:#b2bcb6;--edge:#cedbd52b;--accent:#cfe39c;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#10191c;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}button,input,select,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}
.home-art,.home-shade{position:fixed;inset:0;pointer-events:none;z-index:-2}.home-art{background:#18272c url('/generated/menu/armada.jpg') 56% center/cover no-repeat;background-image:image-set(url('/generated/menu/armada-2560.webp') type('image/webp'),url('/generated/menu/armada.jpg') type('image/jpeg'))}.home-shade{z-index:-1;background:linear-gradient(90deg,#081114f2 0%,#0b151ad9 28%,#0b141963 65%,#0d17182b),linear-gradient(0deg,#071215e8,transparent 45%,#0a121650)}body[data-faction=cortex] .home-art{background-image:url('/generated/menu/cortex.jpg');background-image:image-set(url('/generated/menu/cortex-2560.webp') type('image/webp'),url('/generated/menu/cortex.jpg') type('image/jpeg'))}
.home-header{padding:32px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:16px;font-size:30px;font-weight:850;letter-spacing:3px;line-height:1}.wordmark-symbol{display:grid;place-items:center;width:46px;height:48px;border:1px solid #d8e7c875;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);background:#cfe39c18;font:800 30px system-ui;color:var(--accent);letter-spacing:-3px;padding-right:3px}.wordmark-bar{color:var(--accent)}.wordmark small{display:block;font:8px ui-monospace,monospace;letter-spacing:1.65px;margin-top:9px;color:#b6c2bb}.edition{font:9px ui-monospace,monospace;letter-spacing:1.7px;color:#d5ddd5;background:#0b171a8c;padding:9px 12px;border:1px solid var(--edge)}.edition i{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:8px}
.home-shell{width:100%;max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(520px,1.55fr);align-items:center;gap:7vw;padding:25px 4vw 45px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--accent);margin:0 0 15px}h1{font-size:clamp(64px,6.4vw,100px);font-weight:550;letter-spacing:-5px;line-height:.96;margin:20px 0 26px;text-shadow:0 5px 35px #0007}.home-intro{font-size:15px;line-height:1.65;color:#b8c5c0;margin:0 0 34px}.home-sidebar nav{display:grid;gap:5px;max-width:320px}.home-sidebar nav button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;background:#0e1c2088;border:1px solid transparent;border-left:2px solid #ffffff25;color:#c5d0cb;text-align:left;font-size:16px;transition:background .18s,border-color .18s}.home-sidebar nav button small{font:10px ui-monospace,monospace;color:#83958d;display:inline-block;width:26px}.home-sidebar nav button>span:last-child{font-size:19px;color:#9dac9f}.home-sidebar nav button:hover{background:#cfe39c12}.home-sidebar nav button[aria-current=page]{background:linear-gradient(90deg,#cfe39c28,#cfe39c0a);border-color:#cfe39c35;border-left-color:var(--accent);color:#eff6df}.home-sidebar nav button[aria-current=page] small,.home-sidebar nav button[aria-current=page]>span:last-child{color:var(--accent)}.home-labs{margin-top:25px;color:#a1b1a8;font-size:11px;max-width:320px}.home-labs summary{cursor:pointer}.home-labs a{display:inline-block;margin:10px 12px 0 0;color:#d3dfca}.home-labs a:hover{text-decoration:underline}
.home-panel{background:linear-gradient(135deg,#111f23f5,#0d191ddc);border:1px solid #c5d9cd3d;box-shadow:0 25px 90px #0005;backdrop-filter:blur(20px);padding:30px;position:relative;min-height:500px}.home-panel:before{content:'';height:2px;width:60px;background:var(--accent);position:absolute;left:-1px;top:-1px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.panel-heading .eyebrow{font-size:9px;margin-bottom:9px}.panel-index{color:#7e9389;font:13px ui-monospace,monospace;margin-top:3px}h2{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin:0}fieldset{padding:0;border:0;margin:0;min-width:0}legend,.start-field{font-size:11px;color:#c6d0c8;font-weight:500;display:block;margin-bottom:10px;width:100%}legend span{float:right;color:#7e9488;font-size:10px;font-weight:400}.map-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-card{position:relative;display:block;cursor:pointer}.map-card input,.faction-options input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;z-index:1;cursor:pointer}.map-card>span{display:block;border:1px solid #9db3a533;background:#0d181c;transition:border-color .15s;overflow:hidden}.map-card img{display:block;width:100%;height:auto;aspect-ratio:1.45;object-fit:cover;opacity:.78;transition:opacity .15s}.map-card b{display:block;font-weight:500;font-size:11px;line-height:1.3;padding:10px 9px 4px;min-height:29px}.map-card small{display:block;font:8px ui-monospace,monospace;letter-spacing:.5px;padding:0 9px 10px;color:#98afa0}.map-card input:checked+span{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.map-card input:checked+span:after{content:'✓';position:absolute;right:7px;top:7px;display:grid;place-items:center;width:19px;height:19px;color:#10231c;background:var(--accent);font-size:12px}.map-card input:checked+span img,.map-card:hover img{opacity:1}.map-card input:focus-visible+span,.faction-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}
.setup-row{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin:24px 0 20px}.faction-options{display:flex;gap:7px}.faction-options label{position:relative;cursor:pointer;flex:1;min-width:0}.faction-options label>span{border:1px solid var(--edge);background:#ffffff03;display:flex;align-items:center;padding:7px;gap:7px;min-height:55px}.faction-options img{width:36px;height:36px;object-fit:cover}.faction-options span span{font-size:11px}.faction-options small{display:block;font-size:8px;color:#90a89b;line-height:1.4;margin-top:3px}.faction-options input:checked+span{background:#cfe39c10;border-color:#cfe39c88}.start-field{margin:0}.start-field select{margin-top:10px}.start-field>span{display:block;font-size:10px;color:#91a499;font-weight:400;line-height:1.5;margin-top:7px}select{width:100%;padding:11px 12px;color:#e1e9df;border:1px solid #b1c6b63b;background:#1b2b2d;border-radius:2px;font-size:12px}.opponent-line{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);font-size:10px;color:#92a99b}.opponent-line>span:first-child{font:8px ui-monospace,monospace;letter-spacing:1px}.opponent-line strong{font-size:11px;color:#d3dfcb;font-weight:500}.opponent-line>span:last-child{margin-left:auto;text-align:right}.launch-row{display:flex;align-items:center;gap:20px;margin-top:22px;justify-content:space-between}.launch-row p{font-size:11px;color:#a1b5a6;line-height:1.8;margin:0}.primary{border:1px solid #dfefb8;background:#cfe39c;color:#15251e;padding:14px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap;box-shadow:0 3px 20px #cfe39c0a}.primary:hover{background:#e3efc5}.primary span{font-size:19px}
.panel-intro{font-size:18px;color:#c4d1c6;line-height:1.65;margin:24px 0}.network-steps{padding:4px 0}.network-steps p{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--edge);padding:12px 0;margin:0}.network-steps b{font:11px ui-monospace,monospace;color:var(--accent)}.network-steps span{font-size:14px}.network-steps small{display:block;font-size:11px;color:#97ad9d;margin:5px 0}.subtle{font-size:11px;line-height:1.6;color:#91a99d;margin:20px 0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 0;border-bottom:1px solid var(--edge)}.setting-row label{font-size:13px}.setting-row small{display:block;font-size:10px;color:#94aa9c;margin-top:5px}.setting-row select{width:140px;flex-shrink:0}.volume-control{display:flex;gap:8px;align-items:center}.volume-control input{width:105px;accent-color:var(--accent)}.volume-control output{min-width:34px;font:10px ui-monospace,monospace;color:#d4e3bd}.controls-guide{margin-top:26px}.controls-guide dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;font-size:11px}.controls-guide dt{color:#a0b5a7}.controls-guide dd{margin:0;color:#d1dec9}.credit-copy{font-size:13px;color:#aabeb0;line-height:1.8}.credit-links{display:flex;gap:20px;margin:22px 0 30px;font-size:12px;color:var(--accent)}.credit-links a:hover{text-decoration:underline}.map-credits dt{font-size:12px;margin-top:14px;color:#d4dfcf}.map-credits dd{font-size:11px;margin:4px 0;color:#96af9e}.home-footer{margin-top:auto;padding:18px 4vw 24px;display:flex;gap:20px;justify-content:space-between;color:#9bada4;font:8px ui-monospace,monospace;letter-spacing:1.6px}.home-footer i{font-style:normal;margin:0 9px}.no-script{padding:20px;background:#142923}
@media(min-width:1600px){.home-shell{gap:120px}.home-panel{padding:36px}.map-card img{aspect-ratio:1.3}}
@media(max-width:1200px){.home-shell{gap:4vw;grid-template-columns:280px minmax(0,1fr)}.home-panel{padding:24px}.setup-row{grid-template-columns:1fr}.faction-options label>span{padding:8px 12px}.home-header{padding-top:24px}.home-shell{padding-top:10px}.home-sidebar h1{font-size:76px}.home-panel{min-height:530px}.map-card img{aspect-ratio:1.4}}
@media(max-width:850px){.home-header{padding:20px 24px}.home-shell{display:block;padding:10px 24px 35px}.home-sidebar h1{font-size:46px;letter-spacing:-2px;margin:12px 0}.home-sidebar h1 br{display:none}.home-sidebar>.eyebrow,.home-intro{display:none}.home-sidebar nav{display:flex;max-width:none;gap:5px;margin:20px 0}.home-sidebar nav button{font-size:12px;padding:10px;justify-content:center;border-left-width:1px}.home-sidebar nav button small,.home-sidebar nav button>span:last-child{display:none}.home-labs{margin:0 0 22px;max-width:none}.home-panel{min-height:0;padding:24px}.setup-row{grid-template-columns:1fr 1fr}.faction-options label>span{padding:6px;gap:5px}.faction-options small{display:none}.home-art{background-position:60% center}.home-shade{background:#09171cdc}.home-footer{padding:16px 24px}.edition{font-size:8px;letter-spacing:1px}}
@media(max-width:530px){.edition{display:none}.wordmark{font-size:25px}.home-panel{padding:20px 16px}.map-cards{gap:7px}.map-card b{font-size:10px;padding:8px 6px 4px;min-height:38px}.map-card small{padding:0 6px 8px;font-size:7px}.setup-row{grid-template-columns:1fr}.faction-options small{display:block}.launch-row{flex-direction:column;align-items:stretch;gap:14px}.launch-row p{line-height:1.4}.primary{justify-content:space-between}.home-footer>span:first-child{display:none}.opponent-line{flex-wrap:wrap;gap:7px}.opponent-line>span:last-child{margin:0;width:100%;text-align:left}h2{font-size:23px}.setting-row{align-items:flex-start;gap:10px}.setting-row select{width:100px}.volume-control{flex-direction:column;align-items:flex-end}.credit-links{flex-wrap:wrap;gap:10px}.home-header{padding:20px}.home-shell{padding:10px 14px 25px}.home-sidebar{padding:0 6px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.multiplayer-modes{display:grid;gap:18px;margin:24px 0}.multiplayer-modes article{padding:22px;border:1px solid var(--edge);background:#101f23d9;border-radius:6px}.multiplayer-modes h3{font-size:23px;margin:4px 0 8px}.multiplayer-modes p{color:var(--muted);margin:0 0 16px}.multiplayer-modes .eyebrow{color:var(--accent);margin:0}.multiplayer-modes a{display:inline-flex;margin-top:4px}.multiplayer-modes a[aria-disabled=true]{opacity:.5;pointer-events:none}

.opponent-line{flex-wrap:wrap}.difficulty-field{display:flex;align-items:center;gap:8px;margin-left:auto}.difficulty-field select{width:auto;min-width:100px;padding:7px 10px}select:disabled{opacity:.5;cursor:not-allowed}