@font-face{font-family:system;src:local('Arial Rounded MT Bold')}
:root{--forest:#123f32;--ink:#153d30;--cream:#fff1d4;--blue:#087fb5;--paper:#f7e7c6;--gold:#e8b24e;font-family:system,ui-rounded,'Trebuchet MS',sans-serif;color:var(--ink);background:#0b2f28;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none}body{display:flex;justify-content:center;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}button:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{opacity:.55;cursor:default}button:active{transform:translateY(2px) rotate(-.5deg)}[hidden]{display:none!important}
#game{width:100%;max-width:480px;height:100dvh;position:relative;overflow:hidden;background:var(--paper);isolation:isolate;box-shadow:0 0 80px #0006;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#world{position:absolute;width:100%;height:100%;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#ui{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column}#ui button{pointer-events:auto}#ui>*{flex-shrink:0}.screen-title{margin:0;font-size:clamp(22px,6.8vw,31px);font-weight:1000;letter-spacing:-1.1px;line-height:1.05}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:900}.paper{background:var(--cream);box-shadow:0 3px 0 #533d2c28;clip-path:polygon(2% 2%,96% 0,100% 12%,99% 91%,95% 100%,3% 98%,0 85%,0 13%)}
.topbar{padding:calc(14px + env(safe-area-inset-top)) 17px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-btn{width:44px;height:44px;border:0;border-radius:50%;background:var(--cream);display:grid;place-items:center;font-size:23px;box-shadow:0 3px 0 #0002}.mini-logo{background:var(--cream);padding:8px 13px;font-size:12px;letter-spacing:1.2px;font-weight:1000;transform:rotate(-2deg)}
.home-brand{text-align:center;position:absolute;left:5%;right:5%;top:calc(42px + env(safe-area-inset-top));filter:drop-shadow(0 5px 0 #123f32);transform:rotate(-3deg)}.home-brand h1{font-weight:1000;font-size:clamp(55px,17vw,80px);letter-spacing:-4px;color:var(--cream);line-height:.83;margin:0;text-shadow:-3px -3px 0 var(--forest),3px -3px 0 var(--forest),-3px 3px 0 var(--forest),3px 3px 0 var(--forest)}.home-brand h1 span{display:block;font-size:.84em;margin-top:9px}.tagline{margin:19px auto 0;font-size:14px;display:table;background:var(--cream);padding:9px 12px;transform:rotate(3deg);font-weight:800;filter:none;letter-spacing:-.2px}.edition{position:absolute;bottom:calc(228px + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:10px;letter-spacing:2px;font-weight:900;color:var(--cream);text-shadow:0 1px 5px #123f32;background:#123f3280;width:max-content;margin:auto;padding:5px 10px;border-radius:2px}
.action-panel{position:absolute;bottom:0;left:0;right:0;padding:19px 25px calc(20px + env(safe-area-inset-bottom));text-align:center;background:var(--cream);clip-path:polygon(0 8%,8% 3%,49% 1%,88% 4%,100% 0,100% 100%,0 100%)}.home-actions{background:transparent;clip-path:none;padding-top:8px}.primary,.secondary{display:block;width:100%;min-height:55px;border:0;font-size:20px;letter-spacing:.5px;font-weight:1000;clip-path:polygon(4% 0,95% 1%,100% 20%,98% 84%,94% 100%,3% 96%,0 76%,1% 18%)}.primary{background:var(--blue);color:var(--cream);filter:drop-shadow(0 4px 0 #075779)}.secondary{background:var(--cream);min-height:46px;font-size:15px;margin-top:10px}.action-note{font-size:12px;font-weight:800;margin:11px 0;color:var(--forest)}.home-actions .action-note{background:var(--cream);display:inline-block;padding:5px 10px;margin:9px 0 1px}.panel-heading{font-size:19px;font-weight:1000;margin:4px 0 7px;letter-spacing:-.5px}.panel-sub{font-size:12px;font-weight:800;margin:0 0 14px}.world-heading{text-align:center;margin:0 17px;padding:14px 7px 11px;transform:rotate(-1deg)}.world-heading p{margin:5px 0 0;font-size:14px;font-weight:800}.world-progress{align-self:center;margin-top:10px;padding:6px 14px;font-size:10px;letter-spacing:1px;font-weight:1000}.map-label{background:var(--cream);padding:6px 10px;position:absolute;font-size:11px;font-weight:900;transform:rotate(-2deg)}.map-status{position:absolute;left:0;right:0;bottom:200px;text-align:center;pointer-events:none;font-size:11px;font-weight:800}
.play-header{background:var(--cream);padding:calc(11px + env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid #163d3020;display:flex;gap:11px;align-items:center}.play-header .icon-btn{box-shadow:none;border:1px solid #b1a38470;width:39px;height:39px}.level-title{flex:1;min-width:0}.level-title .eyebrow{font-size:9px;letter-spacing:1.8px}.level-title h2{font-size:18px;margin:4px 0 0;font-weight:1000;letter-spacing:-.6px}.hud{display:flex;gap:6px;padding:10px 14px 0;justify-content:space-between}.hud-box{padding:7px 10px;min-width:77px;text-align:center;background:var(--cream);border-radius:3px}.hud-box span{display:block;font-size:8px;letter-spacing:1.5px;font-weight:900;margin-bottom:3px}.hud-box strong{font-size:21px;line-height:1}.hud-box.time{min-width:80px}.hud-box.time strong{color:var(--blue)}.timer-track{height:3px;background:#cfba8d;margin:5px 14px 0}.timer-fill{height:100%;background:var(--blue);transform-origin:left;transition:background .2s}.timer-fill.urgent{background:#a6492d}.play-footer{position:absolute;bottom:0;left:0;right:0;background:var(--cream);padding:12px 20px calc(13px + env(safe-area-inset-bottom));text-align:center}.objective{display:flex;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.3px}.flood-track{height:7px;background:#d8c59d;margin:7px 0 10px;border-radius:8px;overflow:hidden}.flood-fill{height:100%;background:var(--blue);transition:width .8s}.gesture-tip{font-size:11px;line-height:1.5;margin:0;font-weight:700}.gesture-tip strong{font-weight:1000}.phase-label{position:absolute;left:50%;transform:translateX(-50%);bottom:128px;padding:8px 15px;font-size:12px;font-weight:900;background:var(--cream);white-space:nowrap;border-radius:3px}
#selector{position:absolute;z-index:15;width:216px;pointer-events:none;background:var(--cream);padding:10px 7px 8px;filter:drop-shadow(0 5px 7px #24352655);clip-path:polygon(4% 0,94% 2%,100% 10%,98% 94%,92% 100%,3% 96%,0 88%,1% 8%)}.selector-title{text-align:center;font-size:10px;letter-spacing:.9px;font-weight:1000}#dial{width:200px;height:120px;display:block}.selector-tip{text-align:center;font-size:10px;font-weight:800}.result-heading{margin:0 20px;padding:13px 7px;text-align:center;transform:rotate(-2deg)}.result-panel{padding-top:22px}.result-score{font-size:79px;line-height:.9;font-weight:1000;letter-spacing:-5px}.result-word{font-size:17px;font-weight:1000;margin-top:7px;letter-spacing:1px}.score-row{display:flex;justify-content:space-around;margin:15px 0 12px;border-top:1px solid #aa9066;padding-top:12px}.score-row>div{flex:1;border-right:1px solid #baa57f}.score-row>div:last-child{border:0}.score-row span{display:block;font-size:9px;font-weight:1000;letter-spacing:1.4px}.score-row strong{display:block;font-size:25px;margin-top:3px}.result-message{font-size:12px;margin:9px 0 15px;font-weight:800}.result-panel .primary{font-size:19px}.result-panel .secondary{min-height:40px}.demo-mark{font-size:9px;letter-spacing:1px;opacity:.6;margin-top:12px}
#toast{position:absolute;left:22px;right:22px;top:calc(160px + env(safe-area-inset-top));padding:12px 17px;background:var(--forest);color:var(--cream);z-index:30;font-size:13px;text-align:center;border-radius:5px;box-shadow:0 4px 0 #0002;opacity:0;transform:translateY(-6px);transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translateY(0)}#modal{position:absolute;inset:0;z-index:40;display:grid;place-items:center;padding:22px;background:#123f3299;backdrop-filter:blur(3px)}.dialog{width:100%;max-width:340px;background:var(--cream);padding:26px 24px 22px;border-radius:5px;box-shadow:0 9px 0 #123f3240;pointer-events:auto}.dialog h2{font-size:27px;letter-spacing:-1px;margin:3px 0 10px}.dialog p{font-size:13px;line-height:1.6;margin:10px 0 17px}.dialog .step{display:flex;gap:12px;margin:16px 0;align-items:center;font-size:13px;line-height:1.5}.step b{background:#e6c998;width:29px;height:29px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.dialog .primary{margin-top:20px;font-size:18px}.dialog .secondary{font-size:14px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #d2bd97;font-size:14px}.small-btn{border:1px solid #123f3240;background:transparent;padding:9px 15px;border-radius:4px;min-height:40px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:600px){#game{border-left:1px solid #fff3;border-right:1px solid #fff3}.home-brand h1{font-size:80px}.screen-title{font-size:31px}}
@media(max-height:730px){.home-brand{top:30px}.home-brand h1{font-size:59px}.tagline{font-size:12px;margin-top:14px}.action-panel{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.home-actions .primary{min-height:48px}.edition{bottom:201px}.world-heading{padding:10px 5px}.screen-title{font-size:25px}.result-score{font-size:62px}.result-panel{padding-top:16px}.score-row{margin:10px 0}.result-message{margin:7px 0 10px}.hud{padding-top:7px}.hud-box{padding:5px 10px}.play-footer{padding-top:9px}.gesture-tip{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.home-actions .action-note{margin:0 0 13px}.result-panel .secondary{min-height:46px}.action-panel>.demo-mark{height:46px;margin-top:10px;display:grid;place-items:center}.home-actions .primary{min-height:55px}