:root{color:#fff3da;font-synthesis:none;--mint:#a8ffde;--ink:#112d36;--cream:#ffe3b4;background:#143942;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{touch-action:none;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;letter-spacing:.1em;touch-action:none;background:#173640cf;border:1px solid #fff3ce42;border-radius:6px;font-size:11px;font-weight:700}button:hover{background:#295961}button:focus-visible{outline:3px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}#world{outline:none;width:100vw;height:100dvh;display:block}header{inset:max(22px,env(safe-area-inset-top)) 26px auto;pointer-events:none;text-shadow:0 2px 12px #172b37;justify-content:space-between;align-items:flex-start;display:flex;position:fixed}.brand b{letter-spacing:-1px;font-size:24px;font-weight:900}.brand b span{color:#ffb375;padding-left:5px}.brand small{letter-spacing:.24em;color:#ffe8c6;margin-top:5px;font-size:9px;display:block}.tools{pointer-events:auto;align-items:center;gap:8px;display:flex}.tools button{padding:10px 12px}.free{letter-spacing:.18em;margin-right:12px;font-size:9px}#help{font-size:16px;padding:6px 11px!important}#intro{text-shadow:0 2px 15px #061f31;pointer-events:none;transition:opacity 1.1s;position:fixed;bottom:86px;left:30px}#intro>span{letter-spacing:.24em;color:#fff0d2;font-size:10px}#intro h1{letter-spacing:-2px;margin:10px 0;font-size:clamp(30px,4vw,58px);line-height:1.1}#intro p{color:#ffedd2;margin:0;font-size:14px}#desktop-help{letter-spacing:.07em;text-shadow:0 2px 8px #000;font-size:10px;position:fixed;bottom:26px;left:30px}#desktop-help i{color:#d6ebdd;letter-spacing:0;font-size:11px;font-style:normal}#interact{color:#fff0ce;white-space:nowrap;background:#143941f0;align-items:center;gap:10px;max-width:90vw;padding:11px 16px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #091e3140}.key{color:#1b3a41;background:#fff0d9;border-radius:3px;place-items:center;width:25px;height:25px;font-size:12px;display:grid}#toast{color:#ffedce;opacity:0;pointer-events:none;background:#142b36ef;border-left:3px solid #8fffd4;border-radius:4px;max-width:min(480px,86vw);padding:14px 21px;font-size:14px;line-height:1.5;transition:opacity .25s;position:fixed;top:105px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#touch{pointer-events:none;display:none;position:fixed;inset:0}#stick{bottom:max(35px,env(safe-area-inset-bottom));pointer-events:auto;touch-action:none;background:#132d393d;border:1px solid #fff2d680;border-radius:50%;width:108px;height:108px;position:absolute;left:30px}#stick:before{content:"MOVE";letter-spacing:.15em;color:#fff4dd8f;font-size:8px;position:absolute;top:13px;left:36px}#nub{pointer-events:none;background:#ffefd9aa;border:1px solid #fff4d8;border-radius:50%;width:40px;height:40px;position:absolute;top:33px;left:33px}#jog{pointer-events:auto;border-radius:50%;width:65px;height:65px;position:absolute;bottom:45px;right:30px}#jog.active{color:#113c3b;background:#bbefcc}#cabinet-hud{pointer-events:none;align-items:end;gap:20px;display:flex;position:fixed;inset:auto 28px 24px}#cabinet-hud>div:first-child{border-left:3px solid var(--mint);background:#102a35db;border-radius:5px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}#cabinet-hud small{letter-spacing:.22em;color:var(--mint);font-size:9px}#cabinet-hud strong{letter-spacing:-.04em;font-size:22px}#cabinet-hint{color:#e9dec5;letter-spacing:.08em;font-size:10px}#leave,#action{pointer-events:auto}#leave{padding:11px 15px;position:fixed;top:85px;right:28px}#leave span{opacity:.5;margin-left:7px}#action{color:#203a42;background:#f7d49e;min-width:145px;height:60px;margin-left:auto;font-size:16px;box-shadow:0 5px #ae8557}#action:active{transform:translateY(3px);box-shadow:0 2px #ae8557}#best{letter-spacing:.12em;text-shadow:0 2px 8px #000;font-size:11px;position:absolute;bottom:76px;right:0}dialog{color:#ffe9c4;background:#102d36;border:1px solid #86c4ba4d;border-radius:12px;width:min(460px,90vw);max-height:85dvh;padding:35px;overflow:auto;box-shadow:0 20px 100px #001a27aa}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09202aca}dialog small{letter-spacing:.26em;color:#8de9ce;font-size:9px}dialog h2{letter-spacing:-2px;margin:7px 0;font-size:39px}dialog p{color:#d8dbcc;font-size:14px;line-height:1.55}dialog h3{letter-spacing:.14em;margin-top:25px;font-size:10px}.controls{grid-template-columns:90px 1fr;gap:12px;margin:25px 0;font-size:12px;display:grid}.controls span{color:#b3c8c5}#scores>div{border-bottom:1px solid #ffffff16;justify-content:space-between;padding:9px 0;font-size:12px;display:flex}.fine{color:#9eb9b5!important;font-size:11px!important}#back{color:#123a3f;background:#a3e6c7;width:100%;margin-top:12px;padding:15px}#close-guide{background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:16px}#loading{text-align:center;z-index:20;background:#183e45;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}#loading small{letter-spacing:.28em;color:#bce6d4;font-size:10px}#loading h1{letter-spacing:-.065em;color:#ffe1a5;margin:24px 0 15px;font-size:clamp(46px,10vw,105px);line-height:1}#loading p{color:#acd0c7;font-size:12px}.loading-track{background:#ffffff20;width:160px;height:2px;margin:25px auto;overflow:hidden}.loading-track i{background:#ffcb89;width:60px;height:2px;animation:1s ease-in-out infinite alternate load;display:block}@keyframes load{to{transform:translate(100px)}}.playing #intro,.playing #desktop-help,.playing #touch,.playing #interact{display:none!important}.playing .free{display:none}body.touch #touch{display:block}body.touch #desktop-help{display:none}@media (max-width:650px){header{inset:max(18px,env(safe-area-inset-top)) 18px auto}.brand b{font-size:21px}.brand small{font-size:8px}.free{display:none}.tools button{padding:9px;font-size:9px}#intro{bottom:185px;left:22px}#intro h1{font-size:36px}#intro p{font-size:12px}#interact{font-size:10px;bottom:168px}#toast{width:86vw;font-size:12px;top:85px}#cabinet-hud{inset:auto 16px max(26px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px}#cabinet-hud>div:first-child{width:100%;padding:12px}#cabinet-hud strong{font-size:18px}#cabinet-hint{font-size:9px}#action{min-width:140px;height:62px;margin-top:8px}#best{font-size:9px;bottom:25px;left:0;right:auto}#leave{top:75px;right:18px}#stick{width:100px;height:100px;left:22px}#nub{top:29px;left:29px}#stick:before{left:31px}dialog{padding:25px}.controls{grid-template-columns:70px 1fr;gap:10px}}@media (max-height:480px){#intro{bottom:38px}#intro h1{font-size:29px}#intro>span,#intro p{display:none}#cabinet-hud>div:first-child{width:auto}#cabinet-hud strong{font-size:14px}#cabinet-hud{flex-wrap:nowrap}#best{display:none}#interact{bottom:35px}#stick{width:90px;height:90px;bottom:18px}#nub{top:24px;left:24px}#jog{bottom:22px}#desktop-help{bottom:12px}}