@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&family=Barlow:wght@400;500;600;700;800&family=Share+Tech+Mono&display=swap');
:root{color-scheme:dark;--bg:#050b12;--panel:#0a131d;--line:#1b2c38;--cyan:#69efff;--muted:#78909f;--white:#e6f3f8;--orange:#ffa652;--mono:'Share Tech Mono',monospace;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);font-size:16px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:100px;max-width:1600px;margin:auto;padding:0 44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--white);text-decoration:none;display:flex;gap:14px;align-items:center;font-family:var(--display);font-weight:700;font-size:30px;letter-spacing:3px;line-height:1}.brand-mark{font-size:35px;font-style:italic;border:2px solid var(--cyan);color:var(--cyan);width:43px;height:45px;display:grid;place-items:center;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%)}.brand-light{font-weight:400}.brand small{display:block;font:12px var(--mono);color:var(--muted);letter-spacing:3.5px;margin-top:7px}.system-status{font:12px var(--mono);letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:10px}.system-status>span:first-child,.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--cyan);box-shadow:0 0 8px #69efff70;margin-right:5px}.system-status b{font-weight:400;color:#31424b;margin:0 10px}.header-actions{display:flex;gap:9px}.icon-button{background:transparent;border:1px solid var(--line);color:#99adbb;width:38px;height:38px;display:grid;place-items:center;position:relative}.icon-button:hover{border-color:var(--cyan);color:var(--cyan)}.icon-button svg{width:18px;height:18px}.text-icon{font:20px var(--mono)}.mute-slash{position:absolute;transform:rotate(-40deg);background:var(--muted);height:1px;width:22px}.sound-on .mute-slash{display:none}main{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 430px;min-height:calc(100vh - 100px)}.play-area{padding:32px 42px 0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 36%,#08304230,transparent 55%)}.play-heading{display:flex;justify-content:space-between;gap:16px}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:var(--muted)}.session{font:12px var(--mono);color:#617a8b;letter-spacing:1px}.energy-display{text-align:center;margin-top:37px;position:relative;z-index:2}.energy-label{font:12px var(--mono);letter-spacing:3px;color:#91acbc;display:flex;align-items:center;justify-content:center;gap:8px}.energy-label svg{width:13px;height:16px;color:var(--cyan)}h1{font-family:var(--display);font-size:clamp(60px,6vw,90px);font-weight:500;letter-spacing:3px;margin:0 0 3px;line-height:1.2;font-variant-numeric:tabular-nums;text-shadow:0 0 35px #64efff25}.production{display:flex;justify-content:center;gap:18px;font:14px var(--mono);color:var(--muted)}.production b{color:var(--cyan);font-weight:400}.production i{width:1px;background:var(--line)}.arena{height:365px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.horizon{position:absolute;top:53%;height:1px;width:140%;background:linear-gradient(90deg,transparent,#2a9cad55,transparent);box-shadow:0 0 30px #46e7ff30;z-index:-2}.floor-grid{position:absolute;inset:40% -50% -100px;background-image:linear-gradient(#257c9026 1px,transparent 1px),linear-gradient(90deg,#257c9026 1px,transparent 1px);background-size:48px 48px;transform:perspective(240px) rotateX(58deg);transform-origin:center 0;mask-image:linear-gradient(transparent,#000 15%,transparent 83%);z-index:-1;pointer-events:none}.core-wrap{width:292px;height:292px;position:relative;display:grid;place-items:center;margin-top:-16px}.core{width:228px;height:228px;position:relative;border:0;border-radius:50%;background:radial-gradient(circle,#1a566765 0,#08263070 50%,#06131b 68%);color:var(--cyan);box-shadow:0 0 65px #2ae6ff1c,inset 0 0 35px #3be0fc17;transition:transform .1s,filter .15s;user-select:none;touch-action:manipulation}.core:hover{filter:brightness(1.18);box-shadow:0 0 80px #2ae6ff30,inset 0 0 35px #3be0fc25}.core:active,.core.hit{transform:scale(.96)}.core-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-30deg)}.ring-back{stroke:#32889760;stroke-width:1}.ring-segments{stroke:var(--cyan);stroke-width:7;stroke-dasharray:200 16 70 16 45 16 190 94;filter:drop-shadow(0 0 7px #26e0ff90)}.ring-inner{stroke:#69efff50;stroke-width:1;stroke-dasharray:3 4}.core-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.core-center>svg{width:45px;height:45px;stroke-width:1.2;filter:drop-shadow(0 0 12px #69efff90);margin-bottom:12px}.core-center>span{font:600 23px var(--display);letter-spacing:4px;color:#d9fbff}.core-center>small{font:10px var(--mono);letter-spacing:1.3px;margin-top:7px;color:#77a3ad}.orbital{position:absolute;border:1px solid #50ccdf25;border-radius:50%;inset:9px;pointer-events:none}.orbit-one:after{content:'';position:absolute;top:0;left:45%;width:20px;height:3px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.orbit-one{animation:rotate 25s linear infinite}.orbit-two{inset:0;border:1px dashed #50ccdf20;animation:rotate 80s linear infinite reverse}.orbit-ticks{position:absolute;inset:-12px;border-left:2px solid #59dcec50;border-right:2px solid #59dcec50;border-radius:50%;transform:rotate(40deg);pointer-events:none}.arena-cross{position:absolute;top:46%;color:#32616e;font:22px var(--mono)}.left-cross{left:12%}.right-cross{right:12%}.coord{position:absolute;top:72%;font:10px/1.7 var(--mono);letter-spacing:1px;color:#476775}.coord-left{left:9%}.coord-right{right:9%;text-align:right}.core-caption{position:absolute;bottom:5px;font:12px var(--mono);color:#638191;text-align:center}.keycap{border:1px solid #29404f;padding:3px 6px;font-size:10px;color:#8da7b5;margin-right:5px}.overdrive-panel{position:relative;margin-top:18px;border:1px solid #6a492a80;background:linear-gradient(110deg,#34241650,#15171260);padding:20px 20px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.overdrive-title{display:flex;align-items:center;gap:14px}.overdrive-symbol{width:34px;height:40px;display:grid;place-items:center;color:var(--orange);border:1px solid #85552a70;transform:skew(-8deg)}h2,h3,p{margin:0}.overdrive-title h2{font:600 19px var(--display);letter-spacing:1.5px}.overdrive-title h2 span{font:10px var(--mono);color:var(--orange);background:#68462235;padding:3px 5px;margin-left:7px;vertical-align:middle;white-space:nowrap}.overdrive-title p{font-size:13px;color:#a89687;margin-top:5px}.overdrive-panel>button{background:#47302140;border:1px solid #76523360;color:#b49374;padding:11px 12px;min-width:141px;font:12px var(--mono);letter-spacing:1px}.overdrive-panel>button span{margin-left:9px}.overdrive-panel>button:enabled{background:var(--orange);color:#1d160f;border-color:var(--orange);box-shadow:0 0 20px #ffa65225}.charge-track{height:3px;position:absolute;bottom:0;left:0;right:0;background:#422f2040}.charge-track>div{width:0;height:100%;background:var(--orange);box-shadow:0 0 8px #ffa65250;transition:width .15s}.milestones-heading{margin:31px 0 13px;display:flex;align-items:center;justify-content:space-between}.milestones-heading h2{font:12px var(--mono);letter-spacing:1.5px;color:#8da8b6}.milestones-heading>span{font:10px var(--mono);color:#576f7e;letter-spacing:1px}.milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.milestone{border:1px solid var(--line);padding:14px 12px;display:flex;gap:11px;align-items:center;position:relative;background:#0a141b80}.milestone .badge{font:20px var(--display);color:#627f8e;border:1px solid #29404f;width:30px;height:34px;flex-shrink:0;display:grid;place-items:center;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.milestone h3{font-size:14px;font-weight:500}.milestone p{font:11px var(--mono);color:#638091;margin-top:5px}.milestone.unlocked{border-color:#48c5d84d}.milestone.unlocked .badge{color:var(--cyan);border-color:#69efff65}.milestone.unlocked p{color:#77bac5}.play-footer{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);letter-spacing:1px;color:#4e6b7c;margin:29px 0 23px}.play-footer .tiny-dot{width:4px;height:4px;background:#4c8b86;box-shadow:none}.shop{border-left:1px solid var(--line);background:#0a121b;padding:30px 25px 22px}.shop-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.shop-heading .eyebrow{font-size:10px;letter-spacing:2px}.shop-heading h2{font:500 36px var(--display);letter-spacing:1px;margin-top:5px}.shop-heading h2 span{color:var(--cyan)}.shop-heading>svg{color:#47727f;width:31px;height:31px}.tabs{display:flex;border-bottom:1px solid #283845;gap:27px}.tab{font-size:14px;border:0;background:none;color:#768a98;padding:0 0 13px;position:relative}.tab.active{color:var(--cyan)}.tab.active:after{content:'';height:2px;background:var(--cyan);position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 10px #69efff35}.tab span{font:10px var(--mono);padding:2px 5px;border:1px solid #2b3e4a;margin-left:6px}.shop-controls{display:flex;justify-content:space-between;align-items:center;margin:19px 0 14px;gap:8px}.shop-controls>span{font:10px var(--mono);letter-spacing:1px;color:#647d8c}.quantity{display:flex;background:#050c13;padding:3px;border:1px solid var(--line)}.quantity button{background:none;border:none;padding:3px 8px;color:#6f8899;font:11px var(--mono)}.quantity .selected{background:#1c3540;color:var(--cyan)}.upgrade{width:100%;border:1px solid #23313e;background:linear-gradient(110deg,#101d29,#0d1823);margin-bottom:9px;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 13px;color:var(--white);position:relative;min-height:80px;transition:background .15s,border-color .15s,transform .15s}.upgrade:enabled:hover{background:#132c36;border-color:#459eaf;transform:translateX(-2px)}.upgrade:enabled{border-color:#315b66}.upgrade-icon{width:43px;height:46px;display:grid;place-items:center;border:1px solid #284352;background:#102431;color:#6895aa;flex-shrink:0}.upgrade:enabled .upgrade-icon{color:var(--cyan);border-color:#3c8598;background:#113541}.upgrade-info{flex:1;min-width:0}.upgrade h3{font-size:16px;font-weight:500;letter-spacing:.2px;margin:0}.upgrade p{font:11px var(--mono);color:#708fa1;margin-top:6px}.upgrade-cost{font:12px var(--mono);color:#91a1ad;margin-top:7px;display:flex;align-items:center;gap:4px}.upgrade-cost svg{width:11px;height:13px}.upgrade:enabled .upgrade-cost{color:var(--cyan)}.owned{font:27px var(--display);color:#365364;font-weight:400;text-align:right;min-width:30px}.owned small{display:block;font:9px var(--mono);letter-spacing:1px;margin-top:3px;color:#5a7384}.upgrade:disabled{opacity:.67}.upgrade.purchased{opacity:.8;border-color:#29606d}.network-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0 20px}.network-total>span{font:10px var(--mono);letter-spacing:1px;color:#6a8495}.network-total strong{font:19px var(--display);font-weight:500;color:var(--cyan)}.network-total small{font:10px var(--mono);color:#678b9b}.reboot{border:1px solid #313543;background:linear-gradient(130deg,#171b26,#111823);padding:16px}.reboot>div{display:flex;align-items:center;gap:8px}.reboot svg{width:18px;height:18px;color:#9a9cbc}.reboot h3{font-size:15px;font-weight:500}.reboot>div>span{margin-left:auto;font:9px var(--mono);color:#86889e;letter-spacing:1px}.reboot p{font-size:13px;color:#7e879d;line-height:1.5;margin:10px 0 14px}.reboot button{width:100%;padding:10px;background:#20223180;border:1px solid #414254;color:#9597ad;font:11px var(--mono);display:flex;justify-content:space-between;gap:5px}.reboot button:enabled{color:#d2c9ff;border-color:#b2a4fa}.reboot>small{display:block;font:10px var(--mono);color:#6f728b;margin-top:11px}.floating-energy{position:absolute;font:600 26px var(--display);color:#c4faff;text-shadow:0 0 10px var(--cyan);pointer-events:none;z-index:5;animation:float-up 1s ease-out forwards}.overdriving{--cyan:#ffb560}.overdriving .core{box-shadow:0 0 100px #ffa65245}.overdriving .ring-segments{filter:drop-shadow(0 0 10px #ffa652)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,15px);background:#102732;border:1px solid #477b8c;color:#d5f8ff;padding:14px 22px;max-width:calc(100% - 32px);font-size:14px;z-index:20;opacity:0;pointer-events:none;transition:.2s;text-align:center;box-shadow:0 8px 35px #0007}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#0c1822;border:1px solid #376173;color:var(--white);width:440px;max-width:calc(100% - 32px);padding:34px;box-shadow:0 0 100px #29bfd015}dialog::backdrop{background:#02070cce;backdrop-filter:blur(5px)}dialog h2{font:500 34px var(--display);margin:10px 0 20px}dialog p{font-size:16px;line-height:1.6;margin:14px 0;color:#a3b9c6}dialog b{color:var(--cyan)}dialog .muted{font-size:14px;color:#6f8b9d}.close-dialog:not(.primary):not(.secondary){position:absolute;top:10px;right:14px;background:none;border:0;color:var(--muted);font-size:26px}.primary,.secondary,.danger{border:1px solid var(--cyan);padding:12px 18px;font-size:14px}.primary{color:#04222a;background:var(--cyan);font-weight:600}.secondary{background:transparent;color:var(--white);border-color:#3c5260}.danger{background:#45242b40;color:#ee9e9e;border-color:#7c4147;margin-top:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{width:19px;height:19px;accent-color:var(--cyan)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.reduce-motion *{animation:none!important;transition:none!important}.reduce-motion .floating-energy{display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float-up{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}100%{opacity:0;transform:translate(-50%,-120px) scale(1.15)}}@media(min-width:1450px){main{grid-template-columns:minmax(0,1fr) 470px}.play-area{padding-left:70px;padding-right:70px}.arena{height:390px}.energy-display{margin-top:45px}.shop{padding:35px}}@media(max-width:1100px){main{grid-template-columns:minmax(0,1fr) 370px}.topbar{padding:0 26px}.play-area{padding:28px 26px 0}.shop{padding:28px 20px}.session{display:none}.overdrive-panel{padding:16px 13px 21px;flex-wrap:wrap}.overdrive-panel>button{flex:1}.overdrive-title h2 span{margin-left:4px}.milestone{padding:11px 8px;gap:6px}.milestone .badge{width:22px;font-size:16px}.milestone h3{font-size:12px}.milestone p{font-size:10px}.coord{display:none}.arena-cross{display:none}.play-footer>span:last-child{display:none}.shop-heading h2{font-size:33px}}@media(max-width:760px){.topbar{height:80px;padding:0 20px}.brand{font-size:24px;gap:10px}.brand small{font-size:9px}.brand-mark{width:34px;height:37px;font-size:28px}.system-status{display:none}.header-actions{gap:6px}.icon-button{width:33px;height:33px}main{display:block}.play-area{padding:23px 20px 0}.energy-display{margin-top:28px}h1{font-size:76px}.arena{height:330px}.core-wrap{transform:scale(.9)}.overdrive-panel{margin-top:13px;flex-wrap:nowrap}.overdrive-title h2{font-size:17px}.overdrive-title h2 span{font-size:9px;display:inline-block}.overdrive-title p{font-size:12px}.overdrive-title{gap:9px}.overdrive-panel>button{min-width:105px;flex:0;font-size:10px;padding:12px 8px}.overdrive-symbol{display:none}.milestones-heading{margin-top:25px}.milestones{gap:7px}.milestone{padding:13px 9px}.milestone h3{font-size:13px}.milestone p{font-size:10px}.play-footer{margin:20px 0}.shop{border-left:0;border-top:1px solid var(--line);padding:27px 20px}.shop-heading{margin-bottom:23px}.shop-heading h2{font-size:36px}.upgrade{min-height:83px}.upgrade h3{font-size:16px}.upgrade p,.upgrade-cost{font-size:12px}.tabs{gap:35px}.tab{font-size:16px}.shop-controls>span{font-size:11px}.quantity button{font-size:12px;padding:5px 10px}.reboot{margin-top:5px}.core-caption{font-size:11px}.keycap{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.floating-energy{display:none}}@media(max-width:360px){.header-actions{gap:3px}.topbar{padding:0 12px}.play-area{padding-left:14px;padding-right:14px}.brand{letter-spacing:2px}.milestone .badge{display:none}.overdrive-title h2 span{display:none}}
/* Keep supporting readouts legible at browser text enlargement. */
.core-center>small,.coord,.keycap,.milestones-heading>span,.milestone p,.play-footer,.shop-heading .eyebrow,.shop-controls>span,.quantity button,.tab span,.upgrade p,.owned small,.network-total>span,.network-total small,.reboot>div>span,.reboot button,.reboot>small,.overdrive-title h2 span{font-size:12px}.coord{letter-spacing:0}.play-footer{letter-spacing:0}.core-center>small{letter-spacing:0}.shop-controls>span{letter-spacing:0}.milestones-heading>span{letter-spacing:0}.quantity[hidden]{display:none}.upgrade h3{line-height:1.25}.milestone{min-width:0}.milestone h3{line-height:1.3}.milestone p{font-size:12px}.milestone .badge{flex-shrink:0}.upgrade-info>h3{display:block}.play-heading{flex-wrap:wrap}@media(max-width:1100px){.milestone .badge{display:none}.milestone h3{font-size:14px}}@media(max-width:420px){.milestone p{font-size:12px;letter-spacing:-.6px}.overdrive-title h2 span{display:none}.milestone h3{font-size:13px}.milestones-heading h2{letter-spacing:.5px}.milestones-heading>span{font-size:12px}.shop-controls>span{font-size:12px}}