.chapter-select{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:12px;padding:12px;font-size:10px;background:#607b6955}.chapter-select span{color:var(--lime);font-size:9px}.chapter-list{display:grid;gap:9px;margin-top:20px}.chapter-list button{display:flex;align-items:center;gap:13px;padding:13px;text-align:left;background:#ffffff06;border:1px solid #ffffff25}.chapter-list button:disabled{opacity:.42;cursor:default}.chapter-number{font:30px 'Bebas Neue';color:#d0f585;min-width:30px}.chapter-list span{flex:1}.chapter-list strong{display:block;font-size:13px}.chapter-list small{display:block;margin-top:5px;color:#c3d1c7;font-size:10px}.chapter-list em{font-style:normal;font-size:12px;color:#edd28a;white-space:nowrap}.map-note{font-size:10px;line-height:1.6;color:#b6c8bb}#chapterMap{max-height:calc(100dvh - 35px)}
[hidden]{display:none!important}.activity-mode>.top,.activity-mode>#hud,.activity-mode>#journey,.activity-mode>#controls,.activity-mode>#feedback,.activity-mode>#cinPrompt,.activity-mode>.intro,.activity-mode>.hint{display:none!important}#adventure{position:fixed;inset:0;z-index:25;color:#fff;background:linear-gradient(180deg,#0d2a23eb,#0d2a238a 40%,#0d2a23e6);padding:0 max(16px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}.activity-top{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:650px;margin:0 auto;padding: max(14px,env(safe-area-inset-top)) 0 12px}.activity-top>span{font-size:10px;letter-spacing:2px;color:#d0f585}.activity-top b{display:block;letter-spacing:0;font:27px 'Bebas Neue';color:white;margin-top:4px}.activity-top>div{display:flex;gap:7px}.activity-top button{min-width:40px;height:40px;padding:5px;font-size:20px}.activity-body{max-width:620px;margin:0 auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}.activity-intro{max-width:440px;margin: clamp(15px,5vh,60px) auto 0;background:linear-gradient(135deg,#234c3eea,#102f26ed);border:1px solid #d0f58555;border-top:3px solid #d0f585;border-radius:24px;padding:28px;text-align:center;box-shadow:0 25px 70px #0003}.activity-intro h2{font:48px/.98 'Bebas Neue';margin:18px 0;color:#d0f585}.activity-intro h3{font-size:14px;line-height:1.5}.activity-intro p{font-size:13px;line-height:1.8;color:#d7e2d5;margin:15px auto}.activity-intro>small{display:block;color:#a9c3ae;font-size:10px;line-height:1.8;margin:15px 0}.activity-intro>button{display:block;width:100%;margin-top:10px;font-size:11px;padding:14px}.activity-intro em{color:#d0f585;font-style:normal}.activity-meter{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ffffff30;background:#183d32c9;border-radius:13px;padding:10px 16px;margin:4px 0 15px}.activity-meter>span{font-size:8px;color:#bacdbd;letter-spacing:1px}.activity-meter b{display:block;font:25px 'Bebas Neue';color:#d0f585;letter-spacing:0;margin-top:3px}.activity-meter button{font-size:9px;padding:8px;min-height:34px}.activity-title{text-align:center;font:32px 'Bebas Neue';letter-spacing:1px;margin:14px 0 18px}.market-awning{height:28px;border-radius:10px 10px 4px 4px;background:repeating-linear-gradient(90deg,#607b69 0 30px,#e1d8b8 30px 60px);box-shadow:0 5px 0 #0d2c2580}.basket-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.basket-row>button{background:linear-gradient(#3c5644e6,#243e2ff2);padding:14px 6px 0;display:flex;align-items:center;flex-direction:column;overflow:hidden;border-color:#bcab7977;border-radius:16px;min-height:205px}.basket-row small{font-size:8px;color:#c5d3bd;letter-spacing:1px}.basket-row svg{width:50px;height:58px;margin:12px 0 8px}.basket-row strong{font-size:11px}.basket-row span{font:26px 'Bebas Neue';color:#f1dda2;margin:5px 0}.basket-weave{height:35px;width:calc(100% + 12px);margin-top:auto;border-top:4px solid #b9915b;background:repeating-linear-gradient(0deg,transparent 0 8px,#d1aa6b55 8px 11px),repeating-linear-gradient(90deg,#73583f 0 9px,#95734b 9px 13px)}.produce-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:15px;background:#987b494d;border:1px solid #c4a36588;border-radius:17px;margin-top:8px;box-shadow:0 7px 0 #362d20}.produce-shelf button{touch-action:none;user-select:none;display:flex;flex-direction:column;align-items:center;background:#193c31e6;padding:10px 5px;min-width:0}.produce-shelf button.selected{border:2px solid #d0f585;background:#426647}.produce-shelf svg{width:46px;height:54px}.produce-shelf b{font-size:10px;margin:5px 0}.produce-shelf small{font-size:6px;color:#bdcdb8;letter-spacing:.5px}.activity-feedback{min-height:27px;margin:17px auto 10px;text-align:center;color:#d0e0ce;font-size:12px;line-height:1.5}.activity-feedback[data-good=true]{color:#d0f585}.activity-feedback[data-good=false]{color:#ffb7a5}.activity-tip{text-align:center;font-size:10px;color:#c2cbb8;margin-top:18px}.produce-ghost{position:fixed;z-index:100;pointer-events:none;width:65px;height:65px;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 9px #0008)}.produce-ghost svg{width:100%;height:100%}.rhythm-track{height:clamp(180px,38dvh,400px);position:relative;overflow:hidden;display:flex;background:linear-gradient(180deg,#0b2119e6,#284e3ad9);border:1px solid #90b87f66;border-radius:18px}.rhythm-lane{width:50%;height:100%;border-right:1px solid #d0f58533}.lane-1{border:0;background:#f6cc8110}.hit-line{position:absolute;top:85%;width:100%;height:4px;background:#d0f585;box-shadow:0 0 20px #d0f58577}.hit-line span{position:absolute;right:8px;top:7px;font-size:7px;color:#d0f585;letter-spacing:1px}.rhythm-note-layer{position:absolute;inset:0;pointer-events:none}.rhythm-note{position:absolute;transform:translate(-50%,-50%);font-size:40px;line-height:1;filter:drop-shadow(0 3px 10px #0005)}.note-0{left:25%;color:#c5ed8c}.note-1{left:75%;color:#efc58a}.drum-pads{display:flex;gap:14px}.drum-pads button{width:50%;height:100px;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;background:radial-gradient(ellipse at center,#788963,#294d3c 75%);border:2px solid #b8cf8e99;box-shadow:0 7px 0 #102e23;touch-action:none;user-select:none}.drum-pads button+button{background:radial-gradient(ellipse at center,#9d875e,#4b4932 75%);border-color:#d1b37e99}.drum-pads span{font-size:33px;line-height:35px;color:#e7ebc9}.drum-pads small{font-size:8px;opacity:.6;margin-top:5px}.activity-pause{position:fixed;inset:0;z-index:40;background:#081e18c9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.activity-pause article{padding:30px;text-align:center;border-radius:24px;background:#214738;border:1px solid #d0f58555;max-width:380px;width:100%}.activity-pause h2{font:40px 'Bebas Neue'}.activity-pause button{display:block;width:100%;margin-top:10px;font-size:12px}.activity-result-score{font:48px 'Bebas Neue';color:#d0f585;line-height:1;margin:20px 0}.activity-result-score small{display:block;font:9px 'DM Sans';letter-spacing:2px;margin-top:8px;color:#b7c9b5}.quest-mode #adventure{background:linear-gradient(180deg,#102d26b3,transparent 25%,transparent 72%,#102d26b3);pointer-events:none}.quest-mode #adventure button{pointer-events:auto}.quest-mode .activity-meter{max-width:400px;margin:auto;background:#183d328c}.quest-instruction{max-width:400px;text-align:center;margin:12px auto;font-size:11px;line-height:1.6;text-shadow:0 1px 6px #000;padding:8px 12px;background:#173d3180;border-radius:10px}.quest-actions{position:fixed;left:16px;right:16px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:8px;max-width:620px;margin:auto}.quest-actions button{flex:1;min-width:0;font-size:10px;background:#173e32e8;padding:10px 7px;display:flex;align-items:center;flex-direction:column;gap:5px;line-height:1.3}.quest-actions button b{font:22px 'Bebas Neue';color:#d0f585}.quest-actions button small{font-size:8px;color:#c2d4ba}.quest-actions button.done{background:#486a44e8;border-color:#d0f585}.quest-interact{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);padding:14px 22px;white-space:nowrap;font-size:11px;box-shadow:0 6px 30px #0003}.quest-mode .activity-intro,.quest-mode .activity-pause{pointer-events:auto}.final-card{margin-top:5vh;background:#153a2dd4;backdrop-filter:blur(4px)}.final-chapters{display:grid;gap:9px;text-align:left;border-block:1px solid #ffffff25;padding:15px 0}.final-chapters>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.final-chapters b{color:#ebd28f;font-size:15px;letter-spacing:2px}
@media(max-width:400px){.activity-intro{padding:22px}.activity-intro h2{font-size:40px}.basket-row{gap:7px}.basket-row>button{min-height:185px}.basket-row strong{font-size:10px}.produce-shelf{padding:10px;gap:7px}.activity-top b{font-size:24px}.drum-pads button{height:85px}}
@media(max-height:560px) and (min-width:601px){.activity-top{padding:8px 0}.activity-intro{margin-top:0;padding:18px}.activity-intro h2{font-size:36px;margin:10px 0}.rhythm-track{height:165px}.drum-pads button{height:65px}.activity-feedback{margin:8px auto}.basket-row>button{min-height:150px}.basket-row svg{height:40px;margin:5px}.produce-shelf svg{height:30px}.market-awning{height:15px}.activity-title{margin:8px 0;font-size:25px}.activity-meter{padding:6px 12px;margin-bottom:8px}.activity-meter b{font-size:20px}}

#testBadge{position:fixed;bottom:3px;left:50%;transform:translateX(-50%);z-index:49;pointer-events:none;font:8px 'DM Sans',sans-serif;letter-spacing:.5px;color:#e3edcd;background:#173c30c9;border:1px solid #d0f58544;border-radius:20px;padding:4px 10px;white-space:nowrap}
/* Exploration chapters: controls stay over the 3D world. */
.explore-mode #adventure{pointer-events:none;background:linear-gradient(180deg,#102d26b8,transparent 28%,transparent 76%,#102d2670);overflow:hidden}.explore-mode #adventure button,.explore-mode .joystick,.explore-mode .activity-intro,.explore-mode .activity-pause{pointer-events:auto}.explore-mode .activity-top{max-width:760px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:8px}.explore-mode .activity-top>span{font-size:8px;letter-spacing:1px}.explore-mode .activity-top b{font-size:24px}.explore-mode .activity-top button{min-width:35px;width:35px;height:35px;min-height:35px;border-radius:10px;font-size:18px}.explore-mode .activity-body{max-width:760px}.explore-mode .activity-intro{pointer-events:auto;max-height:calc(100dvh - 100px);overflow:auto;margin-top:10px;padding:23px;background:#173d32ed}.explore-mode .activity-intro p{font-size:12px;line-height:1.65;margin:10px 0}.explore-mode .activity-intro h2{font-size:43px}.explore-mode .activity-intro small{margin:12px 0}.control-description{font-size:10px!important;color:#b6cbb6!important;border-top:1px solid #ffffff26;padding-top:10px}.explore-hud{display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #ffffff25;background:#173d3299;backdrop-filter:blur(4px);border-radius:12px}.explore-hud>div{min-width:0}.explore-hud .explore-objective{flex:1}.explore-hud span{display:block;font-size:6px;letter-spacing:1px;color:#c6d9c4}.explore-hud b{display:block;margin-top:4px;font-size:12px;line-height:1.4;color:#f0f6e6}.explore-hud>div:first-child b{font-family:'Bebas Neue';font-size:23px;line-height:1}.explore-hud>div:last-child b{color:#edb3a3;font-size:13px;white-space:nowrap}.explore-alert{text-align:center;font-size:10px;line-height:1.5;max-width:530px;margin:8px auto 0;padding:7px 12px;background:#173d3280;border-radius:10px;text-shadow:0 1px 5px #000;color:#e2f1dc;min-height:28px}.explore-alert[data-warning=true]{background:#775231d9;color:#fff1c7;border:1px solid #e7bd7d66}.balance-bar{display:flex;align-items:center;gap:8px;max-width:450px;padding:7px 10px;background:#173d328c;border-radius:9px;margin:5px auto;font-size:8px}.balance-bar span{color:#d0f585;font-weight:700;letter-spacing:1px}.balance-bar progress{width:100%;height:5px;flex:1}.balance-bar b{font-size:7px;color:#e8f3e4;white-space:nowrap}.explore-map{position:absolute;right:16px;top:205px;width:110px;pointer-events:none;filter:drop-shadow(0 4px 10px #0003)}.explore-map svg{width:100%;height:auto;border:1px solid #d0f58555;border-radius:12px}.explore-map small{font-size:6px;color:#edf4e3;text-align:center;display:block;background:#14382fc9;padding:4px;border-radius:5px;margin-top:3px}.explore-bottom{position:fixed;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.joystick{width:116px;height:116px;flex:0 0 116px;border-radius:50%;border:1px solid #d0f58555;background:radial-gradient(circle,#496b4750,#153b32a8);box-shadow:inset 0 0 20px #0003,0 6px 24px #0002;position:relative;touch-action:none;user-select:none}.joystick-thumb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #d0f585b0;background:#82a66cbb;box-shadow:0 4px 12px #0004;border-radius:50%;pointer-events:none}.joystick small{position:absolute;bottom:-16px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#deedcf;text-shadow:0 1px 4px #000}.joystick-arrows{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:42px;line-height:1.5;opacity:.27;pointer-events:none}.explore-button-stack{display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:auto;max-width:190px}.explore-button-stack>[data-jump],.explore-button-stack>[data-brace]{height:61px;min-height:61px;width:77px;background:#244c3dcb;border-color:#d0f58577;box-shadow:0 4px 0 #0d2e24;font-size:29px;line-height:26px;touch-action:none;user-select:none}.explore-button-stack>[data-jump] span,.explore-button-stack>[data-brace] span{display:block;font-size:7px;letter-spacing:1px}.explore-interact{padding:11px 14px!important;min-height:69px;width:180px;background:#14392dd9!important;border:1px solid #ffffff3d!important;touch-action:none;user-select:none;box-shadow:0 4px 0 #0d2e24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#b2c6ad;line-height:1.3}.explore-interact.ready{background:#cce993eb!important;color:#183b30;border-color:#d0f585!important}.explore-interact span{font-size:9px;font-weight:800;max-width:150px}.explore-interact small{font-size:6px;letter-spacing:1px;opacity:.7}.explore-interact progress{width:100%;height:4px;accent-color:#607b69}.explore-interact progress::-webkit-progress-value{background:#607b69}.explore-button-stack button:active{transform:translateY(2px);box-shadow:none}.explore-mode .activity-pause{pointer-events:auto}.explore-mode .activity-intro .activity-result-score{font-size:40px}
@media(max-width:380px){.joystick{width:100px;height:100px;flex-basis:100px}.explore-interact{width:155px}.explore-bottom{left:14px;right:14px;gap:12px}.explore-map{width:90px;right:13px}.explore-hud{gap:9px;padding:7px 10px}.explore-hud b{font-size:10px}.explore-hud>div:last-child b{font-size:11px}.explore-mode .activity-intro{padding:18px}.explore-mode .activity-intro h2{font-size:37px}}
@media(max-height:550px) and (min-width:601px){.explore-mode .activity-top{max-width:none}.explore-hud{max-width:530px;margin:auto}.explore-alert{max-width:470px;padding:4px 10px}.balance-bar{padding:4px 9px}.explore-bottom{bottom:18px}.joystick{width:96px;height:96px;flex-basis:96px}.explore-button-stack{flex-direction:row;align-items:flex-end}.explore-interact{width:170px}.explore-map{top:160px;width:88px}.explore-mode .activity-intro{max-height:calc(100dvh - 78px);margin:0 auto;padding:18px}.explore-mode .activity-intro h2{font-size:32px}.explore-mode .activity-intro p{font-size:10px}}