@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{color:#ecf3df;--cream:#ecf3df;--mute:#aec1ad;--accent:#c9ec97;--panel:#122a2ae8;--line:#80a88866;--scale:1;font:16px DM Sans,system-ui,sans-serif;font-size:calc(16px * var(--scale));background:#101e23}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #fff4a8}canvas{touch-action:none;width:100%;height:100%;display:block}#loading{z-index:10;letter-spacing:.14em;text-align:center;background:linear-gradient(#345a58,#152d34);place-items:center;padding:25px;font:500 18px DM Mono,monospace;display:grid;position:absolute;inset:0}.hud{z-index:2;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:3px;width:min(350px,100vw - 80px);padding:15px 18px;position:absolute;box-shadow:0 15px 40px #10242044}.hud-brand,.hud-progress,.location,.hint,.prompt,.icon-button,.panel small{letter-spacing:.12em;font:500 11px DM Mono,monospace}.hud-brand{color:var(--accent)}.hud-brand span{color:#a7c0b9}.hud-chapter{letter-spacing:-.035em;margin:12px 0 6px;font-size:22px;font-weight:700;line-height:1.08}.hud p{color:var(--cream);margin:0;font-size:14px;line-height:1.35}.hud-progress{color:#a9c0aa;margin-top:11px}.location{z-index:2;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));color:var(--cream);background:#172b2c9c;border:1px solid #a6bda744;padding:8px 11px;position:absolute}.prompt{z-index:2;border:1px solid var(--line);text-align:center;color:#f2f6e5;opacity:0;pointer-events:none;background:#122b2bf0;border-radius:2px;max-width:min(95vw,510px);padding:9px 14px;transition:opacity .2s;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.prompt.visible{opacity:1}.toast{z-index:5;color:#f5ffeb;text-align:center;opacity:0;pointer-events:none;background:#1f413eed;border:1px solid #d3eab088;min-width:280px;max-width:min(90vw,570px);padding:14px 18px;line-height:1.45;transition:opacity .25s;position:absolute;top:36%;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #0a242744}.toast.visible{opacity:1}.hint{z-index:2;left:50%;bottom:max(16px,env(safe-area-inset-bottom));text-align:center;color:#eff6e7;background:#132527bc;width:max-content;max-width:90vw;padding:7px 11px;position:absolute;transform:translate(-50%)}.icon-button{right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:3;color:var(--cream);border:1px solid var(--line);background:#173737dc;border-radius:2px;padding:10px 12px;position:absolute}.panel{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(94vw,620px);max-height:min(88dvh,790px);color:var(--cream);background:#102c2bec;border:1px solid #a9cca174;padding:26px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 28px 90px #071a1bd9}.panel[hidden],#touch-controls[hidden]{display:none!important}.panel-head{justify-content:space-between;align-items:start;gap:20px;display:flex}.panel small{color:var(--accent)}.panel h2{letter-spacing:-.055em;margin:7px 0 12px;font-size:30px;line-height:1.05}.panel p{color:#d5e4d0;margin:0 0 14px;line-height:1.55}.panel .close{color:#d8e9dd;border:1px solid var(--line);background:0 0;flex:none;width:38px;height:38px;font-size:20px}.panel .note{color:#adc3ad;border-left:2px solid #97c89a;padding-left:12px;font-size:13px}.panel-actions{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.panel button.action,.panel a.action{color:#eff7e7;text-align:center;background:#214b43;border:1px solid #92b398;justify-content:center;align-items:center;min-height:44px;padding:9px 13px;font-weight:600;text-decoration:none;display:inline-flex}.panel button.action:hover,.panel a.action:hover{background:#326653}.panel button.action.secondary{background:#1c3635}.panel button.action.selected{color:#edffb4;border-color:#e3f8aa}.panel button.action:disabled{opacity:.5;cursor:default}.clues{gap:9px;display:grid}.clue{border:1px solid var(--line);background:#213b38;padding:12px}.clue p{margin:5px 0 0}.clue.done{border-color:#b5e599}.board-meta{color:#c4e7c2;justify-content:space-between;gap:10px;margin:14px 0;font:11px DM Mono,monospace;display:flex}.plate-board{aspect-ratio:1;background:#112b2c;border:1px solid #83ba9a;gap:5px;max-width:330px;margin:auto;padding:8px;display:grid}.plate{aspect-ratio:1;color:#e5f8d4;background:#244b48;border:1px solid #4d8274;position:relative}.plate svg{width:100%;height:100%;display:block}.plate path{stroke:#a9c6a3;stroke-width:11px;stroke-linecap:round;fill:none}.plate.powered path{stroke:#d7ffa1;filter:drop-shadow(0 0 4px #95e76a)}.plate circle{fill:#d9ebb5}.plate.source{border-color:#e9f39b}.plate.sink{border-color:#f6c186}.plate:disabled{cursor:default}.plate label{color:#efffdf;pointer-events:none;font:9px DM Mono,monospace;position:absolute;bottom:1px;left:2px}.story-log{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.story-log p{margin-bottom:7px;font-size:13px}.journal-tabs{gap:8px;margin:10px 0 20px;display:flex}.journal-tabs button{color:var(--cream);border:1px solid var(--line);background:#203e3b;padding:7px 11px}.journal-tabs button.active{background:#487456}.journal-list{gap:7px;max-height:47dvh;display:grid;overflow:auto}.journal-item{border:1px solid var(--line);background:#183533;padding:10px 12px}.journal-item strong{display:block}.journal-item small{letter-spacing:0;color:#bad4b9}.setting-row{justify-content:space-between;align-items:center;gap:10px;margin:12px 0;display:flex}.setting-row input[type=range]{width:45%}.setting-row input[type=checkbox]{width:20px;height:20px}.journal textarea{width:100%;min-height:100px;color:var(--cream);background:#122827;border:1px solid #9ebda3;padding:9px}#touch-controls{z-index:3;pointer-events:none;position:absolute;inset:0}.touch-stick{bottom:calc(30px + env(safe-area-inset-bottom));left:calc(28px + env(safe-area-inset-left));pointer-events:auto;touch-action:none;background:#204a47aa;border:2px solid #d4e6c36b;border-radius:50%;width:120px;height:120px;position:absolute}.touch-stick span{background:#cee9b7bb;border-radius:50%;width:40px;height:40px;position:absolute;top:39px;left:39px}.touch-button{bottom:calc(35px + env(safe-area-inset-bottom));right:calc(20px + env(safe-area-inset-right));color:#f2ffe9;pointer-events:auto;touch-action:manipulation;background:#214b43d9;border:1px solid #cbe5b3;border-radius:50%;width:62px;height:62px;font:700 12px DM Mono,monospace;position:absolute}#touch-jump{right:calc(96px + env(safe-area-inset-right))}#touch-menu{bottom:calc(114px + env(safe-area-inset-bottom));width:44px;height:44px}body.contrast{--panel:#001d1dfa;--line:#dcf6a6;color:#fff}.contrast .hud,.contrast .panel{border-width:2px}.contrast .plate{border-color:#ffffae}.reduce *,.reduce :before,.reduce :after{transition-duration:0s!important;animation-duration:0s!important}@media (width<=700px){.hud{width:min(280px,100vw - 83px);padding:11px 13px}.hud-chapter{font-size:19px}.hud p{font-size:12px}.location{white-space:normal;text-align:right;max-width:88px;font-size:9px}.hint,.icon-button{display:none}.panel{max-height:90dvh;padding:17px}.panel h2{font-size:25px}.prompt{font-size:10px;bottom:175px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}