:root{font-family:Inter,"Segoe UI",sans-serif;color:#e8e5d9;background:#081113;color-scheme:dark;--gold:#d3bd7d;--line:#9db2ae42;--panel:#0b1719dc}
*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.hud-panel{background:linear-gradient(145deg,#122023e8,#081113e8);border:1px solid var(--line);box-shadow:0 14px 45px #0007;backdrop-filter:blur(10px)}.brand{position:fixed;z-index:3;top:28px;left:28px;display:flex;align-items:center;gap:16px;background:transparent;border:0;box-shadow:none}.brand-mark{font-size:46px;color:var(--gold);filter:drop-shadow(0 0 9px #e1cc8290)}.brand h1{margin:0;font-size:29px;font-weight:300;letter-spacing:.25em}.brand p,.location p{margin:5px 0 0;font:600 11px ui-monospace,monospace;letter-spacing:.28em;color:#b9b7aa}.location{position:fixed;z-index:3;top:142px;left:30px}.location h2{margin:12px 0 16px;font-size:36px;line-height:1;font-weight:600}.weather{display:flex;gap:14px;align-items:center;font:600 12px ui-monospace,monospace;letter-spacing:.16em;color:#b9bcb4}.weather b{font-weight:500}.signal{position:fixed;z-index:3;right:28px;top:24px;width:316px;padding:24px}.signal-head,.signal-foot{display:flex;justify-content:space-between;font:600 12px ui-monospace,monospace;letter-spacing:.14em;color:#b9c5c0}.minimap{height:150px;position:relative;border-bottom:1px solid var(--line)}.map-core,.map-wing{position:absolute;border:1px solid #9eaaa4;top:38px;left:77px;width:110px;height:82px}.map-wing{left:187px;top:70px;width:60px;height:34px}.map-core::before{content:"";position:absolute;left:48px;top:-17px;width:16px;height:16px;border:1px solid #9eaaa4}.map-core i{position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#f0d58c;box-shadow:0 0 12px #ffe29b;transform:translate(-50%,-50%);transition:.2s}.signal-foot{padding-top:18px;color:#d5d5c9}.signal-foot span{color:#cabe8d}.mission{position:fixed;z-index:3;right:28px;top:282px;width:316px;padding:18px 22px}.mission>span{font:600 10px ui-monospace,monospace;letter-spacing:.2em;color:var(--gold)}.mission strong{display:block;margin:8px 0 12px;font-size:13px;letter-spacing:.12em}.mission small{color:#aeb8b4}.progress{height:3px;background:#71817c44;margin-bottom:9px}.progress i{display:block;width:0;height:100%;background:var(--gold);box-shadow:0 0 8px var(--gold);transition:.5s}.controls{position:fixed;z-index:3;left:50%;bottom:25px;transform:translateX(-50%);width:min(600px,calc(100% - 40px));padding:17px 22px}.controls-title{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font:600 12px ui-monospace,monospace;letter-spacing:.17em}.controls button,.bottom-nav button,.bottom-nav a{border:1px solid var(--line);background:#142124b8;color:#d7dad1;padding:8px 12px;font:600 12px ui-monospace,monospace;text-decoration:none;cursor:pointer}.controls p{margin:11px 0 0;color:#bbc4c0;font-size:13px}.controls p+p{color:#84918e}kbd{font:inherit;color:#e4dfce}.bottom-nav{position:fixed;z-index:4;right:24px;bottom:25px;display:flex;gap:8px}.bottom-nav button:hover,.bottom-nav a:hover{border-color:var(--gold);color:#fff}#toast{position:fixed;z-index:5;left:50%;top:18%;transform:translate(-50%,-12px);opacity:0;padding:12px 18px;background:#0b1719ee;border:1px solid var(--gold);font:600 12px ui-monospace,monospace;letter-spacing:.13em;transition:.35s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}#loading{position:fixed;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;background:#071012;transition:.7s}#loading.done{opacity:0;pointer-events:none}#loading span{width:42px;height:42px;border:1px solid #7f908c;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}#loading p{font:600 11px ui-monospace,monospace;letter-spacing:.24em;color:#aeb9b5}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.signal{width:245px}.minimap{display:none}.mission{top:126px;width:245px}.controls{bottom:78px}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);bottom:20px}.bottom-nav button,.bottom-nav a{white-space:nowrap}.brand{top:18px;left:18px}.location{top:112px;left:20px}.brand h1{font-size:20px}.brand p{font-size:8px}.location h2{font-size:28px}}
@media(max-width:620px){.signal{display:none}.mission{right:14px;top:14px;width:210px}.brand{top:auto;bottom:173px}.brand p{display:none}.location{top:18px;left:18px}.location p,.weather{font-size:9px}.location h2{margin:8px 0 10px;font-size:21px}.controls{padding:12px 14px;bottom:62px}.controls p{font-size:11px}.controls p+p{display:none}.bottom-nav{width:calc(100% - 28px);justify-content:center}.bottom-nav>*{flex:1}.bottom-nav button:nth-child(3){display:none}}