*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#06090a;color:#dde1d9;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;touch-action:none;user-select:none}button{font:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid #c2ebd1;outline-offset:2px}#world{position:fixed;inset:0;width:100%;height:100%;display:block;background:#090d0e}#grain{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.69' numOctaves='3' seed='7'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");z-index:1}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 58% 62% at 50% 48%,transparent 33%,#040506a8 90%,#000e 100%);z-index:2}#danger{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:0;background:radial-gradient(ellipse,#0000 45%,#a72e2e80 130%);transition:opacity .15s}.center-dot{position:fixed;left:50%;top:50%;width:5px;height:5px;border-radius:50%;border:1px solid #d7e9d2;box-shadow:0 0 6px #000;z-index:4;pointer-events:none}#hud{display:none;position:fixed;inset:0;z-index:5;pointer-events:none}#hud.on{display:block}.topbar{position:absolute;top:24px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;gap:16px;text-shadow:0 2px 12px #000}.tag span,.eyebrow{display:block;font-size:10px;letter-spacing:.25em;color:#83bfae}.tag strong{display:block;font-size:21px;letter-spacing:.13em;margin-top:8px;color:#e7e5d6}.counters{display:flex;gap:18px;font-size:11px;letter-spacing:.08em;color:#b1b9ae}.counters b{color:#e9cb92;font-size:18px}#objective{position:absolute;top:18%;left:4.5%;max-width:300px;line-height:1.6}#chapter{display:block;color:#8ebda9;letter-spacing:.16em;font-size:10px}#task{display:block;color:#eff0e7;letter-spacing:.03em;font-size:13px;margin:5px 0}#bearing{color:#b5af97;font-size:10px;letter-spacing:.08em}#subtitle{position:absolute;top:64%;left:50%;transform:translateX(-50%);text-align:center;width:min(530px,80vw);color:#f9e1c9;font-size:12px;line-height:1.8;text-shadow:0 2px 9px #000;pointer-events:none}#interactHint{position:absolute;top:57%;left:50%;transform:translateX(-50%);border:1px solid #aec3a27d;background:#0b1512cb;padding:10px 18px;font-size:12px;color:#eff1dc;white-space:nowrap;display:none}.lowerbar{position:absolute;left:4.5%;right:4.5%;bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:20px}.meters{width:210px}.meter-name{font-size:10px;letter-spacing:.12em;color:#acbcb0;display:flex;justify-content:space-between}.meter-name b{color:#c5dfb9}.meter{height:6px;border:1px solid #87a49773;margin:8px 0;background:#07100f}.meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5c9c80,#b1d8aa)}#warning{display:block;color:#a8a68d;font-size:9px;letter-spacing:.07em;line-height:1.5}.controls{display:flex;gap:9px;pointer-events:auto}.controls button,.pauseBtn{border:1px solid #7c9c8e87;background:#07120fcf;color:#e8f0dc;padding:12px 15px;min-height:46px;font-weight:800}.controls button span{color:#8fae9d;font-size:10px}.controls button:active,.controls button:hover{background:#244032}.pauseBtn{position:absolute;top:83px;right:4.5%;font-size:15px;pointer-events:auto;padding:7px 13px;min-height:30px}#mapPanel{position:absolute;top:26%;right:4.5%;width:min(350px,54vw);background:#061310e8;border:1px solid #779b85;box-shadow:0 9px 40px #000e;padding:10px}#mapPanel[hidden]{display:none}#minimap{width:100%;height:auto;display:block}#mapPanel small{font-size:9px;letter-spacing:.14em;color:#9fb6a7}.screen{position:fixed;inset:0;z-index:12;display:grid;place-items:center;background:linear-gradient(100deg,#061011bf 0%,#10191acf 50%,#030808e8 100%),url('title.jpg') center/cover no-repeat;padding:18px;overflow:auto}.screen.off{display:none}.intro{width:min(870px,100%);max-height:94vh;overflow:auto;position:relative;padding:34px min(7vw,62px);border-left:1px solid #719e8980;background:linear-gradient(135deg,#10211fef,#050a09ed);box-shadow:0 26px 100px #000c}.intro:after{content:"";position:absolute;top:0;right:20px;width:1px;height:100%;background:#39524c}.eyebrow{letter-spacing:.21em}.seal{position:absolute;right:min(7vw,62px);top:55px;border:2px solid #9bbaae8a;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;color:#bec5a1;font-size:15px;letter-spacing:.13em;text-align:center;line-height:1.15;transform:rotate(-13deg)}.sealline{position:absolute;inset:8px;border:1px solid #8aaa926a;border-radius:50%}h1{font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;letter-spacing:.025em;line-height:.88;font-size:clamp(60px,12vw,117px);margin:27px 0 22px;text-shadow:0 2px 30px #e2ddd02e}h1 em{font-style:normal;color:#d6a386}#story{font-size:13px;line-height:1.9;max-width:620px;color:#b9cabe}#story b{color:#f0c6ac}.rule{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 25px}.rule span{border:1px solid #526e617c;padding:8px 12px;color:#c7d2ba;font-size:10px;letter-spacing:.09em}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.primary{min-height:56px;background:#d4ad87;border:0;padding:16px 27px;font-weight:900;letter-spacing:.17em;color:#172222}.primary b{margin-left:25px}.primary:hover{background:#e4cbaa}.ghost{min-height:55px;border:1px solid #869c89aa;color:#c2d9ca;background:transparent;padding:12px 18px}.legend{font-size:10px;line-height:1.9;margin-top:23px;color:#819a8c}.foot{font-size:9px;letter-spacing:.26em;margin-top:22px;color:#6f9184}.touch{display:none;position:absolute;inset:0;pointer-events:none}.pad{position:absolute;bottom:110px;left:18px;width:105px;height:105px;border-radius:50%;border:2px solid #a4c2a27c;background:#0817148e;pointer-events:auto}.pad:before{content:"";position:absolute;left:50%;top:50%;height:4px;width:4px;background:#e2efcd;border-radius:50%}.stick{width:45px;height:45px;border-radius:50%;position:absolute;left:29px;top:29px;background:#9dc3a854;box-shadow:inset 0 0 10px #cad9a7a3;border:1px solid #d4e3c5aa;transform:translate(0,0)}.lookzone{position:absolute;bottom:110px;right:3%;width:45%;height:43%;pointer-events:auto}.lookzone span{position:absolute;bottom:13px;right:20px;font-size:9px;color:#b0c0af87}@media(pointer:coarse),(max-width:700px){.touch{display:block}.topbar{top:12px;left:13px;right:13px}.tag strong{font-size:15px}.tag span{font-size:8px}.counters{gap:8px;font-size:9px}.counters b{font-size:13px}.lowerbar{bottom:8px;left:8px;right:8px;display:block}.meters{display:none}.controls{display:flex;gap:4px;justify-content:flex-end}.controls button{min-height:46px;padding:7px 8px;font-size:10px}.controls button span{display:block;font-size:9px}#objective{left:14px;top:15%;max-width:240px}#task{font-size:11px}#subtitle{top:62%;font-size:11px}#interactHint{top:54%;font-size:10px;max-width:80%;white-space:normal}.pauseBtn{right:13px;top:80px}.seal{right:25px;top:42px;width:45px;height:45px;font-size:12px}.intro{padding:25px}.legend{font-size:9px}h1{font-size:clamp(58px,13vw,94px)}#mapPanel{top:22%;right:10px;max-width:70vw}}