@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;color:#fffdf0;background:radial-gradient(ellipse at 50% 5%,#365c31 0,transparent 55%),linear-gradient(150deg,#173c2c 15%,#213c24 55%,#493322 100%);font:15px 'DM Sans',sans-serif;min-height:100vh}.branches{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.45;z-index:-1}.branches svg{width:100%;height:100%;min-height:1000px}header,main{max-width:1220px;margin:auto}header{padding:25px 36px;display:flex;justify-content:space-between;align-items:center}.brand{font:600 28px Fredoka,sans-serif;letter-spacing:-1px;color:inherit;text-decoration:none}.brand-nut{font-size:30px;margin-right:7px}.brand-dot{color:#f7bd61}.edition{letter-spacing:2.3px;font-size:10px;font-weight:700;color:#d8e6c6;display:flex;align-items:center;gap:10px}.edition span{width:6px;height:6px;border-radius:50%;background:#c6db79;box-shadow:0 0 12px #c6db79}main{padding:0 36px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 27px}.eyebrow{color:#cbdc9a;font-size:10px;letter-spacing:2.5px;font-weight:700}h1{font:500 clamp(28px,3.2vw,43px) Fredoka,sans-serif;letter-spacing:-1px;margin:9px 0}h1 em{font-style:normal;color:#e9c879}.intro p{margin:0;color:#d6dfc9;font-size:14px}.wood-tag{font:500 14px Fredoka,sans-serif;background:linear-gradient(130deg,#705130,#4c3927);border:1px solid #a6804e88;border-radius:9px 20px 9px 20px;padding:14px 20px;transform:rotate(2deg);white-space:nowrap;box-shadow:0 4px 0 #182b1b}.game-frame{padding:9px;background:linear-gradient(125deg,#a17a47,#50351e 40%,#89673b 75%,#43321f);border-radius:23px;box-shadow:0 18px 60px #081f2960,inset 0 2px 1px #caa56f}.game{position:relative;overflow:hidden;border-radius:15px;border:2px solid #2d3b1b;isolation:isolate;background:#54754a}#game{display:block;width:100%;aspect-ratio:1000/560;touch-action:pan-y pinch-zoom;outline:none}.hud{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.stats{display:flex;gap:8px}.stat{background:linear-gradient(135deg,#28432fee,#172e23eb);border:1px solid #e7d5a344;border-radius:12px;padding:9px 17px;min-width:94px;box-shadow:0 3px 8px #132c2230}.stat span{display:block;font-size:9px;color:#cddbbb;letter-spacing:1.3px;font-weight:600}.stat strong{font:500 26px Fredoka,sans-serif}.life-stat strong{color:#ff9d80;letter-spacing:2px}.hud button{pointer-events:auto;background:#25422eea;border:1px solid #d1d9a955;color:white;width:44px;height:44px;border-radius:11px;font-size:21px;cursor:pointer}.game-caption{position:absolute;bottom:12px;left:20px;right:20px;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:1.5px;color:#fff7d0;pointer-events:none;text-shadow:0 2px 4px #1a271b}.game-caption span:last-child{letter-spacing:.4px;font-size:11px}.overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#13301e25;backdrop-filter:blur(2px)}.panel{position:relative;text-align:center;width:360px;padding:25px 28px 20px;background:linear-gradient(145deg,#2e502feb,#193b2bf5);border:1px solid #c6dc9c66;border-radius:25px;box-shadow:0 15px 55px #0a261c55}.panel-eyebrow{font-size:9px;letter-spacing:2px;color:#d7ddad}h2{font:500 34px/1.1 Fredoka,sans-serif;margin:12px 0}.panel p{font-size:13px;color:#e2e8d3;line-height:1.6;margin:10px 0}.mini-animals{height:87px;overflow:hidden;margin-top:-5px}.mini-animals canvas{width:135px;height:105px}.start{display:flex;justify-content:space-between;align-items:center;width:100%;background:linear-gradient(120deg,#f2cb76,#dba048);color:#2a3621;border:1px solid #ffe8a5;border-bottom:4px solid #a96f28;border-radius:12px;padding:12px 19px;font:600 19px Fredoka,sans-serif;cursor:pointer;box-shadow:0 5px 12px #142d2933}.start:hover{filter:brightness(1.07);transform:translateY(-1px)}.panel-help{margin-top:15px;font-size:10px;letter-spacing:.5px;color:#d6dfbd}.below{display:flex;justify-content:space-between;gap:25px;margin:24px 0}.section-label{font-size:10px;letter-spacing:1.5px;color:#e3e8d6;font-weight:700}.section-label span{font-size:11px;letter-spacing:0;color:#b7c8a4;font-weight:400;margin-left:14px}.character-list{display:flex;gap:9px;margin-top:11px}.character{display:flex;align-items:center;gap:5px;text-align:left;border:1px solid #98b17c44;border-radius:12px;background:linear-gradient(140deg,#41624177,#1c3b2a88);padding:4px 12px 4px 3px;color:#fff;width:128px;cursor:pointer;transition:.15s}.character:hover{background:#527646}.character[aria-pressed=true]{border:1px solid #edcb79;background:linear-gradient(130deg,#6d7041,#344b2b);box-shadow:0 0 0 2px #e9c67a13}.character canvas{width:48px;height:55px}.character strong{display:block;font:500 16px Fredoka,sans-serif}.character small{font-size:10px;color:#d4ddc4}.key-row{display:flex;align-items:center;gap:5px;margin-top:10px}.key-row button{width:33px;height:29px;border:1px solid #a6b98766;border-bottom:3px solid #152b1d;background:linear-gradient(135deg,#54714a,#2d4a32);border-radius:6px;color:white;font-size:18px;touch-action:none;cursor:pointer}.vertical{display:flex;flex-direction:column;gap:3px}.key-row p{font-size:11px;line-height:1.9;color:#cbd7bd;margin:0 0 0 10px}.field-guide{background:linear-gradient(110deg,#142f2566,#69472a55);border:1px solid #aeb87e2e;border-radius:17px;padding:18px 22px}.guide-heading{display:flex;justify-content:space-between}.guide-heading>span:last-child{color:#cbd5b7;font-size:11px}.nut-guide{display:grid;grid-template-columns:repeat(5,1fr);margin:13px 0}.nut-item{display:flex;gap:9px;align-items:center}.nut-item canvas{width:43px;height:50px}.nut-item b{font:500 16px Fredoka,sans-serif;display:block}.nut-item small{font-size:10px;color:#d0d7bf}.danger-guide{display:flex;align-items:center;gap:10px;border-top:1px solid #c3c39525;padding-top:12px}.danger-icon{flex-shrink:0;display:grid;place-items:center;width:23px;height:23px;color:#ffe1ce;border:1px solid #f89c70;background:#8a4a32;border-radius:7px;font-weight:700}.danger-guide p{font-size:11px;line-height:1.6;color:#e4d9c2;margin:0}.danger-guide b{color:#fff2dc}footer{text-align:center;padding:25px 0;color:#b6c09e;font-size:9px;letter-spacing:2px}.hidden{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #ffdf8a;outline-offset:4px}@media(max-width:900px){.wood-tag{display:none}.below{flex-wrap:wrap}.controls{display:flex;gap:20px;align-items:center}.key-row{margin:0}.section-label span{display:none}}@media(max-width:600px){header{padding:18px}.edition{font-size:8px;letter-spacing:1px}main{padding:0 12px}.intro{margin:10px 2px 20px}.intro p{font-size:12px;line-height:1.5}h1{font-size:31px}.eyebrow{font-size:8px}#game{aspect-ratio:1000/760}.game-frame{padding:5px}.hud{left:8px;right:8px;top:8px}.stat{padding:6px 8px;min-width:55px}.stat span{font-size:7px;letter-spacing:.7px}.stat strong{font-size:20px}.hud button{width:32px;height:35px}.stats{gap:5px}.panel{width:280px;padding:17px 22px}.panel h2{font-size:29px}.panel p{font-size:12px}.mini-animals{height:65px}.panel-help{font-size:9px}.game-caption{font-size:7px;left:10px;bottom:8px}.game-caption span:last-child{font-size:9px}.character-list{gap:5px;display:grid;grid-template-columns:repeat(4,1fr)}.character{width:auto;display:block;text-align:center;padding:4px 8px 8px}.character canvas{height:47px;width:43px}.characters{width:100%}.character strong{font-size:14px}.character small{font-size:9px}.below{margin:18px 3px;gap:16px}.guide-heading>span:last-child{display:none}.field-guide{padding:15px 12px}.nut-guide{gap:9px;grid-template-columns:repeat(3,1fr)}.nut-item{gap:3px}.nut-item canvas{width:30px;height:40px}.nut-item b{font-size:13px}.nut-item small{font-size:8px}}
.world-picker{margin:0 0 18px}.world-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.world{position:relative;text-align:left;height:104px;border:1px solid #b8d8ad44;border-radius:13px;background-size:cover;background-position:center 50%;padding:34px 17px 12px;color:white;cursor:pointer;box-shadow:0 4px 15px #09291f22;transition:transform .2s,border-color .2s}.world:hover{transform:translateY(-2px)}.world strong{display:block;font:500 22px Fredoka,sans-serif;text-shadow:0 2px 5px #102029}.world small{font-size:11px;color:#e5eedb;text-shadow:0 2px 4px #000}.world[aria-pressed=true]{border-color:#ffdf8e;box-shadow:0 0 0 2px #f6cc6925}.world-check{display:none;position:absolute;right:12px;top:10px;background:#f1cf7e;color:#27422e;border-radius:50%;width:22px;height:22px;text-align:center;line-height:22px}.world[aria-pressed=true] .world-check{display:block}.phase{position:absolute;right:20px;bottom:12px;z-index:1;pointer-events:none;border:1px solid #d6e3a966;background:#21402ccf;border-radius:7px;padding:5px 9px;font-size:9px;letter-spacing:1px;color:#ecf8cf}.phase.danger{background:#6f4531dd;border-color:#efb68199}.game-caption{right:auto;max-width:65%}.characters{flex:1}.character-list{flex-wrap:wrap;gap:7px}.character{width:115px}.character canvas{width:42px}.character small{font-size:9px}.controls{flex-shrink:0}.below{gap:18px}.records{padding:17px 22px;margin:0 0 17px;background:linear-gradient(110deg,#142f2566,#69472a55);border:1px solid #aeb87e2e;border-radius:17px}.record-title{display:flex;justify-content:space-between;gap:12px}.record-title small{font-size:10px;color:#d0d9bf}.record-stats{display:flex;gap:36px;margin-top:15px;align-items:center}.record-stats>div{display:flex;flex-direction:column;gap:4px}.record-stats small{font-size:8px;letter-spacing:1.2px;color:#c4d5b5}.record-stats strong{font:500 24px Fredoka,sans-serif;color:#ffe5a1}.record-stats .recent{flex:1;border-left:1px solid #d7d6a42a;padding-left:25px;gap:9px}.recent span{font-size:11px;line-height:1.7;color:#e7ead9}.timer-stat strong{font-variant-numeric:tabular-nums}.nut-item small{font-size:9px}body[data-world="1"]{background:radial-gradient(ellipse at 50% 5%,#235e5e,transparent 60%),linear-gradient(150deg,#123c40,#173a31 60%,#3c4932)}body[data-world="2"]{background:radial-gradient(ellipse at 50% 5%,#3c4364,transparent 60%),linear-gradient(150deg,#1a3040,#253d34 60%,#4d3548)}@media(max-width:900px){.below{flex-direction:column}.character{width:calc(25% - 6px)}.character-list{max-width:100%}.controls{justify-content:space-between}.records{padding:16px}.record-stats{gap:25px}}@media(max-width:600px){.world-list{gap:6px}.world{height:88px;padding:30px 9px 8px;border-radius:10px}.world strong{font-size:18px}.world small{font-size:8px;line-height:1.3;display:block}.world-check{width:17px;height:17px;line-height:17px;font-size:11px;right:7px;top:7px}.stat{min-width:42px;padding:6px}.stat strong{font-size:18px}.stat span{font-size:6px}.life-stat strong{font-size:17px;letter-spacing:0}.character-list{display:grid;grid-template-columns:repeat(4,1fr)}.character{width:100%}.phase{right:8px;bottom:7px;font-size:6px;padding:4px 5px;letter-spacing:.5px}.game-caption{max-width:58%;gap:5px;font-size:6px}.game-caption span:last-child{font-size:7px}.record-title{flex-direction:column;gap:5px}.record-stats{flex-wrap:wrap;gap:15px 27px}.record-stats .recent{flex-basis:100%;border-left:0;border-top:1px solid #d7d6a42a;padding:12px 0 0}.nut-item small{font-size:7px}.panel h2{font-size:26px}}
.play-settings{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 17px;padding:13px 17px;border:1px solid #d3d4a638;background:#152f2888;border-radius:13px}.speed-setting{width:min(440px,55%)}.speed-setting label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.speed-setting output{color:#ffe19a;font-variant-numeric:tabular-nums}.speed-track{display:flex;align-items:center;gap:12px;margin-top:9px}.speed-track span{font-size:9px;color:#d0ddbf}.speed-track input{flex:1;width:100%;min-width:50px;accent-color:#ecc773;height:24px;cursor:pointer;touch-action:pan-y}.setting-actions{display:flex;gap:8px}.setting-actions button{border:1px solid #cbd5a64d;background:#3e593e;color:#fff9e4;border-radius:8px;padding:9px 12px;font:500 12px 'DM Sans',sans-serif;cursor:pointer}.setting-actions button[aria-pressed=true]{border-color:#efcf83;background:#55623d}.mobile-pad{display:none;justify-content:space-between;align-items:center;padding:17px 26px 10px;margin-top:9px;border:1px solid #b9d2a438;border-radius:17px;background:linear-gradient(110deg,#163e30cc,#533c26aa);user-select:none;-webkit-user-select:none}.joystick-area{text-align:center}.joystick{position:relative;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#1e362c,#112a24);border:2px solid #b5c79877;box-shadow:inset 0 4px 12px #071a1b77,0 3px 0 #11271c;touch-action:none}.stick-knob{position:absolute;left:31px;top:31px;width:46px;height:46px;border-radius:50%;border:2px solid #e4d7a5;background:radial-gradient(circle at 35% 25%,#b9c386,#617845 65%,#37512f);box-shadow:0 5px 9px #081c2666;pointer-events:none}.stick-axis{position:absolute;top:45px;left:11px;right:11px;color:#b0c29955;letter-spacing:11px;font-size:16px;pointer-events:none}.joystick-area small{display:block;font-size:8px;letter-spacing:.7px;margin-top:9px;color:#d4dfc5}.touch-help{text-align:center;font-size:12px;line-height:1.6;color:#d8e4cb}.touch-actions{display:flex;gap:10px;align-items:center}.jump-touch{width:84px;height:84px;border-radius:50%;border:2px solid #ffdf98;border-bottom:6px solid #aa7431;background:radial-gradient(circle at 40% 30%,#ffe2a0,#e4af55);color:#3b4829;font-size:31px;touch-action:none;box-shadow:0 5px 10px #0b201c44}.jump-touch span{display:block;font:bold 12px 'DM Sans',sans-serif;letter-spacing:1px}.duck-touch{align-self:flex-end;color:#fff7dc;border:1px solid #c4d19b88;border-radius:10px;background:#35563b;padding:12px;font:600 11px 'DM Sans',sans-serif;touch-action:none}.jump-touch:active{transform:translateY(3px);border-bottom-width:3px}.hazard-alert{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:max-content;max-width:95%;border:2px solid #ffc987;border-radius:11px;background:#883927ee;color:#fff7d8;padding:10px 17px;font:500 16px Fredoka,sans-serif;text-align:center;box-shadow:0 0 20px #ed724c66;z-index:3;pointer-events:none;animation:warning-pulse .7s ease-in-out infinite alternate}.overlay{z-index:5}@keyframes warning-pulse{to{box-shadow:0 0 27px #ff8d6299;border-color:#fff0bd}}body[data-touch=show] .mobile-pad{display:flex}body[data-touch=hide] .mobile-pad{display:none}body[data-touch=show] .controls{display:none}@media(pointer:coarse),(max-width:760px){body:not([data-touch=hide]) .mobile-pad{display:flex}.controls{display:none}.game-frame{scroll-margin-top:10px}}@media(max-width:600px){.play-settings{padding:12px;gap:12px;flex-wrap:wrap}.speed-setting{width:100%}.setting-actions{width:100%;justify-content:flex-end}.setting-actions button{font-size:11px;padding:8px 12px}.speed-track{gap:7px}.mobile-pad{padding:13px 15px 9px}.joystick{width:100px;height:100px}.stick-knob{left:27px;top:27px;width:42px;height:42px}.stick-axis{top:40px}.joystick-area small{font-size:6px;letter-spacing:.4px}.touch-help{display:none}.touch-actions{gap:8px}.jump-touch{width:75px;height:75px}.duck-touch{padding:11px 8px;font-size:9px}.hazard-alert{top:62px;padding:8px 10px;font-size:12px}.panel-help{font-size:8px}main{padding-bottom:env(safe-area-inset-bottom)}}@media(prefers-reduced-motion:reduce){.hazard-alert{animation:none}}
/* The outfitter: leafy glass, warm brass, and generous cards. */
.header-actions,.wallet,.round-actions,.active-friend,.item-actions,.page-bottom,.wardrobe-toolbar{display:flex;align-items:center;gap:12px}.header-actions{margin-left:auto}.wallet{border:1px solid #f0df9a35;padding:10px 16px;border-radius:30px;background:#163a2bbd}.wallet small{font-size:9px;letter-spacing:1.4px;color:#d7debd}.coin-icon{color:#f0cf76}.menu-toggle{width:44px;height:42px;display:grid;align-content:center;gap:5px;padding:11px;border:1px solid #d8e0b645;border-radius:12px;background:#274f35}.menu-toggle span{height:2px;background:#fcf6df;width:20px}.round-actions{gap:6px}.round-actions button{height:34px;width:34px;border:1px solid #fff5;border-radius:9px;background:#173b35cc;color:#fff;font-size:20px;cursor:pointer}.menu-shade{position:fixed;inset:0;background:#06170fb8;z-index:99;backdrop-filter:blur(5px)}.side-menu{position:fixed;right:0;top:0;bottom:0;width:min(370px,90vw);padding:32px 26px;background:linear-gradient(145deg,#2c5137,#172e25 70%,#423629);box-shadow:-10px 0 80px #0006;z-index:100;overflow:auto}.drawer-top{display:flex;align-items:center;justify-content:space-between}.drawer-top .brand{font-size:21px}.drawer-top button{font-size:28px;color:#fff;background:none;border:0}.side-menu>p,.drawer-note{font-size:12px;color:#b9c7ad;line-height:1.6}.side-menu nav{display:grid;gap:10px;margin:35px 0}.side-menu nav button{display:flex;gap:20px;align-items:center;padding:17px;color:#e4edce;border:1px solid #ffffff14;border-radius:12px;background:#ffffff06;text-align:left;font-size:25px}.side-menu nav span{font-size:18px;font-weight:700}.side-menu nav small{display:block;font-size:11px;font-weight:400;color:#b1c0a7;margin-top:5px}.drawer-divider{height:1px;background:#d5daba22;margin:20px 0}.drawer-action{display:block;width:100%;text-align:left;border:0;background:none;padding:14px;color:#e4edce;font-size:16px}.drawer-note{margin-top:35px}.page-heading{padding:40px 0 30px}.page-heading h1{font-size:clamp(30px,4.5vw,52px);margin:12px 0}.page-heading p{color:#bdcbb6;font-size:15px;line-height:1.6}.page-heading em{color:#d4e7a8;font-style:normal}.active-friend{justify-content:space-between;padding:23px 26px;margin:18px 0;background:#ffffff08;border:1px solid #a9bb7930;border-radius:16px;flex-wrap:wrap}.active-friend strong{display:block;margin-top:6px;font-size:18px}.active-friend button,.secondary-action,.item-actions button,.outfit-slots button,.wardrobe-filters button,.pause-actions button{border:1px solid #bccc9a40;background:#ffffff08;color:#f5f1da;padding:10px 14px;border-radius:10px;cursor:pointer;font:inherit}.primary-action,.coin-pack button{border:0;border-radius:10px;background:#dfebae;color:#253e2c;font:inherit;font-weight:700;padding:13px 20px;cursor:pointer}.text-button{border:0;background:none;color:#d8e7b2;padding:15px;cursor:pointer}.page-bottom{margin:32px 0 55px;flex-wrap:wrap}.character-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.character-page-grid .character{width:100%;display:flex;flex-direction:column;border:1px solid #aec98d30;background:radial-gradient(ellipse at 50% 30%,#77965e38,#193a2b 80%);border-radius:20px;padding:15px;transition:transform .2s,border-color .2s}.character-page-grid .character:hover{transform:translateY(-4px)}.character-page-grid .character[aria-pressed=true]{border:2px solid #d9e8a6;background:radial-gradient(ellipse at 50% 30%,#a3b97050,#244833 80%)}.character-page-grid .character canvas{width:100%;height:auto;max-width:220px}.character-page-grid .character span{display:block;padding:9px}.character-page-grid .character strong{font-size:21px;display:block}.character-page-grid .character small{display:block;color:#bdcbb6;margin-top:5px}.wardrobe-layout{display:grid;grid-template-columns:310px 1fr;gap:28px;align-items:start}.outfit-preview{position:sticky;top:20px;border:1px solid #c5d3a033;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#31523c,#20392f);text-align:center;padding:0 20px 24px}.preview-scene{margin:0 -20px 20px;position:relative;background:radial-gradient(ellipse at 50% 65%,#b8c47950,transparent 65%),linear-gradient(#284a39,#56704a);border-bottom:1px solid #ffffff12}.preview-scene:after{content:'';position:absolute;bottom:10%;left:20%;width:60%;height:5%;border-radius:100%;background:#112d2930}.preview-scene canvas{position:relative;z-index:1;width:100%;height:auto}.preview-scene span{position:absolute;bottom:12px;left:0;right:0;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#f1e9b7}.outfit-preview h2{margin:0;font-size:25px}.outfit-preview p{font-size:13px;color:#c4d1bc}.outfit-preview>small{display:block;color:#aebfa7;font-size:11px;line-height:1.6;margin-top:14px}.outfit-slots{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin-bottom:15px}.outfit-slots button{font-size:10px;padding:6px 9px}.wardrobe-filters{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.wardrobe-filters button{font-size:12px;border-radius:20px}.wardrobe-filters button[aria-pressed=true]{color:#263b2b;background:#deebb1}.wardrobe-toolbar{justify-content:space-between;margin:20px 0;color:#bdc9ac;font-size:12px}.cosmetic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cosmetic-card{border:1px solid #acc18a26;border-radius:16px;overflow:hidden;background:#223d30}.item-art{position:relative;background:radial-gradient(ellipse,#8ea87528,transparent 75%)}.item-art canvas{display:block;width:100%;height:auto}.tier{position:absolute;left:10px;top:10px;text-transform:uppercase;font-size:8px;letter-spacing:1px;color:#c7d6b5}.item-info{padding:0 14px 15px}.item-info h3{font-size:14px;margin:0 0 7px}.item-price{color:#ead698;font-size:12px}.item-actions{gap:5px;margin-top:13px}.item-actions button{font-size:11px;padding:8px;flex:1}.item-actions .buy-item{background:#bfd38f;color:#253927;font-weight:700}.epic{border-color:#a795d54d}.legendary{border-color:#dcc98180}.legendary .item-art{background:radial-gradient(ellipse,#72d1c333,transparent 75%)}.rare .tier{color:#a2d4e9}.epic .tier{color:#d1b0fa}.legendary .tier{color:#f5d98d}button:disabled{opacity:.5;cursor:not-allowed}.shop-wallet{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:28px;border:1px solid #c9c68b45;background:linear-gradient(110deg,#4b5638,#243e30);border-radius:20px}.shop-wallet small{font-size:10px;letter-spacing:2px}.shop-wallet strong{display:block;font-size:40px;margin-top:6px}.shop-wallet p{flex:1;min-width:230px;max-width:530px;font-size:14px;line-height:1.8;color:#d0dac1}.shop-section-title{font-size:24px;margin-top:42px}.shop-notice{background:#c6b66b12;border-left:3px solid #d7c287;padding:14px 18px;font-size:13px;line-height:1.6;color:#ded6b6;margin-bottom:22px}.coin-packs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.coin-pack{padding:22px 12px;text-align:center;background:linear-gradient(160deg,#3c5336,#243a2d);border:1px solid #c0cb9340;border-radius:18px}.pack-art{display:block;font-size:48px;color:#ebca75;text-shadow:0 3px #8a6840,0 0 30px #eed08445}.coin-pack small{display:block;font-size:11px;color:#c6d1b5;margin:13px 0}.coin-pack h3{font-size:30px;margin:8px 0}.coin-pack h3 span{display:block;font-size:12px;color:#c6d1b5}.coin-pack p{font-size:15px}.coin-pack button{font-size:12px;width:100%;padding:11px 5px}.earn-guide{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;margin:55px 0}.earn-guide p,.earn-guide li{font-size:13px;line-height:1.8;color:#c0cfb6}.earn-guide h2{font-size:29px}.earn-details{padding:20px 28px;background:#ffffff06;border-radius:18px}.earn-details details{font-size:12px;color:#dfdfbd;margin-top:20px}.reward-examples>div{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-bottom:1px solid #b9ca9425;padding:15px 0;gap:10px}.reward-examples strong{font-size:13px}.reward-examples small{font-size:11px;color:#b7c8ae}.reward-examples b{font-size:15px;color:#e2cf83}.round-reward{background:#607e3d27;border:1px solid #aec67c70;color:#405b34;border-radius:10px;padding:12px;font-size:12px;margin-top:12px}.pause-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.pause-actions button{color:#405b34;border-color:#58713e40}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:120;max-width:90vw;width:max-content;background:#eff1d5;color:#243d2b;box-shadow:0 8px 40px #0005;border-radius:12px;padding:15px 22px;font-size:14px}.setting-actions{display:flex;gap:6px;flex-wrap:wrap}.setting-actions #music-toggle{border:1px solid #ffffff30;border-radius:10px;padding:10px;color:#fff;background:#ffffff09}.hidden{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #edce78;outline-offset:4px}@media(max-width:1000px){.wardrobe-layout{grid-template-columns:260px 1fr}.cosmetic-grid{grid-template-columns:repeat(2,1fr)}.coin-packs{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.page-heading{padding:25px 0}.character-page-grid{grid-template-columns:repeat(2,1fr);gap:10px}.wardrobe-layout{grid-template-columns:1fr}.outfit-preview{position:static}.preview-scene{max-height:270px;overflow:hidden}.preview-scene canvas{width:330px;max-width:100%}.outfit-preview>small{max-width:300px;margin:10px auto}.coin-packs{grid-template-columns:repeat(2,1fr)}.earn-guide{grid-template-columns:1fr;gap:20px}.active-friend{padding:18px}.active-friend button{font-size:12px}.wallet{padding:9px 12px}.wallet small{display:none}.round-actions{gap:3px}.round-actions button{height:29px;width:29px;font-size:17px}.shop-wallet{gap:14px;padding:22px}.reward-examples>div{grid-template-columns:1fr auto}.reward-examples small{grid-column:1;grid-row:auto}.reward-examples b{grid-column:2;grid-row:1/3}.item-info{padding:0 10px 12px}.setting-actions{justify-content:flex-end}}
.round-reward{color:#edf3cf;background:#c9df8d16;border-color:#d4e49d55}.pause-actions button{color:#f0efd7;border-color:#d0dfa84d}
/* Green woodland shell, electric periwinkle controls. */
body,body[data-world="1"],body[data-world="2"]{background:radial-gradient(ellipse at 50% 0,#335f36 0,#173d2b 50%,#102e23 100%);color:#fff}
button,.sign-in{transition:background .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s}
button:not(.world):not(.character):not(.item-art),.primary-action,.secondary-action,.coin-pack button,.start,.sign-in{background:linear-gradient(125deg,#665af5,#9264ec);color:#fff;border:1px solid #b4a6ff80;box-shadow:0 3px 0 #30246b55}
button:not(:disabled):hover,.primary-action:hover,.secondary-action:hover,.sign-in:hover{background:linear-gradient(125deg,#468af4,#b17bff)!important;color:#fff!important;border-color:#c5d5ff!important;box-shadow:0 0 19px #8980ff55;transform:translateY(-1px)}
button:focus-visible,.sign-in:focus-visible{outline:3px solid #83c9ff;outline-offset:4px}
button[aria-pressed="true"]:not(.world):not(.character){background:linear-gradient(125deg,#6a79ff,#a45cfa);color:#fff;border-color:#c9b8ff}
.world:hover,.character:hover{background-color:#5e54bd!important;border-color:#baa8ff!important}
.wallet{background:#414582aa;border-color:#a5a6fd55}.outfit-preview{background:linear-gradient(145deg,#454878,#34305e);border-color:#a3a5ed55}.preview-scene{background:radial-gradient(ellipse at 50% 65%,#a1bfff70,transparent 65%),linear-gradient(#424b80,#6565a5)}
.cosmetic-card{background:#353756;border-color:#9290d343;cursor:pointer}.cosmetic-card:hover{background:#44426d;border-color:#aaa3fa}.cosmetic-card.is-preview{border-color:#a5d0ff;box-shadow:0 0 0 2px #8d80f4}.item-art{display:block;position:relative;width:100%;padding:0;border:0;color:inherit;border-radius:0;background:radial-gradient(ellipse,#9aa9ef33,transparent 75%);box-shadow:none}.item-art canvas{pointer-events:none}.tier{pointer-events:none}.item-info h3{cursor:pointer}.item-actions .buy-item{background:linear-gradient(125deg,#5c6fee,#9b62ee);color:#fff}
.coin-pack,.shop-wallet{background:linear-gradient(145deg,#414678,#333653);border-color:#b2a4ff55}.side-menu{background:linear-gradient(145deg,#244d33,#173a29)}.side-menu nav button{background:linear-gradient(125deg,#5856b9,#7756b9)}.wardrobe-toolbar{color:#edeaff}.shop-notice{background:#7478e525;border-color:#a9aaff;color:#eceaff}.earn-details{background:#5a5b9720}.sign-in{padding:9px 12px;border-radius:12px;font-size:12px;text-decoration:none}.nut-guide{grid-template-columns:repeat(3,1fr)}
@media(max-width:650px){.sign-in{font-size:10px;padding:7px}.nut-guide{grid-template-columns:repeat(2,1fr)}}
/* A bright sunset clearing for the character, wardrobe and coin pages. */
body:not([data-page="play"]){background:#f9cfa8;color:#000;isolation:isolate}
body:not([data-page="play"]):before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#ffd7be30,#ffd69245 55%,#b8d4a360),url('assets/forest.webp') center/cover no-repeat;filter:brightness(1.25) saturate(.85)}
body:not([data-page="play"]):after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 12%,#fff9cdda 0,#ffd19a85 23%,transparent 60%),linear-gradient(180deg,#edb0c54d,transparent 50%,#f9deb687);mix-blend-mode:screen}
body:not([data-page="play"]) .branches{display:none}
body:not([data-page="play"]) header{position:sticky;top:0;z-index:30;max-width:none;background:#fff2e9ed;backdrop-filter:blur(16px);box-shadow:0 2px 18px #543b4b15;gap:18px;padding:14px max(24px,calc((100vw - 1148px)/2))}
.back-to-game{flex-shrink:0;border-radius:12px;padding:12px 17px;font:600 14px 'DM Sans',sans-serif;cursor:pointer}
body:not([data-page="play"]) .page-heading{padding:32px 0 22px}
body:not([data-page="play"]) .page-heading h1{font-size:clamp(30px,4vw,46px);color:#000}
body:not([data-page="play"]) .page-heading p{color:#000;max-width:650px;background:#fff8efb8;border-radius:10px;padding:10px 14px;display:inline-block;margin:0}
body:not([data-page="play"]) :is(.outfit-preview,.cosmetic-card,.coin-pack,.shop-wallet,.earn-details,.character-page-grid .character){background:linear-gradient(145deg,#fffaf5f5,#e4ddfff5);border:1px solid #fff;box-shadow:0 8px 25px #694c7530;color:#000}
body:not([data-page="play"]) .character-page-grid .character[aria-pressed=true]{border:2px solid #7967e6;background:linear-gradient(145deg,#fffaf5,#d5c9ff)}
body:not([data-page="play"]) .preview-scene{background:radial-gradient(ellipse at 50% 60%,#fff7dc,#e7d4f4 65%,#d0cff6)}
body:not([data-page="play"]) .outfit-preview{top:96px}
body:not([data-page="play"]) :is(p,small,h2,h3,.item-price,.tier,.wardrobe-toolbar,.preview-scene span,.outfit-preview p,.outfit-preview>small,.shop-wallet p,.coin-pack small,.coin-pack h3 span,.earn-guide li,.earn-details details,.reward-examples small,.reward-examples b,.character small,footer){color:#000}
body:not([data-page="play"]) :is(button,a.sign-in,.wallet,.wallet small,.side-menu,.side-menu p,.side-menu small,.side-menu .brand){color:#fff}
body:not([data-page="play"]) .item-art{background:radial-gradient(ellipse,#fffaf088,transparent 75%);color:#000}
body:not([data-page="play"]) .cosmetic-card.is-preview{border:2px solid #7667df;box-shadow:0 0 0 3px #ffffff90}
body:not([data-page="play"]) .shop-notice{background:#fff7eded;color:#000;border-color:#8472e8;border-radius:8px}
body:not([data-page="play"]) .earn-guide{background:#fff5e5e0;padding:25px;border-radius:20px}
body:not([data-page="play"]) .coin-icon{color:inherit}
.rotation-controls{display:flex;justify-content:center;gap:8px;margin:0 0 18px}.rotation-controls button{padding:8px 12px;border-radius:9px;cursor:pointer;font:inherit}.rotation-controls button:first-child,.rotation-controls button:last-child{font-size:22px}
#outfit-preview{touch-action:pan-y;cursor:grab}#outfit-preview.dragging{cursor:grabbing}
.checkout-link{display:block;margin-top:14px;padding:12px 5px;background:#fff;border:2px solid #7054d8;border-radius:10px;color:#000!important;font-weight:700;font-size:12px;text-decoration:none}.checkout-link:hover{background:#e7dfff}
@media(max-width:650px){body:not([data-page="play"]) header{padding:10px 12px;gap:8px;flex-wrap:wrap}body:not([data-page="play"]) header>.brand{display:none}.back-to-game{font-size:12px;padding:11px}body:not([data-page="play"]) .page-heading{padding-top:24px}body:not([data-page="play"]) .outfit-preview{top:auto}body:not([data-page="play"]) .earn-guide{padding:18px}body:not([data-page="play"]) .header-actions{gap:7px}.preview-scene{max-height:none}.preview-scene canvas{max-height:290px;width:auto;max-width:100%}}
/* Persistent, wrapping navigation replaces the drawer on every screen. */
header,body:not([data-page="play"]) header{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;max-width:none;gap:12px 20px;padding:14px max(24px,calc((100vw - 1148px)/2));background:#fff0e4f2;color:#000;backdrop-filter:blur(14px);box-shadow:0 2px 18px #543b4b20}
.top-nav{display:flex;flex:1 0 100%;gap:8px;align-items:center;flex-wrap:wrap}.top-nav button{border-radius:10px;padding:9px 16px;cursor:pointer;font:600 13px 'DM Sans',sans-serif}.top-nav [aria-current="page"]{background:linear-gradient(125deg,#4037a9,#7754c8)!important;box-shadow:inset 0 0 0 2px #d3c8ff}.top-nav #nav-new{margin-left:auto}.top-nav #nav-quit{background:linear-gradient(125deg,#665480,#9368a4)}
body:not([data-page="play"]):before{filter:brightness(.94) saturate(.88);background:linear-gradient(180deg,#d6a99915,#d4a68c20 55%,#7b987728),url('assets/forest.webp') center/cover no-repeat}
body:not([data-page="play"]):after{background:radial-gradient(ellipse at 70% 12%,#ffe0b23b 0,#f7b78520 23%,transparent 60%),linear-gradient(180deg,#edb0c51c,transparent 50%,#f9deb620);mix-blend-mode:normal}
body:not([data-page="play"]) .outfit-preview{top:146px}.world-list{grid-template-columns:repeat(5,minmax(0,1fr))}.world{height:116px;padding:35px 12px 12px}.world strong{font-size:21px}.world small{display:block;line-height:1.4;font-size:10px}
@media(max-width:850px){.world-list{grid-template-columns:repeat(3,minmax(0,1fr))}.top-nav button{flex:1;padding:10px 8px}.top-nav #nav-new{margin-left:0}}
@media(max-width:650px){header,body:not([data-page="play"]) header{padding:10px 12px;gap:8px}.top-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.top-nav button{font-size:11px;padding:9px 4px}body:not([data-page="play"]) .outfit-preview{top:auto}.world-list{grid-template-columns:repeat(2,minmax(0,1fr))}.world:last-child{grid-column:1/-1}.world{height:95px}.brand{font-size:22px}}
/* Compact navigation stays in normal document flow. */
header,body:not([data-page="play"]) header{position:relative;top:auto;padding-top:8px;padding-bottom:8px;gap:7px 16px;backdrop-filter:none}.top-nav{flex:1 1 auto}.top-nav button{padding:7px 11px;font-size:12px}.brand{font-size:23px}.header-actions{order:3}.top-nav #nav-new{margin-left:0}body:not([data-page="play"]) .outfit-preview{top:16px}
.game .mobile-pad{position:absolute;left:0;right:0;bottom:0;margin:0;border:0;border-radius:0;z-index:4;padding:5px 12px;background:linear-gradient(transparent,#17362d80);pointer-events:none;justify-content:space-between}.game .mobile-pad>*{pointer-events:auto}.game .joystick{width:72px;height:72px}.game .stick-knob{width:32px;height:32px;left:18px;top:18px}.game .stick-axis{top:26px;left:4px;right:4px;font-size:12px}.game .jump-touch{width:61px;height:61px;font-size:23px}.game .duck-touch{padding:8px;font-size:9px}.game .touch-help,.game .joystick-area small{display:none}.game .game-caption{bottom:3px}.game:has(.mobile-pad[style]){touch-action:pan-y pinch-zoom}
@media(max-width:650px){header,body:not([data-page="play"]) header{padding:7px 10px}.top-nav{order:4;flex-basis:100%;gap:4px}.top-nav button{padding:7px 3px;font-size:11px}.game-caption,.phase{display:none}.game .mobile-pad{padding:3px 8px}.game .touch-actions{gap:5px}}

/* The page takes its palette from the selected scene. */
body[data-page]{--scene-top:#c7dab0;--scene-bottom:#eff0d1;background:linear-gradient(155deg,var(--scene-top),var(--scene-bottom));background-attachment:fixed;color:#182c2b}
body[data-page][data-world="1"]{--scene-top:#83d6df;--scene-bottom:#d0eaf2}
body[data-page][data-world="2"]{--scene-top:#b4b8df;--scene-bottom:#f0d1d4}
body[data-page][data-world="3"]{--scene-top:#9297d0;--scene-bottom:#d4c9ec}
body[data-page][data-world="4"]{--scene-top:#edb5ac;--scene-bottom:#f6e1b9}
body[data-page="play"] .branches{display:none}
body[data-page="play"] main{max-width:1760px;padding:0 24px 28px;width:100%}
body[data-page="play"] header{padding-left:24px;padding-right:24px;background:#ffffffb3;box-shadow:0 2px 18px #263d4a12}
body[data-page="play"] .intro{margin:16px 0 20px}
body[data-page="play"] :is(.eyebrow,.intro p,.intro h1 em,.world-picker>.section-label,.world-picker>.section-label span){color:#263c40}
body[data-page="play"] .play-settings{background:#ffffff80;border-color:#ffffffa8;color:#1c3037}
body[data-page="play"] :is(.speed-setting label,.speed-track,.speed-track span){color:#263c40}
body[data-page="play"] .game-frame{padding:6px;box-shadow:0 12px 35px #243d4930;background:linear-gradient(140deg,#ffffffb0,#53616a60);border-radius:22px}
body[data-page="play"] .game{border-color:#ffffff70}
body[data-page="play"] footer{display:none}
@media(max-width:650px){body[data-page="play"] main{padding:0 10px 16px}body[data-page="play"] header{padding-left:10px;padding-right:10px}body[data-page="play"] .game-frame{padding:4px}}
body[data-page="play"] .game{color:#fff}
body[data-page="play"] .wood-tag{color:#fff}
body[data-page="play"] #speed-value{color:#493397}
body[data-page="play"] .setting-actions #music-toggle{background:linear-gradient(125deg,#6854e8,#8f65ed);color:#fff;border-color:#ffffff50}
body[data-page="play"] .setting-actions #music-toggle:hover{background:linear-gradient(125deg,#4c91ed,#aa72ff)}

/* Keep every page in the current world's palette. */
body:not([data-page="play"]):before,body:not([data-page="play"]):after{display:none}
body:not([data-page="play"]) header{background:#ffffffb3}
body:not([data-page="play"]) .outfit-preview{background:transparent;border:0;box-shadow:none;padding:0;text-align:center}
body:not([data-page="play"]) .outfit-preview .preview-scene{background:transparent;border:0;margin:0}
.outfit-preview .preview-scene:after{display:none}
.outfit-preview .text-button{border-radius:12px;margin:8px auto 20px;padding:14px 18px}
.wardrobe-layout{grid-template-columns:minmax(340px,40%) 1fr;gap:28px}
.outfit-preview .preview-scene canvas{width:100%;height:auto;max-height:none;max-width:none}
.round-reward{font:600 24px Fredoka,sans-serif;color:#ffe49b;background:#192f35;border-color:#edd69470}
@media(max-width:750px){.wardrobe-layout{grid-template-columns:1fr}.outfit-preview .preview-scene{max-height:none}.outfit-preview .preview-scene canvas{width:min(100%,440px)}}

/* Swipe the scenery to scroll; only the touch controls capture gestures. */
.game{touch-action:pan-y pinch-zoom}
.game .mobile-pad{bottom:18px;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));background:none}
.game .joystick{width:96px;height:96px}
.game .stick-knob{width:44px;height:44px;left:24px;top:24px}
.game .stick-axis{top:37px;left:7px;right:7px;font-size:14px}
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #game{aspect-ratio:1000/540}
 .game .mobile-pad{bottom:14px}
}
/* App shell: side navigation, launch screen and an immersive game view. */
body[data-page]{--rail:190px}
body[data-page] .branches,body[data-page] footer{display:none}
body[data-page] header{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100dvh;padding:26px 16px;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:30px;background:#ffffffb5;box-shadow:2px 0 25px #243c4110;z-index:30;overflow-y:auto}
body[data-page] .brand{display:flex;align-items:center;gap:6px;font-size:20px;letter-spacing:-.5px}
body[data-page] .brand img{width:33px;height:38px}
body[data-page] .top-nav{display:flex;flex-direction:column;align-items:stretch;flex:none;gap:10px;order:0}
body[data-page] .top-nav button{text-align:left;font-size:14px;padding:14px 12px;border-radius:14px}
body[data-page] .header-actions{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:12px;order:0}
body[data-page] main{width:auto;max-width:1400px;margin-left:var(--rail);padding:28px 40px}
body[data-page] .back-to-game{display:inline-block!important;margin-bottom:8px}
.home-hero{min-height:calc(100dvh - 56px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}
.home-wordmark{display:flex;align-items:center;justify-content:center;gap:16px}.home-wordmark img{width:72px;height:82px;filter:drop-shadow(0 5px 0 #8e73422a)}
.home-wordmark h1{font:600 clamp(48px,7vw,90px) Fredoka,sans-serif;letter-spacing:-3px;margin:0;color:#293b35}.home-wordmark h1 span{color:#6c4bcd}
.home-tagline{font-size:16px;color:#324b45;margin:12px 0 0}.home-hero canvas{width:min(470px,48vh);height:auto;max-width:95%;margin:-12px 0 -15px;filter:drop-shadow(0 15px 10px #263c3725)}
.home-play{display:flex;align-items:center;justify-content:center;gap:60px;min-width:270px;padding:20px 35px;border-radius:24px;border:2px solid #ffffff90;border-bottom:6px solid #5134ad;font:600 32px Fredoka,sans-serif;box-shadow:0 12px 28px #6b4cac30;cursor:pointer}
#page-scenes .world-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#page-scenes .world{height:190px;padding:90px 18px 18px;border-radius:22px}#page-scenes .world strong{font-size:28px}#page-scenes .world small{font-size:12px}
#page-settings .play-settings{margin-top:25px;background:#ffffff8c;color:#243a36;padding:25px;border-radius:20px;display:flex;gap:30px;flex-wrap:wrap}#page-settings .speed-setting{width:min(100%,400px)}#page-settings :is(label,.speed-track,output){color:#263c40}
body[data-page="play"]{overflow:hidden;overscroll-behavior:none;height:100dvh;min-height:0}
body[data-page="play"] header{display:none}
body[data-page="play"] main{position:fixed;inset:0;margin:0;padding:0;max-width:none;width:100%;height:100dvh;overflow:hidden}
#page-play{height:100%;width:100%;display:flex;align-items:center;justify-content:center}
body[data-page="play"] .game-frame{width:min(100vw,calc(100dvh * 1000 / 560));padding:0;border-radius:0;box-shadow:none;flex:none}
body[data-page="play"] .game{border:0;border-radius:0;touch-action:none}
body[data-page="play"] #game{width:100%;height:auto;aspect-ratio:1000/560;touch-action:none}
body[data-page="play"] .game:has(.mobile-pad[style]){touch-action:none}
.game .mobile-pad{bottom:clamp(36px,9%,62px);padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));align-items:center}
.game .joystick{width:100px;height:100px}.game .stick-knob{left:26px;top:26px}.game .stick-axis{top:39px}
.game .jump-touch{width:76px;height:76px}.game .hud{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));align-items:flex-start}.game .stat{min-width:66px;padding:7px 12px}.game .stat strong{font-size:23px}.game .round-actions #pause{width:34px;height:34px;font-size:16px;line-height:1;border-radius:10px}
.game .game-caption,.game .phase{display:none}.game .overlay{z-index:10;padding:12px;overflow-y:auto}.game .panel{width:min(360px,90vw);max-height:100%;padding:22px 25px}.game .panel .mini-animals{display:none}.game .panel-help{font-size:9px}.game .panel-eyebrow{color:#d0e3bb}.game .pause-actions{flex-wrap:wrap}.game .pause-actions button,.game #result-home{color:#fff}.result-best{font-size:13px;color:#e8e0ff;margin:14px 0}.result-best strong{display:block;font:600 32px Fredoka,sans-serif;color:#ffe097}.game .round-reward{font-size:23px;padding:9px;margin:10px 0}.game #result-home{padding:8px 15px}.game .panel h2{font-size:30px;margin:8px 0}
@media(max-width:800px){body[data-page]{--rail:88px}body[data-page] header{padding:20px 7px;gap:20px}body[data-page] .brand{justify-content:center}body[data-page] .brand span{display:none}body[data-page] .top-nav button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:12px 3px;font-size:19px}body[data-page] .top-nav button span{font-size:10px}body[data-page] .header-actions .sign-in{font-size:10px;padding:8px 2px;text-align:center}body[data-page] .wallet{padding:8px;font-size:12px}body[data-page] main{padding:24px 18px}.home-wordmark{gap:6px}.home-wordmark img{width:40px;height:48px}.home-wordmark h1{font-size:clamp(32px,8vw,58px);letter-spacing:-1.5px}.home-tagline{font-size:12px}.home-play{min-width:190px;font-size:26px;gap:35px;padding:16px 24px}#page-scenes .world-list{grid-template-columns:repeat(2,minmax(0,1fr))}#page-scenes .world{height:150px;padding:65px 12px 12px}#page-scenes .world strong{font-size:21px}#page-scenes .world small{font-size:10px}body[data-page="play"] main{padding:0;margin:0}.game .hud .stat{min-width:50px;padding:5px 8px}.game .stat strong{font-size:19px}}
@media(max-width:450px){#page-scenes .world-list{grid-template-columns:1fr}#page-scenes .world{height:120px;padding-top:45px}.home-hero canvas{width:100%;margin:10px 0}.home-wordmark img{display:none}}
@media(orientation:landscape) and (max-height:520px){body[data-page] header{gap:8px;padding-top:10px;padding-bottom:10px}body[data-page] .top-nav{gap:4px}body[data-page] .top-nav button{padding:7px 6px;flex-direction:row;justify-content:flex-start;font-size:14px}body[data-page] .header-actions{gap:5px}.home-hero{min-height:calc(100dvh - 50px);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto 1fr;align-content:center;column-gap:10px}.home-wordmark{grid-column:1;align-self:end}.home-wordmark h1{font-size:46px}.home-tagline{grid-column:1;align-self:start}.home-hero canvas{grid-column:2;grid-row:1/4;width:min(310px,65vh);margin:0;justify-self:center}.home-play{grid-column:1;min-width:180px;font-size:25px;padding:12px 20px;align-self:start;justify-self:center;margin-top:20px}.game .panel{padding:14px 22px}.game .panel p{margin:6px 0;font-size:12px}.game .panel h2{font-size:25px}.game .start{font-size:18px;padding:9px 16px}.game .panel-help{display:none}.game .mobile-pad{bottom:38px}}
/* Edge-to-edge scene with a floating, invisible left-thumb control area. */
body[data-page="play"] .game-frame,body[data-page="play"] .game{width:100vw;height:100dvh;max-width:none;max-height:none}
body[data-page="play"] #game{display:block;width:100%;height:100%;aspect-ratio:auto}
.game .hud{left:max(9px,env(safe-area-inset-left));right:max(9px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}
.game .hud .stats{gap:5px}.game .hud .stat{min-width:44px;padding:4px 7px;border-radius:8px}.game .hud .stat span{font-size:7px;letter-spacing:1px}.game .hud .stat strong{font-size:17px}.game .hud .life-stat strong{font-size:17px;letter-spacing:0}.game .round-actions #pause{width:29px;height:29px;font-size:13px;border-radius:8px}
.game .mobile-pad{height:46%;bottom:0;padding:0;align-items:stretch;background:none}
.game .joystick-area{position:absolute;inset:0 auto 0 0;width:48%;height:100%}
.game .joystick{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:none!important;box-shadow:none;opacity:0;touch-action:none}
.game .stick-knob,.game .stick-axis{display:none}
.game .touch-actions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:clamp(32px,10vh,65px);pointer-events:none}
.game .touch-actions .jump-touch{width:66px;height:66px;font-size:23px;pointer-events:auto;opacity:.88}
.home-mascot{width:min(470px,48vh);height:auto;max-width:95%;margin:10px 0 8px;filter:drop-shadow(0 15px 10px #263c3725)}
.home-wordmark h1{text-shadow:0 2px #ffffffc0,0 4px #8b68c21c;letter-spacing:-3px}.home-wordmark h1 span{background:linear-gradient(#9873f6,#5837ab);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(max-width:800px){.home-mascot{width:min(390px,43vh)}.home-wordmark h1{letter-spacing:-1.5px}}
@media(max-width:450px){.home-mascot{width:100%;margin:20px 0}.home-wordmark img{display:block;width:32px;height:38px}}
@media(orientation:landscape) and (max-height:520px){.home-mascot{grid-column:2;grid-row:1/4;width:min(330px,76vh);margin:0;justify-self:center}.game .hud .stat{padding:3px 7px}.game .hud .stat strong{font-size:16px}.game .touch-actions{bottom:max(30px,env(safe-area-inset-bottom))}}

.home-wordmark h1 span{text-shadow:none}
/* Free-standing illustrated menu icons, with light and depth instead of boxes. */
body[data-page]{--rail:146px}
body[data-page] header{background:transparent;box-shadow:none;padding:20px 12px;gap:18px}
body[data-page] .brand{font-size:15px;justify-content:center}
body[data-page] .top-nav{gap:6px;align-items:center}
body[data-page] .top-nav button,body[data-page] .top-nav button[aria-current="page"],body[data-page] .home-play{background:none!important;border:0!important;box-shadow:none!important;filter:none;transform:none;color:#263e3e!important;text-align:center;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 8px;gap:1px;cursor:pointer;transition:none}
body[data-page] .top-nav button{width:112px;position:relative;min-height:80px}
body[data-page] .top-nav .nav-art{width:57px;height:57px;display:block;filter:drop-shadow(0 5px 2px #3b28514a) drop-shadow(0 10px 10px #53435d20);transition:transform .18s,filter .18s}
body[data-page] .top-nav button span{color:#253b3d;font:600 12px 'DM Sans',sans-serif;text-shadow:0 1px #ffffff90}
body[data-page] .top-nav button:hover .nav-art,body[data-page] .top-nav button[aria-current="page"] .nav-art{transform:translateY(-4px) scale(1.08);filter:drop-shadow(0 7px 3px #51388450) drop-shadow(0 0 12px #dcc4ffb0)}
body[data-page] .top-nav button:hover span,body[data-page] .top-nav button[aria-current="page"] span{color:#6845ae}
body[data-page] .top-nav button:active .nav-art{transform:translateY(1px) scale(.97)}
body[data-page] .home-play{min-width:150px;padding:0 24px;gap:0;align-self:center;justify-self:center}
.home-play img{display:block;width:106px;height:106px;filter:drop-shadow(0 7px 2px #3c256c55) drop-shadow(0 12px 14px #65418b35);transition:transform .18s,filter .18s}
body[data-page] .home-play span{font:600 28px Fredoka,sans-serif;color:#4d327e;text-shadow:0 2px #ffffff90;line-height:1.1}
body[data-page] .home-play:hover img{transform:translateY(-5px) scale(1.07);filter:drop-shadow(0 9px 3px #51388460) drop-shadow(0 0 18px #dec8ff)}
body[data-page] .home-play:active img{transform:translateY(2px) scale(.97)}
body[data-page] .home-play:hover span{color:#8556ce}
@media(max-width:800px){body[data-page]{--rail:96px}body[data-page] header{padding:14px 6px;gap:14px}body[data-page] .top-nav button{width:84px;min-height:75px;padding:4px 0}body[data-page] .top-nav .nav-art{width:51px;height:51px}body[data-page] .top-nav button span{font-size:10px}.home-play img{width:90px;height:90px}body[data-page] .home-play span{font-size:25px}}
@media(orientation:landscape) and (max-height:560px){body[data-page]{--rail:144px}body[data-page] header{padding:8px 6px;gap:6px}body[data-page] .brand{font-size:13px}.brand img{height:24px!important;width:24px!important}body[data-page] .brand span{display:inline!important}body[data-page] .top-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:5px 3px;align-items:center}body[data-page] .top-nav button{width:64px;min-height:65px;padding:2px;gap:0}body[data-page] .top-nav .nav-art{width:43px;height:43px}body[data-page] .top-nav button span{font-size:9px}body[data-page] .header-actions{flex-direction:row;gap:4px;justify-content:center}.header-actions .sign-in{font-size:8px!important;padding:6px!important}.header-actions .wallet{font-size:10px!important;padding:6px!important}.home-play img{width:80px;height:80px}body[data-page] .home-play{margin-top:10px}.home-play span{font-size:23px!important}}
@media(prefers-reduced-motion:reduce){.nav-art,.home-play img{transition:none!important}}

body:not([data-page="play"]) .character-page-grid .character strong{color:#263e3e}

.game .round-actions #game-music-toggle{width:29px;height:29px;font-size:16px;line-height:1;border-radius:8px;padding:0;pointer-events:auto}.game #game-music-toggle[aria-pressed="false"]{background:#40505d!important;color:#d8e0e6;border-color:#bdc8d0}

.mode-picker{display:flex;gap:10px;margin:8px 0 12px}.mode-picker button{background:linear-gradient(135deg,#7763ed,#9868e9);color:white;border:2px solid transparent;border-radius:16px;padding:12px 30px;font:600 18px Fredoka,sans-serif;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.mode-picker button:hover{background:linear-gradient(135deg,#9d82ff,#b185f2);transform:translateY(-2px)}.mode-picker button[aria-pressed=true]{background:linear-gradient(135deg,#5831bc,#7541d4);border-color:white;box-shadow:0 0 0 3px #7654c955,0 5px 14px #49318533}.mode-picker button:focus-visible{outline:3px solid #30264a;outline-offset:4px}.mode-description{color:#172f29;margin:0 0 22px;max-width:700px}
.mode-picker button[aria-pressed="true"]::after{content:' ✓';font-size:.85em}.mode-picker button[aria-pressed="true"]{border-color:#fff!important;background:linear-gradient(135deg,#5831bc,#7541d4)!important}
/* Leafy end-of-round celebration. */
.game .overlay.is-result .panel{width:min(540px,94vw);padding:27px 28px 22px;border-radius:30px;border:2px solid #aecb6c99;background:linear-gradient(#153d2590,#112f25e8),url('assets/result-canopy.svg') center/cover;box-shadow:0 22px 75px #071e19a0,inset 0 0 45px #90b84c20;overflow:hidden;isolation:isolate}.game .is-result .panel-eyebrow{letter-spacing:3px;font-size:11px;color:#d8eabc}.game .is-result .panel h2{font-size:clamp(23px,4vw,32px);margin:10px 0 8px;color:#fff}.game .is-result .result-best{margin:0 0 15px;font:500 15px 'DM Sans',sans-serif;color:#dae6cc}.game .is-result .result-best strong{display:inline;font:600 17px Fredoka,sans-serif;color:#f7e5a5;margin-left:5px}.result-score-line{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap}.result-score strong{font:600 clamp(62px,13vw,88px)/1 Fredoka,sans-serif;color:#fff8d6;letter-spacing:-2px;text-shadow:0 5px 0 #173d2c,0 0 24px #ffd66b20}.result-score small{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:4px;color:#d1e4b5;margin:7px 0}.is-result .result-score{animation:score-arrive .6s cubic-bezier(.2,1.4,.4,1) both}.high-score-badge{color:#ffe27f;font:600 19px Fredoka,sans-serif;transform:rotate(-7deg);text-shadow:0 2px 8px #172d19;animation:badge-bounce 2s ease-in-out infinite}.game .is-result #message{font:500 13px 'DM Sans',sans-serif;margin:8px 0;color:#d9e6cf}.game .is-result .round-reward{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;min-height:54px;margin:13px 0 20px;padding:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:0;font:600 16px Fredoka,sans-serif;color:#ffe59b}.game .is-result .round-reward.reward-ready{font-size:34px;animation:coin-arrive .8s cubic-bezier(.2,1.5,.4,1) both}.reward-coin{display:inline-block;font-size:40px;filter:drop-shadow(0 3px 4px #142d22aa);animation:coin-glint 3s ease-in-out infinite}.reward-amount{text-shadow:0 3px 10px #162e20}.reward-ready:after,.reward-ready:before{position:absolute;content:'✦';color:#ffe79e;font-size:16px;pointer-events:none;animation:reward-spark 2.5s ease-out infinite}.reward-ready:after{left:18%;top:4px}.reward-ready:before{right:16%;bottom:4px;animation-delay:.8s}.result-actions{display:flex;gap:10px}.result-actions .start{flex:1}.result-scenes{flex:1;cursor:pointer;font:600 16px Fredoka,sans-serif;border-radius:13px;padding:12px 14px;color:#fff}.game .is-result .result-actions button{justify-content:center;text-align:center;line-height:1.25;min-height:55px;width:50%;font-size:17px}.game .is-result #result-home{display:inline-block;margin-top:13px;background:none!important;border:0!important;box-shadow:none!important;color:#e1edce;text-decoration:underline;text-underline-offset:4px;font-size:13px}.game .is-result .panel-help{display:none}@keyframes score-arrive{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes coin-arrive{from{transform:translateY(18px) scale(.6);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes coin-glint{0%,75%,100%{transform:rotateY(0) rotate(-8deg)}87%{transform:rotateY(180deg) rotate(8deg)}}@keyframes reward-spark{0%,100%{opacity:0;transform:translateY(9px) scale(.3)}35%{opacity:1;transform:translateY(-5px) scale(1)}80%{opacity:0;transform:translateY(-17px) scale(.4)}}@keyframes badge-bounce{50%{transform:rotate(-4deg) scale(1.07)}}@media(max-height:540px) and (orientation:landscape){.game .overlay.is-result .panel{width:min(560px,94vw);padding:12px 22px}.game .is-result .panel h2{font-size:23px;margin:5px 0}.game .is-result .result-best{margin-bottom:6px}.result-score strong{font-size:58px}.result-score small{margin:3px 0}.game .is-result #message{margin:4px 0}.game .is-result .round-reward{margin:5px 0 10px;min-height:40px}.game .is-result .round-reward.reward-ready{font-size:28px}.reward-coin{font-size:32px}.game .is-result .result-actions button{min-height:43px;font-size:15px;padding:9px}.game .is-result #result-home{margin-top:5px;padding:4px}}@media(prefers-reduced-motion:reduce){.is-result .result-score,.high-score-badge,.game .is-result .round-reward.reward-ready,.reward-coin,.reward-ready:after,.reward-ready:before{animation:none}}
@media(orientation:landscape) and (max-height:430px){.game .overlay.is-result .panel{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;padding:9px 18px}.game .is-result .panel-eyebrow{display:none}.game .is-result .panel h2{grid-column:1/-1;font-size:20px;margin:2px 0}.game .is-result .result-best{grid-column:1/-1;font-size:12px;margin:0}.game .is-result .result-best strong{font-size:14px}.game .is-result .result-score{grid-column:1;grid-row:3/5;align-self:center}.game .is-result .result-score strong{font-size:48px}.game .is-result .result-score small{font-size:9px;margin:1px 0}.game .is-result .high-score-badge{font-size:14px}.game .is-result #message{grid-column:2;grid-row:3;align-self:end;font-size:11px;margin:0}.game .is-result .round-reward{grid-column:2;grid-row:4;align-self:start;margin:0;min-height:38px}.game .is-result .round-reward.reward-ready{font-size:24px}.game .is-result .reward-coin{font-size:28px}.game .is-result .result-actions{grid-column:1/-1;grid-row:5}.game .is-result .result-actions button{min-height:39px;padding:8px;font-size:14px}.game .is-result #result-home{grid-column:1/-1;grid-row:6;margin:2px 0 0;padding:0;font-size:11px}}
.cosmetic-card .item-info h3{font-size:16px;line-height:1.3}.cosmetic-card .item-price{font-size:13px}.cosmetic-card .tier{font-size:10px;letter-spacing:.6px}.character-page-grid .character small{font-size:13px;line-height:1.5}.item-art canvas,#outfit-preview,.character canvas{image-rendering:auto}

body[data-page][data-world="5"]{--scene-top:#dfc9a0;--scene-bottom:#f1e4c8}
body[data-page] .world small{color:#f5f1e6!important;text-shadow:0 1px 5px #172419}