:root{font-family:Trebuchet MS,Arial,sans-serif;color:#fff9e9;background:#83cbd4;font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:1px solid #ffffff35;border-radius:13px;padding:12px 19px;background:#19494f;color:#fff9e9;cursor:pointer;font-weight:700;min-height:44px;touch-action:manipulation}button:hover{background:#28616a}button:focus-visible,a:focus-visible{outline:3px solid #ffd075;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.overlay{position:fixed;inset:0;background:#062c395f;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20;backdrop-filter:blur(5px)}#start{justify-content:flex-start;background:linear-gradient(90deg,#072d3aee,#103e4980 50%,transparent);backdrop-filter:none;padding:5vw}.start-panel{max-width:600px}h1{font-size:clamp(62px,8vw,112px);letter-spacing:-6px;line-height:1;margin:20px 0;text-shadow:0 6px 0 #092a39}h1 span,.brand span{color:#ffcc70}.eyebrow{font-size:13px;letter-spacing:2px;font-weight:800;color:#ffd58a}h2{font-size:25px;margin:12px 0}p{line-height:1.65}.subtitle{font-size:clamp(21px,2.5vw,29px);font-weight:bold}.start-panel p{color:#daedf0}.primary{background:#ffd078;color:#163c40;border:0;box-shadow:0 5px 0 #ad7834;padding:17px 30px}.primary:hover{background:#ffe4ad}#play{display:block;min-width:245px;margin:28px 0 15px}#newGame{background:transparent}.controls{font-size:14px;margin-top:28px}footer{font-size:13px;line-height:1.8;opacity:.85;margin-top:26px}a{color:#ffda92}header{position:absolute;top:22px;left:26px;right:26px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{font-size:28px;font-weight:900;text-shadow:0 2px 8px #153d42}.brand small{display:block;font-size:10px;letter-spacing:4px;margin-top:2px}.tools{display:flex;gap:7px;pointer-events:auto}.tools button{background:#113e49dc;padding:9px 13px}.glass{background:#123c46ec;border:1px solid #ffffff35;box-shadow:0 8px 30px #15354425;border-radius:18px}#mission{position:absolute;top:106px;left:26px;width:320px;padding:20px}#mission h2{font-size:22px}#mission p{font-size:15px;margin:10px 0}#mission small{color:#d4e4df;font-size:12px}.track{height:5px;background:#ffffff22;border-radius:8px;margin:15px 0}.track i{display:block;height:100%;background:#ffcd72;transition:width .4s}#mapbox{position:absolute;right:26px;top:95px;padding:9px;text-align:center}#map{width:160px;height:160px;display:block;border-radius:12px}#mapbox small{font-size:11px}em{color:#ffd37c;font-style:normal}#guide{position:absolute;top:80px;left:50%;transform:translateX(-50%);background:#113f48c9;border-radius:22px;padding:8px 16px;font-size:14px;white-space:nowrap}#prompt{position:absolute;bottom:83px;left:50%;transform:translateX(-50%);padding:14px 23px;text-align:center;max-width:90%;font-weight:bold}#help{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:13px;background:#153f49ca;padding:10px 17px;border-radius:10px;white-space:nowrap}#toast{position:absolute;top:45%;left:50%;transform:translateX(-50%);background:#ffd078;color:#133e46;font-weight:bold;border-radius:14px;padding:15px 24px;opacity:0;transition:opacity .2s;pointer-events:none;text-align:center}#toast.show{opacity:1}.dialog-panel,.journal-panel{width:min(570px,100%);background:#113d46;border:1px solid #8cafb3;border-radius:24px;padding:30px;box-shadow:0 20px 70px #092e46aa;max-height:90dvh;overflow:auto}.dialog-panel p{color:#e4eeeb}.dialog-panel button{margin:8px 6px 0 0}#choices{display:flex;flex-direction:column;gap:4px}.journal-panel{width:min(700px,100%)}.journal-panel li{padding:10px 0;border-bottom:1px solid #ffffff1a;color:#9dbabc}.journal-panel li.done{color:#ffd485}.journal-panel li.active{color:white;font-weight:bold}.close{float:right;padding:8px 12px}#timing{height:36px;background:#092c32;border-radius:12px;position:relative;overflow:hidden;margin:24px 0}.zone{position:absolute;left:30%;width:40%;height:100%;background:#7cbe8b}#needle{position:absolute;width:7px;height:100%;background:#fff5df;left:0;box-shadow:0 0 8px #fff}#touch{display:none}kbd{font-size:12px;opacity:.65}body.minimal #mission,body.minimal #mapbox,body.minimal #help{display:none}@media(pointer:coarse){#touch{display:block}#help{display:none}#stick{position:absolute;width:120px;height:120px;border:2px solid #ffffff65;border-radius:50%;background:#153f4970;bottom:25px;left:25px;touch-action:none}#knob{position:absolute;width:48px;height:48px;left:34px;top:34px;background:#fff5d6bb;border-radius:50%;pointer-events:none}.actions{position:absolute;right:24px;bottom:28px;display:flex;gap:12px;align-items:end}.actions button{width:70px;height:70px;border-radius:50%;background:#163e49c9;touch-action:none}#actionBtn{background:#ffd078;color:#143d45;width:84px;height:84px}#prompt{bottom:160px}}@media(max-width:700px){header{top:14px;left:14px;right:14px}.brand{font-size:23px}.tools{gap:4px}.tools button{font-size:12px;padding:8px}kbd{display:none}#mission{top:86px;left:14px;width:235px;padding:14px}#mission h2{font-size:18px}#mission p{font-size:13px}#mission .eyebrow{font-size:11px}#mapbox{right:12px;top:auto;bottom:135px;padding:5px}#map{width:100px;height:100px}#mapbox small{display:none}#guide{top:62px;font-size:12px}h1{letter-spacing:-3px}#start{padding:25px;background:#0c344bbb}.start-panel p{font-size:14px}.controls{display:none}.dialog-panel{padding:22px}#soundBtn{max-width:60px}footer{margin-top:14px}}@media(max-height:500px){#mission{top:80px;width:230px;padding:12px}#mission h2{margin:6px 0}#mission p{margin:4px 0}#mapbox{top:80px;bottom:auto}#map{width:95px;height:95px}.start-panel p{margin:7px 0}h1{font-size:62px;margin:9px 0}#play{margin:14px 0}.controls,footer{display:none}#prompt{bottom:25px}}