:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;background:#08121c;color:#ecf5f3}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #edbc67;outline-offset:4px}#world{display:block;position:fixed;inset:0;width:100vw;height:100vh;touch-action:none}.vignette{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 48% 45%,transparent 30%,#030b1685 100%)}#hit-flash{pointer-events:none;position:fixed;inset:0;background:#ec4955;opacity:0;transition:opacity .2s}
.top{position:fixed;z-index:10;left:0;right:0;top:0;padding:24px 35px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#06101f9c,transparent)}.brand{font-size:14px;letter-spacing:.21em;font-weight:850}.brand span{color:#9fbdc2;font-weight:500}.top-right{display:flex;align-items:center;gap:18px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#aac0c8}.top button{color:#e2f2f6;background:#ffffff12;border:1px solid #ffffff31;padding:9px 12px;font-size:10px;letter-spacing:.15em}
#hud{position:fixed;inset:0;z-index:2;pointer-events:none}#hud button{pointer-events:auto}.status{position:absolute;top:95px;left:35px;width:264px;max-width:36vw}.status-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:.11em;margin-bottom:10px}.status-label b{color:#d3ffed}.status-label #threat{color:#eebc75}.meter{width:100%;height:11px;border:1px solid #8eb1b77e;background:#0e2939b8;overflow:hidden}.meter div{height:100%;width:100%;background:linear-gradient(90deg,#ee5f62,#f6aa76);transition:width .12s}.meter-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0;font-size:10px;letter-spacing:.1em}.xp{height:5px;border:0;margin-top:8px}.xp div{background:#7be5e9}.resources{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;margin-top:12px;color:#b6d5d6}.resources b{color:#f7cb80}.objective{position:absolute;top:100px;right:36px;max-width:260px;text-align:right}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.28em;color:#9bc9ce}.objective strong{display:block;margin:9px 0 5px;font-size:17px}.objective p{margin:0;color:#bad0d4;font-size:12px;line-height:1.5}.charge{margin-top:12px}.charge div{width:0;background:linear-gradient(90deg,#44e7d0,#f9db92)}#charge-label{display:block;margin-top:5px;font-size:10px;letter-spacing:.1em}
#radar{position:absolute;right:35px;bottom:105px;border:1px solid #7cc4c66e;border-radius:50%;background:#041924a9;box-shadow:0 0 0 6px #07192343}#crosshair{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);color:#d2f8f09c;font-size:20px;font-weight:200}#interaction{position:absolute;top:70%;left:50%;transform:translateX(-50%);padding:14px 18px;background:#061723d9;border:1px solid #ecd09988;letter-spacing:.1em;font-size:12px;white-space:nowrap}kbd{font:inherit;font-weight:900}#interaction kbd{color:#ffd285;border:1px solid #ffd28574;padding:4px 7px;margin:0 5px}
.bottom{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:8px}.skill{min-width:86px;background:linear-gradient(160deg,#0b2635d9,#0a1521dd);border:1px solid #7da7b259;display:flex;flex-direction:column;gap:8px;text-align:center;padding:10px 12px}.skill kbd{font-size:16px;color:#e8f7f4}.skill span{font-size:9px;color:#8eacb5;letter-spacing:.13em}.skill span b{color:#e9bc78}.skill.auto{border-color:#e2b76977}
.overlay{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:linear-gradient(115deg,#05121de8,#071520cf);backdrop-filter:blur(13px);padding:28px;overflow-y:auto}.overlay.active{display:flex}.panel{width:min(900px,100%);max-height:92vh;overflow:auto}.hero{padding:10px 0 0}.gold-text{color:#f6ce87}.hero h1{font-size:clamp(54px,9vw,130px);letter-spacing:-.085em;line-height:.91;margin:25px 0 22px;font-weight:900;text-shadow:0 16px 60px #0006}.hero h1 em{font-style:normal;color:#f0ca8e}.lead{color:#c1d2db;font-size:clamp(15px,2vw,20px);line-height:1.6;max-width:690px}.features{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.features span{border:1px solid #88bcb955;padding:8px 12px;font-size:10px;letter-spacing:.12em;color:#b4ded9}.start-actions{display:flex;align-items:center;gap:26px;margin:35px 0}.primary{background:#f1c985;color:#101e2a;border:0;font-weight:900;font-size:12px;letter-spacing:.13em;padding:19px 25px;box-shadow:0 9px 30px #f8c17838}.primary:hover{background:#ffe1ae}.primary span{padding-left:30px}.start-actions a,.end-panel a{font-size:11px;letter-spacing:.15em;color:#c2d4d6}.control-hint{font-size:10px;letter-spacing:.1em;color:#a0bfbd;line-height:1.8}.hero small{display:block;margin-top:18px;line-height:1.5;max-width:710px;color:#7e9fa9}
.upgrade-panel h2,.end-panel h2,.help-panel h2{font-size:clamp(30px,5vw,53px);letter-spacing:-.045em;margin:13px 0}.upgrade-panel>p,.help-panel>p,.end-panel>p{color:#c0d3d4;line-height:1.6}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.choice{min-height:240px;background:linear-gradient(160deg,#143548,#102030);border:1px solid #6597a57e;color:#e9f5f2;text-align:left;padding:24px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s,border-color .15s}.choice:hover{transform:translateY(-5px);border-color:#ffd091}.choice-icon{font-size:36px;color:#f2ce8f}.choice h3{font-size:19px;margin:20px 0 5px}.choice p{font-size:12px;color:#bdd4d7;line-height:1.6;flex:1}.choice small{font-size:10px;color:#ffcf8f;letter-spacing:.1em}.end-panel{max-width:590px;text-align:center}.end-stats{display:flex;justify-content:space-around;gap:12px;padding:28px 0;margin:20px 0;border-block:1px solid #ffffff38}.end-stats div{display:flex;flex-direction:column;gap:8px}.end-stats b{font-size:27px}.end-stats span{font-size:10px;color:#a9c7c9;letter-spacing:.1em}.end-panel .primary{display:block;margin:0 auto 20px}.help-panel{max-width:550px;position:relative}.help-panel ul{padding-left:19px;line-height:2.1;color:#c7dada}.help-panel li b{color:#f4cc88}.close{position:absolute;right:3px;top:0;background:transparent;border:0;color:#e0edef;font-size:28px}#toast{position:absolute;left:50%;top:25%;transform:translateX(-50%);padding:10px 15px;opacity:0;transition:opacity .2s;white-space:nowrap;background:#081b29d9;border-left:3px solid #edc284;font-size:12px;letter-spacing:.08em}#loading{position:fixed;z-index:40;inset:0;background:#08121c;color:#c7e3e7;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.25em}.touch{display:none}
@media(max-width:760px){.top{padding:16px}.brand{font-size:10px;letter-spacing:.1em}.top-right{gap:7px}.top-right #seed-display{display:none}.top button{padding:7px;font-size:9px}.status{top:65px;left:14px;width:192px;max-width:51vw}.objective{top:70px;right:14px;width:38vw}.objective strong{font-size:13px}.objective p{font-size:10px}#radar{right:16px;bottom:153px;width:96px;height:96px}.bottom{left:12px;bottom:20px;transform:none;gap:3px}.skill{min-width:56px;padding:6px 7px}.skill kbd{font-size:12px}.skill span{font-size:8px}.skill.auto{display:none}.overlay{padding:24px}.features{gap:7px}.features span{font-size:8px}.choices{grid-template-columns:1fr}.choice{min-height:120px}.choice h3{margin:8px 0}.start-actions{align-items:flex-start;flex-direction:column}.hero h1{font-size:58px}.touch{display:block}.touch #joystick{position:absolute;bottom:140px;left:25px;height:100px;width:100px;border:1px solid #b3dbda77;border-radius:50%;background:#142b3685;pointer-events:auto;touch-action:none}#joy-knob{height:42px;width:42px;border-radius:50%;position:absolute;left:29px;top:29px;background:#a5d7d393}.touch-actions{position:absolute;right:16px;bottom:33px;display:grid;grid-template-columns:repeat(2,44px);gap:8px}.touch-actions button{height:44px;background:#143746db;color:#ffdfae;border:1px solid #cce9e066;border-radius:50%;font-size:15px}}