@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,sans-serif;color:#d7e0df;background:#080d12;font-synthesis:none;text-rendering:optimizeLegibility;--muted: #82908e;--cyan: #87ddd2;--amber: #f0b46e;--panel: rgba(9, 16, 21, .94);--line: rgba(135, 221, 210, .2)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}#game,#world,#world canvas{position:absolute;inset:0;width:100%;height:100%}#world canvas{display:block}#hud{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 34px;background:linear-gradient(180deg,rgba(4,9,13,.72),transparent)}.brand{display:flex;gap:12px;align-items:center;color:#e9f0ee;font:600 14px Barlow Condensed,sans-serif;letter-spacing:.16em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);color:var(--cyan);font:500 12px DM Mono,monospace}.brand small,.objective small{display:block;margin-top:5px;color:var(--muted);font:10px DM Mono,monospace;letter-spacing:.08em}.objective{max-width:380px;text-align:right;font:13px/1.6 Inter,sans-serif}.objective small{margin:0 0 4px;color:var(--cyan)}.status{position:absolute;top:102px;left:34px;display:flex;gap:9px;align-items:center;color:#a4b0ad;font:12px Inter,sans-serif}#game.tutorial .status{display:none}.status i{width:7px;height:7px;border-radius:50%;background:#a94f42;box-shadow:0 0 10px #a94f428c}.status i.online{background:var(--cyan);box-shadow:0 0 10px #87ddd2a6}#reticle{position:absolute;top:50%;left:50%;width:5px;height:5px;border:1px solid rgba(220,241,235,.8);border-radius:50%;transform:translate(-50%,-50%);transition:width .12s,height .12s,background .12s}#reticle.active{width:9px;height:9px;background:var(--cyan);border-color:var(--cyan)}.interact-hint{position:absolute;top:calc(50% + 22px);left:50%;padding:4px 8px;border-radius:3px;color:#edf6f2;background:#060e11b8;font:13px Inter,sans-serif;transform:translate(-50%)}.controls-hint{position:absolute;bottom:28px;left:34px;color:var(--cyan);font:11px/2 Inter,sans-serif}.controls-hint span{margin-left:8px;color:#b5c3bf}.mouse-fallback{position:absolute;bottom:28px;right:34px;max-width:330px;color:var(--amber);font:12px/1.6 Inter,sans-serif}.mouse-fallback[hidden]{display:none}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#03070ac9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.screen[hidden]{display:none}.screen-panel{position:relative;width:min(100%,520px);padding:40px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(135,221,210,.035),transparent 35%),var(--panel);box-shadow:0 24px 100px #0000008c}.intro-panel:before,.terminal-panel:before{position:absolute;top:-1px;left:38px;width:64px;height:2px;background:var(--cyan);content:""}.eyebrow,.screen-footnote{color:var(--cyan);font:9px DM Mono,monospace;letter-spacing:.12em}h1,h2{margin:22px 0 16px;color:#ecf2ef;font:600 58px/.82 Barlow Condensed,sans-serif;letter-spacing:.05em}h1 span{color:var(--cyan)}h2{margin:18px 0 12px;font-size:34px;line-height:1}.intro-copy{max-width:400px;color:#c3ceca;font-size:15px;line-height:1.75}.ai-whisper{margin:26px 0;padding:13px 15px;border-left:1px solid var(--cyan);color:#c1d0cc;background:#87ddd20b;font-size:13px;line-height:1.7}.ai-whisper span{display:block;margin-top:5px;color:var(--muted);font:9px DM Mono,monospace}.primary-button,.route-button{min-height:44px;padding:0 18px;border:1px solid rgba(135,221,210,.65);color:#dff4ef;background:#87ddd21a;cursor:pointer;border-radius:4px;font:13px Inter,sans-serif;transition:background .14s,border-color .14s}.primary-button:hover,.route-button:hover{border-color:var(--cyan);background:#87ddd230}.screen-footnote{margin:22px 0 0;color:#71807d;font-size:10px;line-height:1.7}.compact-panel{width:min(100%,390px);text-align:center}.compact-panel .intro-copy{margin:0 auto 22px}.terminal-panel{width:min(100%,600px);max-height:min(82vh,700px);border-radius:8px;overflow:auto}.close-button{position:absolute;top:15px;right:18px;border:0;color:#a5b1ae;background:transparent;cursor:pointer;font-size:26px}.close-button:hover{color:#fff}.terminal-content{color:#c3ceca;font-size:14px;line-height:1.75}.terminal-content p{margin:12px 0}.terminal-content .log-line{padding:12px 14px;border-left:1px solid rgba(135,221,210,.5);color:#d4e0dd;background:#87ddd20b;font:13px/1.75 Inter,sans-serif}.terminal-content .warning{color:var(--amber)}.route-list{display:grid;gap:8px;margin:20px 0}.route-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(176,194,189,.13);background:#ffffff06;border-radius:4px;font:13px Inter,sans-serif}.route-row span{color:#b7c3c0}.route-button{min-width:80px;min-height:32px;padding:0 9px;border-color:#b0c2bd40;font-size:12px}.route-button.on{border-color:#87ddd2b3;color:var(--cyan)}.route-button:disabled{opacity:.55;cursor:default}.terminal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}@media(max-width:600px){.hud-top{padding:18px}.brand{font-size:11px}.brand-mark{width:30px;height:30px}.objective{max-width:155px;font-size:11px}.objective small{font-size:10px}.status{top:82px;left:18px;font-size:10px}.controls-hint{bottom:16px;left:18px;font-size:8px}.screen-panel{padding:28px 23px}h1{font-size:50px}}