:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#01141d;color:#d8efec}*{box-sizing:border-box}html,body,#world{width:100%;height:100%;margin:0;overflow:hidden}#world{display:block;touch-action:none}body:after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 160px #000b;z-index:2}body:not(.started) #progress{opacity:0;pointer-events:none}body:not(.started) nav{opacity:.34}body:not(.started) #hint{bottom:22px;padding:9px 20px;background:#03111742;border-top-color:#b9a1683d}body:not(.started) #hint span{display:none}#loading{position:fixed;inset:0;z-index:20;background:#02090e;display:none;place-content:center;text-align:center;letter-spacing:.3em;transition:opacity 1.1s}.sigil{font-size:34px;color:#d6ad5b;animation:pulse 1.4s infinite}#loading p{font-size:9px;margin:20px}.loadline{width:140px;height:1px;background:#18333b}.loadline i{display:block;height:1px;background:#b59250;animation:load .8s ease-out forwards}#loading.gone{opacity:0;pointer-events:none}@keyframes load{0%{width:0}to{width:100%}}@keyframes pulse{50%{opacity:.25;transform:scale(.8)}}header{position:fixed;z-index:3;left:40px;top:34px;pointer-events:none;transition:opacity 1s}header .eyebrow{font-size:8px;letter-spacing:.42em;color:#7dafad}h1{font:500 27px/1 Cormorant Garamond;letter-spacing:.16em;margin:10px 0 3px;color:#e5e4d4}.cn{margin:0;font:400 11px Cormorant Garamond;letter-spacing:.38em;color:#7f9b9a}.started header{opacity:.28}#hint{position:fixed;z-index:4;bottom:24px;left:50%;transform:translate(-50%);text-align:center;padding:12px 24px;border-top:1px solid #b9a16855;border-bottom:1px solid #b9a16822;background:#03111768;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.6s;white-space:nowrap}#hint b{display:block;font:500 11px Cormorant Garamond;letter-spacing:.3em;color:#ddc78f}#hint span{display:block;font-size:7px;letter-spacing:.15em;color:#789594;margin-top:7px}.hidden{opacity:0;pointer-events:none}#reticle{position:fixed;z-index:4;left:50%;top:50%;width:5px;height:5px;border:1px solid #b9dfd9;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.started #reticle{opacity:.45}#interact{position:fixed;z-index:5;left:50%;top:58%;transform:translate(-50%);font:500 10px Cormorant Garamond;letter-spacing:.23em;color:#f1ce84;text-shadow:0 0 12px #e8ad55}#progress{position:fixed;z-index:4;left:40px;bottom:35px}#progress label{font-size:7px;letter-spacing:.34em;color:#789c9b}#progress div{display:flex;gap:7px;margin:9px 0 7px}#progress i{width:26px;height:2px;background:#294145;box-shadow:none;transition:.5s}#progress i.on{background:#f1be5d;box-shadow:0 0 9px #efa941}#progress small{font-size:7px;letter-spacing:.2em;color:#728e8d}nav{position:fixed;z-index:6;right:28px;top:28px;display:flex;gap:8px}button{appearance:none;border:1px solid #72908e55;background:#03151ba8;color:#9bb6b4;padding:8px 11px;font:500 7px Inter;letter-spacing:.18em;cursor:pointer}button:hover{border-color:#c3a761;color:#ddc885}#touch{display:none}#error{position:fixed;inset:0;z-index:30;display:none;place-content:center;text-align:center;background:#020b10;color:#d3b675;line-height:2}#error:not(:empty){display:grid}.is-touch #touch{display:block}.is-touch #reticle{display:none}.is-touch #stick{position:fixed;left:9vw;bottom:10vh;width:25vw;height:25vw;max-width:130px;max-height:130px;border:1px solid #8bb7b43a;border-radius:50%}.is-touch #lookpad{position:fixed;right:0;bottom:0;width:52vw;height:80vh}.is-touch #up,.is-touch #down{position:fixed;right:20px;width:46px;height:46px;border-radius:50%;font-size:14px}.is-touch #up{bottom:105px}.is-touch #down{bottom:48px}.is-touch #action{position:fixed;right:84px;bottom:48px;height:46px}.is-touch #hint span{font-size:0}.is-touch #hint span:after{content:"Left side swim · Right side look";font-size:8px}#stick,#lookpad,#up,#down,#action{touch-action:none;-webkit-user-select:none;user-select:none}#stick{--stick-x:0px;--stick-y:0px}#stick:after{content:"";position:absolute;left:50%;top:50%;width:38%;height:38%;border:1px solid #b9d6d277;border-radius:50%;background:#12343ca8;box-shadow:0 0 20px #6ec4bd22;transform:translate(calc(-50% + var(--stick-x)),calc(-50% + var(--stick-y)));transition:transform .06s linear}#up.active,#down.active,#action:active,button:active{border-color:#ddc885;background:#17343b;color:#f3dda0;transform:scale(.94)}#up.active,#down.active{box-shadow:0 0 18px #d6ad5b33}body.capture-mode header,body.capture-mode #progress,body.capture-mode #action{opacity:0;pointer-events:none}@media(pointer:coarse){#touch{display:block}}@media(max-width:700px){header{left:20px;top:22px}h1{font-size:20px}#progress{left:20px;bottom:22px}nav{top:16px;right:14px}#hint{bottom:22%;padding:14px 18px;max-width:90%;white-space:normal}}