:root{--bg:#071116;--panel:#0c1c24;--cyan:#64e7df;--lime:#d4fa8a;--muted:#7f9ba6;--line:#25404a;--white:#e9f2ee;--red:#fa7180}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif}.shell{max-width:1520px;margin:auto;padding:0 38px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--white);font-size:18px;font-weight:800;letter-spacing:3px}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:2px;color:var(--muted);margin-top:8px}.brand-mark{width:44px;height:44px;border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;font-size:30px;position:relative}.brand-mark span{font-size:18px;position:absolute;bottom:-7px;right:-5px;background:var(--bg)}nav{display:flex;gap:9px}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--white);background:#10232b;padding:12px 18px;border-radius:4px;transition:background .2s,transform .2s}button:hover{background:#203b44;border-color:var(--cyan)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.primary{background:var(--lime);color:#14221c;border:1px solid var(--lime);font-weight:bold;padding:17px 24px}.primary:hover{background:#e4ffba;border-color:#e4ffba}.primary span{margin-left:35px}kbd{font:11px monospace;background:#1a3039;border:1px solid #314953;padding:3px 6px;border-radius:3px;color:#a8c0c7}.hud{height:99px;display:flex;gap:35px;align-items:center;justify-content:space-between}.eyebrow{font:10px monospace;letter-spacing:2px;color:var(--muted)}.hud strong{display:block;font:18px monospace;letter-spacing:1px;margin-top:9px}.hud strong em{font:12px Arial;color:var(--muted);margin-left:10px}.stat>span{font:9px monospace;letter-spacing:1.5px;color:var(--muted)}#healthText{color:var(--red)}#moneyText{color:var(--lime)}.energy{width:190px}.energy b{float:right;color:var(--cyan)}.meter{height:5px;background:#23373e;margin-top:13px}.meter i{display:block;background:var(--cyan);height:100%;width:100%;transition:width .1s}.viewport{position:relative;overflow:hidden;border:1px solid var(--line);background:#081921;border-radius:7px;aspect-ratio:1200/760;max-height:calc(100vh - 280px);min-height:400px}canvas{width:100%;height:100%;object-fit:contain;display:block;touch-action:none}.overlay{position:absolute;inset:0;z-index:5}.hidden{display:none!important}.title-screen{background:linear-gradient(90deg,#0a1c24 10%,#0a1c24f9 45%,#0a1c2490);display:flex;align-items:center;padding:6%}.title-copy{width:58%;z-index:2}.accent{color:var(--cyan)}h1{font-size:clamp(38px,4.8vw,74px);letter-spacing:-3px;line-height:1.06;margin:25px 0}h1 i{color:var(--lime);font-style:normal}.lead{font-size:16px;line-height:1.75;color:#a4bbc3;max-width:480px}.title-actions{display:flex;gap:12px;margin:30px 0}.run-meta{display:flex;gap:22px;font:9px monospace;letter-spacing:1px;color:var(--muted)}.run-meta span:before{content:'+';color:var(--cyan);margin-right:7px}.best{font:11px monospace;color:var(--lime);margin-top:30px}.title-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:17px 6%;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:2px;color:var(--muted)}.title-art{position:absolute;right:4%;width:40%;height:65%;top:17%;background:radial-gradient(ellipse,#27575455,transparent 70%)}.orbit{position:absolute;inset:6%;border:1px solid #386065;border-radius:50%;transform:rotate(-25deg)}.o2{inset:20% -5%;transform:rotate(-45deg);border-style:dashed}.art-path{position:absolute;left:25%;top:20%;width:48%;height:55%;border:2px dashed var(--cyan);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:rotate(-15deg);border-radius:30px}.art-courier,.art-echo{position:absolute;left:63%;top:50%;font-size:50px;background:var(--lime);color:#0d2927;transform:rotate(-12deg);width:68px;height:68px;text-align:center;box-shadow:0 0 70px #b3eb6e33}.art-echo{left:19%;top:25%;background:#64e7df28;color:var(--cyan);border:1px solid var(--cyan)}.art-node{position:absolute;background:#0d252e;border:1px solid #4a7379;border-radius:50%;padding:16px;font:13px monospace;color:var(--cyan)}.n1{top:6%;left:50%}.n2{top:65%;left:10%}.n3{top:74%;left:80%}.art-label{position:absolute;bottom:-6%;left:26%;font:9px monospace;letter-spacing:2px;line-height:2;color:var(--muted)}.art-label b{color:var(--cyan);font-size:8px}.modal{background:#031016db;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;padding:25px;overflow-y:auto}.panel{max-width:540px;width:100%;padding:36px;border:1px solid var(--line);border-top:2px solid var(--cyan);border-radius:6px;background:#0b1e26;box-shadow:0 25px 100px #0007}.panel h2{font-size:34px;letter-spacing:-1px;margin:15px 0}.panel p{line-height:1.65;color:#a4bbc3;font-size:14px}.panel>button{margin:14px 8px 0 0}.wide{max-width:840px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px 28px}.guide-grid b{color:var(--lime);font:13px monospace}.guide-grid p{font-size:13px;margin:7px 0}.guide-note,.fine{font:11px/1.65 monospace!important;color:var(--muted)!important;margin-top:20px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tags span{border:1px solid var(--line);padding:8px 12px;font:11px monospace;color:var(--cyan)}.credit{color:var(--lime)!important}.bottom-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;font:10px monospace;color:var(--muted);height:55px}.bottom-bar kbd{font-size:9px;margin-right:5px}.build{color:var(--cyan)}footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;color:#4f6b77;font:9px monospace;letter-spacing:1px}.objective{position:absolute;bottom:20px;left:22px;font:12px monospace;color:#c7ddd9;background:#07171be8;padding:12px 15px;border:1px solid #33535c;display:flex;align-items:center;gap:9px;pointer-events:none}.dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.mode{position:absolute;top:18px;left:22px;font:10px monospace;letter-spacing:2px;color:var(--cyan);pointer-events:none}.toast{position:absolute;left:50%;top:65px;transform:translateX(-50%);padding:12px 20px;font:12px monospace;background:#132d32ef;color:var(--lime);border:1px solid var(--lime);opacity:0;transition:opacity .2s;pointer-events:none;text-align:center;z-index:4}.toast.show{opacity:1}.shop-panel{max-width:880px}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upgrade{padding:17px;text-align:left;min-height:127px}.upgrade b{display:block;color:var(--cyan);font-size:13px}.upgrade small{display:block;color:#95acb5;font-size:11px;line-height:1.6;margin:8px 0}.upgrade span{font:12px monospace;color:var(--lime)}.upgrade:disabled{opacity:.5;cursor:default}.shop-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;color:var(--lime);font:14px monospace}.end-score{font:48px monospace;color:var(--lime);margin:20px 0}.leaderboard{font:12px/2 monospace;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.touch-controls{display:none}.touch-actions button{touch-action:none;user-select:none}#joystick{touch-action:none;user-select:none}
@media(max-width:950px){.shell{padding:0 18px}header{height:80px}.brand{font-size:14px;letter-spacing:2px}nav button{font-size:11px;padding:9px}.hud{gap:15px;height:85px}.hud strong{font-size:15px}.hud strong em{display:none}.energy{width:140px}.bottom-bar #statusText{display:none}.title-copy{width:65%}h1{font-size:48px}.title-art{right:0;width:38%}.lead{font-size:14px}.title-actions{margin:18px 0}.run-meta{font-size:8px;gap:10px}.title-screen{padding-bottom:55px}.best{margin-top:20px}.panel{padding:25px}.panel h2{font-size:28px}.upgrade{padding:12px}footer{font-size:8px}.viewport{max-height:none}}
@media(pointer:coarse){.touch-controls{display:flex;justify-content:space-between;align-items:center;margin:12px 0;height:105px}#joystick{width:105px;height:105px;border-radius:50%;border:1px solid #37545f;background:#10232b;position:relative}#stick{position:absolute;width:40px;height:40px;border-radius:50%;background:#467c80;left:31px;top:31px;pointer-events:none}#joystick span{position:absolute;bottom:8px;width:100%;text-align:center;font:8px monospace;color:#97b6be;pointer-events:none}.touch-actions{display:flex;gap:10px}.touch-actions button{border-radius:50%;height:64px;width:64px;font:bold 11px monospace;padding:0}#touchRecord{color:var(--cyan);border-color:var(--cyan)}.bottom-bar>span:first-child{display:none}}
@media(max-width:600px){.shell{padding:0 10px}header{height:70px}.brand{font-size:12px;gap:8px}.brand small{font-size:6px;letter-spacing:1px}.brand-mark{height:31px;width:31px;font-size:23px}nav{gap:4px}nav button{padding:7px;font-size:10px}#pauseBtn{display:none}nav kbd{display:none}.hud{height:87px;gap:10px;flex-wrap:wrap;justify-content:space-between;padding:12px 0}.hud>div:first-child{width:34%}.eyebrow{font-size:8px;letter-spacing:1px}.hud strong{font-size:12px;margin-top:5px}.stat>span{font-size:7px;letter-spacing:.5px}.energy{width:100px}.stat:last-child{display:none}.viewport{min-height:410px;aspect-ratio: .92}.title-copy{width:100%}.title-art{display:none}h1{font-size:43px;letter-spacing:-2px;margin:18px 0}.title-screen{padding:25px 22px 55px}.lead{font-size:13px;line-height:1.65}.title-actions button{padding:13px 14px;font-size:12px}.run-meta{font-size:7px}.best{font-size:10px}.title-bottom{font-size:8px;padding:15px 20px;letter-spacing:0}.modal{padding:12px;align-items:flex-start}.panel{margin:auto;padding:20px}.panel h2{font-size:25px}.guide-grid{gap:9px;grid-template-columns:1fr}.guide-grid p{font-size:11px;line-height:1.5}.guide-grid b{font-size:11px}.guide-note{font-size:10px!important;margin-top:10px}.panel>button{padding:12px;font-size:12px}.panel p{font-size:12px}.upgrade-grid{grid-template-columns:1fr 1fr;gap:7px}.upgrade{min-height:100px;padding:10px}.upgrade b{font-size:11px}.upgrade small{font-size:10px;margin:5px 0}.shop-footer button{font-size:11px;padding:12px}.shop-footer{font-size:11px}.objective{bottom:12px;left:10px;right:10px;font-size:10px;padding:9px}.mode{top:10px;left:10px;font-size:8px}.toast{width:85%;top:40px;font-size:10px}.bottom-bar{height:40px;font-size:8px}.bottom-bar>span:first-child{font-size:8px}.bottom-bar kbd{font-size:7px;padding:2px}.build{display:none}footer{font-size:7px;letter-spacing:0;gap:15px}.end-score{font-size:35px}.fine{font-size:10px!important}}

#guide,#about{z-index:10}