:root{color-scheme:dark;font-family:Georgia,serif;color:#f2e9d6;background:#10151b}*{box-sizing:border-box}body{margin:0;overflow:hidden}#viewport{position:fixed;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#07121c99,transparent 25%,transparent 65%,#07121cbf)}header{position:fixed;top:0;left:0;right:0;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font:17px system-ui;letter-spacing:4px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;color:#b6b7ae}button{pointer-events:auto;color:inherit;background:#17232dcc;border:1px solid #77817766;border-radius:3px;font:11px/1.4 system-ui;padding:11px 14px;min-height:42px;cursor:pointer}button:hover{background:#37443d;border-color:#dbc89a}button:disabled{opacity:.35;cursor:default}button:focus-visible{outline:3px solid #edcd82;outline-offset:3px}#objective{position:fixed;top:102px;left:28px;max-width:380px;text-shadow:0 2px 10px #000}#objective span{font:9px system-ui;letter-spacing:2px;color:#dbc89a}h1{font-weight:400;font-size:30px;margin:9px 0}#objective p{font:12px/1.7 system-ui;color:#d0d5d2;max-width:310px}#reticle{position:fixed;top:48%;left:50%;font-size:26px;opacity:.5}#prompt{position:fixed;bottom:133px;left:50%;transform:translateX(-50%);font:12px system-ui;background:#14242ccc;padding:10px 17px;border-radius:4px;max-width:90vw;text-align:center}#prompt:empty{display:none}#controls{position:fixed;bottom:72px;left:28px;font:10px/1.9 system-ui;color:#e5dfcc}#controls span{color:#b6c3c4}#destinations{position:fixed;bottom:15px;left:28px;right:28px;display:flex;gap:7px;overflow-x:auto;padding-bottom:3px}#destinations button{white-space:nowrap;background:#152632df;font-size:10px}#card{position:fixed;right:28px;top:100px;width:345px;max-height:calc(100vh - 215px);overflow-y:auto;background:#12212aee;border:1px solid #87918066;border-top:2px solid #d1b778;padding:25px;box-shadow:0 15px 60px #0005}#card:empty{display:none}#card h2{font-size:27px;font-weight:400;line-height:1.2;margin:10px 0 18px}#card p{font:12px/1.8 system-ui;color:#c8d1cd}.eyebrow{font:9px system-ui;letter-spacing:2px;color:#d6bd86}#card button{width:100%;text-align:left;margin-top:8px}#card button.primary{background:#d6bd86;color:#1f2b30;border-color:#d6bd86}#card button.small{width:auto;font-size:10px;padding:8px;margin-right:6px}.grade{font:56px Georgia;color:#e9cf91}.scale{display:flex;gap:5px;margin:18px 0}.scale i{height:8px;flex:1;background:#3e4c4b}.scale i.on{background:#d8bd7e}.dials{display:flex;gap:5px}.dials button{text-align:center!important;font-size:9px;padding:10px 4px}dialog{background:#14252eee;color:#e9e1d0;border:1px solid #748478;border-radius:5px;width:620px;max-width:92vw;max-height:80vh;padding:30px}dialog::backdrop{background:#09131bbf}dialog button{float:right}dialog p{font:12px/1.8 system-ui;border-bottom:1px solid #52645b55;padding-bottom:14px}#touch{display:none}@media(max-width:760px){header{padding:16px}.brand{font-size:13px}.brand small{font-size:6px}header button{font-size:9px;padding:8px}#objective{left:16px;top:85px;max-width:210px}h1{font-size:24px}#objective p{display:none}#card{top:auto;bottom:118px;left:16px;right:16px;width:auto;max-height:40vh;padding:18px}#card h2{font-size:23px;margin:8px 0}#card p{font-size:11px}#controls{display:none}#destinations{left:16px;right:16px}#prompt{bottom:81px;font-size:10px}#touch{position:fixed;bottom:65px;left:16px;display:flex;gap:5px}#touch button{padding:8px;min-width:38px}#reticle{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}