:root{color-scheme:dark;--cream:#fff0cf;--gold:#e9c67a;--ink:#172c32}*{box-sizing:border-box}body{margin:0;background:#73c4d1;color:var(--cream);font:14px Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:1px solid #f6e3b94d;background:#17353ce8;color:var(--cream);padding:13px 18px;border-radius:3px}button:hover{border-color:var(--gold);filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #fff0ae;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0}#world canvas{display:block}.film{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#092a3659,transparent 65%),linear-gradient(0deg,#0d273a4d,transparent 22%,transparent 80%,#11343f38)}header{position:fixed;z-index:6;left:4%;right:4%;top:26px;display:flex;align-items:center;gap:22px}.brand{color:var(--cream);font:bold 19px Georgia,serif;text-decoration:none;letter-spacing:3px}header>span{margin-left:auto;font-size:9px;letter-spacing:2px}header button{padding:8px 13px}#overlay{position:fixed;z-index:7;inset:80px 5% 60px;display:flex;align-items:center;pointer-events:none}.panel{pointer-events:auto;max-height:100%;overflow:auto}.intro{max-width:590px;text-shadow:0 2px 20px #122f4455}.eyebrow{color:#ffe7ad;font-size:9px;font-weight:bold;letter-spacing:2.5px;margin-bottom:22px}h1{font:normal clamp(55px,6.7vw,96px)/.98 Georgia,serif;letter-spacing:-4px;margin:0 0 26px}h1 em{color:#ffe1a2;font-weight:normal}p{color:#e1edf0;font-size:16px;line-height:1.8}.gold{background:linear-gradient(110deg,#ffe0a0,#d9af61);border:0;color:#263538;font-size:11px;font-weight:bold;letter-spacing:1px;padding:20px 26px;min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:50px}.features{font-size:9px;letter-spacing:2px;margin:24px 0 12px}.intro small{font-size:11px;color:#c8dee1}footer{position:fixed;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}.card{margin:auto;background:#132e36f5;border:1px solid #e6c88a88;border-radius:8px;padding:35px;width:min(560px,95vw);box-shadow:0 25px 70px #092b4266}.card h2{font:normal 38px/1.1 Georgia,serif;margin:10px 0}.card .gold{margin-top:22px;width:100%}.instructions{font-size:0}.instructions span{font-size:12px;line-height:2;color:#bcd8d9}.ship-actions{display:grid;gap:10px;margin-top:20px}.ship-actions button{text-align:left;font-size:12px}.ship-actions small{display:block;font-size:11px;color:#c8d7c9;margin-top:7px}#hud{position:fixed;inset:0;pointer-events:none}.vitals{position:absolute;left:4%;top:100px;width:205px;text-shadow:0 2px 6px #163c3b}.vitals>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.vitals b{font-size:14px;letter-spacing:0}.bar{height:6px;background:#122f3b88;margin-top:10px;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#ffb39b;width:100%;transition:width .1s}.stamina{height:3px;margin-top:5px}.stamina i{background:#b2e9b0}.smallbars{display:flex;justify-content:space-between;font-size:8px;margin-top:12px;letter-spacing:1px}.smallbars b{font-size:10px}.quest{position:absolute;top:100px;left:50%;transform:translateX(-50%);text-align:center;width:40%;text-shadow:0 2px 8px #062c36}.quest>span{display:block;font-size:9px;letter-spacing:3px;color:#ffdfa1}.quest strong{display:block;font:normal 17px Georgia,serif;margin-top:9px}.supplies{position:absolute;top:100px;right:4%;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:11px;text-shadow:0 2px 5px #153c49}#map{position:absolute;right:4%;bottom:85px;border:1px solid #ead6a480;border-radius:50%;background:#12343caa;box-shadow:0 6px 30px #183d4b55}#mapLabel{position:absolute;right:4%;bottom:64px;width:170px;text-align:center;font-size:8px;letter-spacing:2px}#controls{position:absolute;bottom:25px;left:4%;font-size:9px;letter-spacing:.5px;text-shadow:0 2px 6px #123e4d}#controls span{margin:0 16px;color:#ffdca0}#prompt{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#102e35db;border:1px solid #daba7c88;border-radius:5px;text-align:center;font-size:12px;max-width:65%}#prompt:empty{display:none}#toast{position:fixed;z-index:12;bottom:155px;left:50%;transform:translateX(-50%);background:#17383eef;border:1px solid #edc88b66;padding:12px 20px;border-radius:5px;opacity:0;pointer-events:none;font-size:13px;text-align:center;transition:opacity .2s}#bossHud{position:absolute;top:165px;left:50%;transform:translateX(-50%);width:280px;text-align:center;font-size:10px;letter-spacing:2px}#bossBar{background:#b5a2ff}#touch{position:fixed;z-index:8;bottom:28px;left:3%;right:3%;justify-content:space-between;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;padding:15px;background:#153c44ba}.touch-move{text-align:center}.touch-move>button{margin-bottom:4px}.touch-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-self:end}.touch-actions button{font-size:10px!important}body.playing footer{display:none}@media(pointer:coarse){body.playing #touch{display:flex}#controls{display:none}#prompt{bottom:170px}#map{width:125px;height:125px;bottom:180px}#mapLabel{bottom:160px;width:125px}}@media(max-width:700px){header{top:18px}.brand{font-size:15px}header>span{display:none}h1{font-size:62px}.intro p{font-size:14px}.vitals{top:80px;width:140px}.quest{top:160px;width:80%}.supplies{top:80px;font-size:10px}.quest strong{font-size:14px}#bossHud{top:215px}footer span{display:none}#controls{font-size:8px;max-width:60%;line-height:1.8}#controls span{margin:0 6px}.card{padding:22px}#toast{max-width:90%;width:max-content}}

#touch{display:none}@media(pointer:coarse){body.playing #touch:not([hidden]){display:flex}}