:root{color-scheme:dark;--pearl:#a8eee0;--gold:#ffd1a3}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:grid;place-items:center;background:#07121e;color:#ecf5f4;font:15px/1.5 Segoe UI,system-ui,sans-serif;user-select:none}body:before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse,#24394766,transparent 75%);pointer-events:none}button{font:inherit;border:1px solid #628b91;border-radius:8px;background:#17303d;color:inherit;cursor:pointer;padding:9px 14px;touch-action:none}button:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:hover{border-color:var(--pearl)}#game-shell{position:relative;width:min(calc(100vw - 28px),calc((100dvh - 28px)*16/9));aspect-ratio:16/9}canvas{display:block;width:100%;height:100%;border:1px solid #89abb1;border-radius:10px;box-shadow:0 24px 100px #0009;touch-action:none}.desktop-tools{position:fixed;right:12px;top:9px;display:flex;gap:6px;z-index:45}.desktop-tools button{font:700 10px monospace;background:#122a39bb;padding:7px 10px}#help-button{width:30px;border-radius:50%;padding:0}.modal{position:fixed;inset:0;display:none;place-items:center;padding:12px;background:#050c17da;z-index:2000;overflow:auto}.modal.is-visible{display:grid}.modal-card{width:min(640px,100%);padding:30px;border:1px solid #729699;border-radius:20px;max-height:calc(100dvh - 24px);overflow:auto;background:radial-gradient(ellipse at 20% 0%,#34505d,#132b3a 55%,#0b192b);box-shadow:0 24px 90px #000b,inset 0 1px #ffffff22}.eyebrow{font:700 11px monospace;letter-spacing:2.5px;color:var(--pearl);margin:0 0 14px}h1{font-size:clamp(44px,7vw,76px);line-height:.96;font-weight:900;font-style:italic;letter-spacing:-3px;margin:12px 0 22px}h1 em{color:var(--gold)}h2{font-size:30px;line-height:1.1;margin:10px 0 18px}.modal p{color:#c7dadd;line-height:1.65}.guide{display:grid;grid-template-columns:1fr 1fr;gap:10px}.guide p{background:#07172377;border-left:2px solid var(--pearl);padding:12px;border-radius:6px;font:12px/1.7 monospace;margin:0}.guide b{color:var(--gold)}.fine{font-size:12px}.primary,.secondary{display:block;width:100%;margin-top:16px;font-weight:800;letter-spacing:.04em;padding:13px}.primary{color:#123239;border:0;background:linear-gradient(#b6f5e7,#75cbbc);box-shadow:0 4px 0 #06141b}.secondary{background:linear-gradient(#855553,#3f2937);border-color:#ce9282}.quiet{margin:16px auto 0;display:block;font-size:11px;border-color:transparent;background:transparent}.signal-portrait{height:95px;position:relative;display:grid;place-items:center;margin-bottom:18px;background:radial-gradient(ellipse,#a8eee01a,transparent 65%)}.portrait-ring{position:absolute;width:95px;height:95px;border:1px solid #a8eee066;border-radius:50%;box-shadow:0 0 0 9px #a8eee008,0 0 0 20px #a8eee004}.portrait-face{width:46px;height:65px;border-radius:48% 48% 40% 40%;background:linear-gradient(90deg,#28546a,#82c3c6,#224b65);box-shadow:0 0 25px #a8eee040;clip-path:polygon(10% 0,90% 0,100% 50%,70% 100%,30% 100%,0 50%)}.atlas-card{width:min(980px,100%);padding:22px}.atlas-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.atlas-heading h2{font-size:24px}.atlas-heading button{white-space:nowrap;font-size:11px}.map-scroll{overflow:auto;border:1px solid #526e7c;background:#071521;border-radius:12px}#world-map{display:block;width:100%;min-width:680px;height:auto;max-height:460px}.map-legend{font:10px/1.7 monospace!important}#travel-list,#inventory{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}#travel-list button{font-size:10px;padding:7px}#inventory span{font:10px monospace;background:#a8eee011;padding:7px;border-radius:6px}details{border-top:1px solid #4f6c78;padding-top:12px}summary{cursor:pointer;font-weight:700;font-size:13px}#journal p{font-size:12px;padding:8px;background:#0a1d2a;border-radius:6px}#touch-controls{display:none;pointer-events:none}.control-cluster{display:flex;flex-direction:column;gap:6px;pointer-events:none}.control-button{width:112px;height:48px;min-height:0;font-weight:800;font-size:12px;pointer-events:auto;background:linear-gradient(#37545d,#17313f);box-shadow:0 3px 0 #030c16}.control-button.fire{background:linear-gradient(#ffdfb6,#dfa576);color:#27313b}.control-button.small{height:32px;font-size:10px}.pressed{transform:translateY(2px);box-shadow:inset 0 0 0 2px #e1fff5!important}body.touch-device .desktop-tools{display:none}body.touch-device #touch-controls{display:flex}body:has(.modal.is-visible) #touch-controls{visibility:hidden}@media(max-height:450px){.modal-card{padding:18px}h1{font-size:43px}h2{font-size:24px}.signal-portrait{height:50px;margin-bottom:8px}.portrait-ring{width:50px;height:50px}.portrait-face{height:38px;width:27px}.control-button{height:42px}.control-button.small{height:34px}.map-scroll{max-height:200px}}@media(orientation:portrait) and (max-width:900px){#game-shell{width:calc(100vw - 16px);align-self:start;margin-top:68px}html body.touch-device #touch-controls{position:fixed!important;inset:auto 12px max(28px,env(safe-area-inset-bottom))!important;justify-content:space-between;align-items:end!important;padding-bottom:0!important}.modal-card{padding:20px}.guide p{padding:9px;font-size:11px}}
.portrait-art{width:112px;height:112px;position:relative;z-index:1}.signal-portrait[data-kind="tech"] .portrait-art{visibility:hidden}.signal-portrait[data-kind="tech"]:after{content:'◈';position:absolute;font-size:48px;color:#b1ecd9;text-shadow:0 0 24px #81c7ba55}.atlas-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:6px}@media(max-height:450px){.portrait-art{width:58px;height:58px}.signal-portrait[data-kind="tech"]:after{font-size:30px}}