:root{--ink:#193d35;--paper:#fffdf2;--green:#2c6752;--gold:#ebbd65}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#c0d9cf;color:var(--ink);font-family:'Trebuchet MS',system-ui,sans-serif}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #d49330;outline-offset:4px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#dfe8d47a,transparent 60%)}header{position:fixed;left:30px;right:30px;top:22px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none}.logo{width:190px;height:auto;filter:drop-shadow(0 2px 6px #fff9)}.arcade-tag{font-size:10px;letter-spacing:2px;background:#fffdf3df;padding:11px 16px;border-radius:22px;box-shadow:0 3px 12px #22422e0c}header>*{pointer-events:auto}.menu{position:fixed;left:5.5vw;top:50%;transform:translateY(-44%);width:min(450px,90vw);background:#fffdf2ed;border:1px solid #ffffffb0;box-shadow:0 20px 80px #213d3020;border-radius:26px;padding:32px;backdrop-filter:blur(15px);z-index:3;max-height:calc(100dvh - 115px);overflow:auto}.kicker{font-size:10px;letter-spacing:2px;font-weight:bold;color:#6f825b;margin:0 0 10px}.menu h1{font:900 clamp(40px,5vw,65px)/.95 'Trebuchet MS',sans-serif;letter-spacing:-3px;margin:8px 0 18px}.menu h1 span{color:#538961}.blurb{font-size:14px;line-height:1.8;color:#68775e;max-width:360px;margin-bottom:22px}.world-select{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.world-option{position:relative;text-align:left;padding:16px 12px;border:1px solid #d7dec9;background:#f1f2e5;border-radius:13px;color:#355144;min-height:78px}.world-option.active{border:2px solid #4b7b57;background:#e1ebd9;padding:15px 11px}.world-option strong{display:block;font-size:13px}.world-option small{display:block;font-size:10px;color:#738269;margin-top:7px}.world-option .swatch{float:right;width:17px;height:17px;border-radius:5px;background:#74a16a;box-shadow:4px -3px #b9cea1}.world-option[data-world="city"] .swatch{background:#8aa8ac;box-shadow:4px -3px #d9b690}.formline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:15px 0;font-size:12px}select{border:1px solid #d5dec7;border-radius:9px;background:#fffef7;padding:9px 12px;color:var(--ink)}.play{background:#29684f;border:0;color:#fff9e8;padding:16px 24px;border-radius:14px;width:100%;font-size:15px;font-weight:bold;box-shadow:0 5px 0 #17432e;transition:transform .1s}.play:active{transform:translateY(3px);box-shadow:0 2px 0 #17432e}.play:disabled{opacity:.6;cursor:wait}.how{font-size:11px;line-height:1.8;color:#788369;margin:19px 0 0}.how b{color:#46624b}.record{font-size:10px;letter-spacing:.5px;color:#8a8d74;margin-top:16px}.corner-note{position:fixed;right:30px;bottom:24px;color:#3b5b4c;font-size:11px;background:#f9fcf0ca;padding:11px 16px;border-radius:20px}.hud{position:fixed;inset:0;z-index:4;pointer-events:none}.hud button{pointer-events:auto}.hud-top{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;gap:14px;align-items:start}.stat-row{display:flex;gap:10px}.stat{background:#fffdf2ef;border:1px solid #ffffffb0;border-radius:15px;padding:12px 18px;box-shadow:0 6px 20px #203d2910;min-width:82px}.stat small{font-size:9px;letter-spacing:1px;display:block;color:#7b886d}.stat strong{display:block;font-size:25px;margin-top:4px;letter-spacing:-.6px}.stat.time strong{font-variant-numeric:tabular-nums}.stat.time.urgent{background:#ffe3bf;color:#95552d}.pause-button,.sound-button,.music-button{border:1px solid #ffffff90;background:#fffdf2ed;color:var(--ink);border-radius:12px;padding:11px 14px;font-size:12px}.hud-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.leaderboard{position:absolute;right:24px;top:95px;width:185px;background:#fffdf2e8;padding:15px;border:1px solid #ffffffa0;border-radius:16px;backdrop-filter:blur(8px)}.leaderboard h2{font-size:10px;letter-spacing:1.5px;margin:0 0 13px;color:#7f886b}.rival{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 0;border-top:1px solid #e1e6d7}.rival b{margin-left:auto}.rival i{width:9px;height:9px;border-radius:50%;background:var(--rival)}.rival.me{font-weight:bold}.grow-panel{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:min(360px,48vw);background:#fffdf2ef;border:1px solid #ffffffb0;border-radius:16px;padding:15px 18px;text-align:center;backdrop-filter:blur(8px)}.grow-line{display:flex;align-items:center;justify-content:space-between;font-size:10px;gap:8px}.grow-track{height:6px;border-radius:8px;background:#dce5ce;margin:10px 0 8px;overflow:hidden}.grow-fill{height:100%;background:#4d9673;transition:width .25s}.grow-panel small{font-size:10px;color:#79886c}#toast{position:absolute;left:50%;top:110px;transform:translateX(-50%);padding:11px 20px;border-radius:30px;background:#1d473de8;color:#fff5d8;font-size:13px;opacity:0;transition:opacity .25s;text-align:center;max-width:80vw}#toast.visible{opacity:1}.name-tag{position:absolute;padding:5px 9px;border-radius:14px;background:#1b352bd9;color:white;font-size:10px;white-space:nowrap;transform:translate(-50%,-50%);border:1px solid var(--rival);text-shadow:0 1px 3px #0005}.name-tag.me{background:#fbfff0ec;color:#285445;font-weight:bold}.controls-tip{position:absolute;left:130px;bottom:25px;font-size:10px;max-width:150px;line-height:1.7;color:#315346;background:#f9fcf0bd;padding:9px 12px;border-radius:12px}.boost{position:absolute;left:27px;bottom:30px;width:86px;height:86px;border-radius:50%;border:4px solid #fff9;background:conic-gradient(#e6bd62 var(--energy,100%),#bbcdb8 0);color:#405336;box-shadow:0 6px 20px #23402920;font-weight:bold;font-size:11px;touch-action:none;user-select:none}.boost>span{position:absolute;inset:6px;border-radius:50%;display:grid;place-content:center;background:#fffbe9;gap:3px}.boost strong{font-size:22px}.minimap{position:absolute;right:29px;bottom:132px;width:110px;height:110px;background:#fffdf2d9;border:2px solid #fff9;border-radius:13px}.joystick{position:fixed;width:110px;height:110px;border:2px solid #ffffff8c;border-radius:50%;background:#ffffff25;z-index:6;pointer-events:none;display:none;transform:translate(-50%,-50%)}.joystick .knob{position:absolute;left:35px;top:35px;width:36px;height:36px;border:2px solid #fff9;border-radius:50%;background:#fff9;transform:translate(var(--jx,0px),var(--jy,0px))}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#18372e79;backdrop-filter:blur(8px);z-index:10;padding:20px}.dialog{width:min(440px,100%);background:var(--paper);border-radius:24px;padding:30px;max-height:94dvh;overflow:auto;text-align:center;box-shadow:0 25px 100px #112d2833}.dialog h2{font-size:34px;letter-spacing:-1px;margin:10px 0}.dialog p{font-size:13px;line-height:1.7;color:#748169}.secondary{border:1px solid #c6d5b6;background:transparent;color:#3d6549;padding:13px;border-radius:12px;margin-top:12px;width:100%;cursor:pointer}.podium{margin:22px 0}.podium .rival{padding:13px 10px;border-radius:9px;font-size:13px}.podium .me{background:#e5edd9}.results-icon{font-size:35px}.fatal{color:#a34a36;font-size:12px;line-height:1.6}#particles{position:fixed;inset:0;pointer-events:none;z-index:12;overflow:hidden}#particles i{position:absolute;top:-20px;left:var(--left);width:9px;height:14px;background:var(--color);animation:confetti 3s var(--delay) ease-out forwards}@keyframes confetti{to{transform:translateY(110vh) rotate(640deg);opacity:.1}}@media(max-width:700px){header{top:14px;left:18px;right:18px}.logo{width:145px}.arcade-tag{font-size:8px;padding:9px 11px}.menu{left:5vw;top:50%;transform:translateY(-44%);padding:25px;max-height:calc(100dvh - 95px);width:90vw}.menu h1{font-size:47px}.blurb{font-size:13px;margin-bottom:15px}.corner-note{display:none}.hud-top{top:12px;left:12px;right:12px;gap:8px}.stat-row{gap:6px}.stat{padding:9px 12px;min-width:65px}.stat strong{font-size:20px}.stat small{font-size:8px}.hud-actions{gap:4px;max-width:90px}.pause-button,.sound-button,.music-button{font-size:10px;padding:7px 10px}.leaderboard{top:100px;right:12px;width:135px;padding:10px}.leaderboard h2{font-size:8px}.rival{font-size:10px;padding:6px 0}.grow-panel{bottom:22px;width:calc(100vw - 190px);min-width:175px;padding:12px;left:44%;}.grow-line{font-size:9px}.grow-panel small{font-size:9px}.boost{left:15px;bottom:25px;width:72px;height:72px}.minimap{right:17px;bottom:112px;width:90px;height:90px}.controls-tip{bottom:120px;left:15px;width:122px;font-size:9px}#toast{top:82px;font-size:11px;padding:9px 12px}.dialog{padding:25px}.dialog h2{font-size:29px}}@media(max-height:640px){.menu{top:54%;padding:22px}.menu h1{font-size:38px;margin-bottom:10px}.blurb{font-size:12px;margin:8px 0}.world-option{min-height:60px;padding:10px}.world-option.active{padding:9px}.world-select{margin:6px 0}.formline{margin:9px 0}.how{margin-top:13px}.record{margin-top:10px}.minimap{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}#particles{display:none}}
.start-countdown{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;pointer-events:none;min-width:260px;color:#fffdf0;text-shadow:0 3px 20px #18352caa}.start-countdown strong{font-size:88px;line-height:1;font-weight:900}.start-countdown span{background:#1e4b40de;padding:10px 15px;border-radius:25px;font-size:12px}
.world-option[data-world="village"] .swatch{background:#b89164;box-shadow:4px -3px #d7c9a6}.world-option[data-world="harbor"] .swatch{background:#65a9b1;box-shadow:4px -3px #dcca9c}
.district-tag{position:absolute;left:24px;top:98px;padding:8px 13px;border-radius:20px;background:#fffdf2e8;font-size:11px;color:#416248;pointer-events:none}.rival.out{opacity:.5}.rival.out i{background:#8b9585}@media(max-width:700px){.district-tag{left:12px;top:83px;font-size:9px;max-width:145px;padding:7px 10px}}

.pause-settings{display:flex;justify-content:center;gap:12px;margin:16px 0}.pause-leaders{text-align:left;margin:12px 0 20px}
@media(max-width:700px){
 .hud-top{top:max(10px,env(safe-area-inset-top));left:10px;right:10px;align-items:center;gap:8px}
 .stat-row{gap:0;background:#fffdf2ed;border-radius:14px;padding:5px 2px;box-shadow:0 3px 12px #193d3515;flex:1;max-width:300px}
 .stat{background:none;border:0;box-shadow:none;border-radius:0;padding:5px 10px;min-width:0;flex:1}.stat+.stat{border-left:1px solid #193d3522}.stat strong{font-size:18px;margin-top:2px}.stat small{font-size:8px}
 .hud-actions{max-width:none;flex:none}.pause-button{min-height:44px;padding:10px 12px}
 .leaderboard,.district-tag,.controls-tip,.minimap,.grow-panel,.name-tag.me{display:none!important}
 .boost{width:66px;height:66px;left:16px;right:auto;bottom:max(18px,env(safe-area-inset-bottom));font-size:10px}.boost strong{font-size:18px}
 #toast{top:78px;max-width:85vw;font-size:11px}.name-tag{font-size:9px;padding:3px 6px}
 .start-countdown strong{font-size:64px}.start-countdown span{font-size:11px;max-width:85vw}
}

.bean-wallet{font-size:12px;color:#715223;margin:8px 0 14px}.mission-brief{background:#edf1df;border:1px solid #d7e1c6;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.65;margin:12px 0;color:#38543e}.mission-brief strong{display:block}.mission-brief span{font-size:11px;color:#647652}.adventure-note{font-size:12px;color:#8c6022}.round-badges{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin:15px 0}.round-badges span{border-radius:20px;background:#e5edd6;color:#355b43;padding:7px 11px;font-size:11px}.bean-reward{background:#f9eac5;border:1px solid #e7cc8b;border-radius:14px;padding:14px;color:#755523;font-size:13px;line-height:1.7;margin:14px 0}.bean-reward strong{display:block;font-size:20px}.scripture-moment{text-align:left;border-left:3px solid #b5c99a;padding:0 0 0 14px;margin:22px 0;font-size:12px;line-height:1.7;color:#536b4c}.scripture-moment blockquote{margin:8px 0;font-style:italic}.scripture-moment small{display:block;color:#819071}.podium .rival:first-child{background:#f8e9be;border:1px solid #e3c878;font-weight:bold;padding:18px 10px}.podium .rival:first-child>span:first-child{font-size:0}.podium .rival:first-child>span:first-child:after{content:'★';font-size:20px;color:#af7825}#toast.celebration{background:#f7df95;color:#5a421b;border:1px solid #e2ba60;font-weight:bold;box-shadow:0 4px 18px #75582025}
@media(max-width:700px){.formline{flex-wrap:wrap}.formline select{max-width:100%}.mission-brief{font-size:11px}.menu .mission-brief{padding:10px 12px}.bean-wallet{font-size:11px}.scripture-moment{font-size:11px}}
.trait{display:block;font-size:9px;font-weight:normal;color:#7a8567;margin-top:3px}.leaderboard .trait{display:none}