@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--cream:#fffaf0;--cream2:#fff2da;--ink:#5b4636;--ink-soft:#8a7362;--outline:#5b4636;--sun:#ffcf4d;--leaf:#7bc45c;--leaf-dark:#4f9a3a;--sky:#7fd0f2;--berry:#ff6b9d;--plum:#b98bff;--shadow-btn:0 4px 0 #00000026;--shadow-panel:0 10px 0 #0000001a, 0 18px 30px #3c28142e;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#aee3ff;height:100%;margin:0;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;font-family:"Baloo 2",system-ui,sans-serif;position:fixed;inset:0}#ui>*{pointer-events:auto}button{-webkit-tap-highlight-color:transparent;font-family:inherit}.labels{position:absolute;inset:0;pointer-events:none!important}.label-pos{pointer-events:none;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.label-pos.speech{z-index:5}.label{white-space:nowrap;pointer-events:none;position:absolute;top:0;left:0;transform:translate(-50%,-100%)}.label.name{color:#fff;text-shadow:0 1px #0006,0 0 4px #0005;font-size:13px;font-weight:700}.label.want{border:3px solid var(--outline);box-shadow:var(--shadow-btn);background:#fff;border-radius:16px;padding:2px 9px;font-size:26px}.label.mark{filter:drop-shadow(0 3px #0003);font-size:30px;animation:1s ease-in-out infinite markBounce}.label.emote{filter:drop-shadow(0 3px 2px #00000040);opacity:0;font-size:40px;transition:transform .4s cubic-bezier(.34,1.6,.64,1),opacity .3s;transform:translate(-50%,-100%)scale(.2)rotate(-8deg)}.label.emote.in{opacity:1;transform:translate(-50%,-100%)scale(1)rotate(0)}.label.float .fxnum{color:#ffb400;-webkit-text-stroke:3px #7a4a00;paint-order:stroke fill;font-size:22px;font-weight:800}.label.float{font-size:26px;font-weight:800;animation:.3s ease-out floatPop}.label.speech{z-index:5}.label-pos.name-cond .label.name{opacity:0;transition:opacity .25s}.label-pos.name-cond.name-show .label.name{opacity:1}.label-pos.lbl-dim{opacity:.18;transition:opacity .2s}@keyframes markBounce{0%,to{transform:translate(-50%,-100%)translateY(0)}50%{transform:translate(-50%,-100%)translateY(-10px)}}@keyframes emotePop{0%{opacity:0;transform:translate(-50%,-100%)scale(.2)rotate(-8deg)}60%{opacity:1;transform:translate(-50%,-100%)scale(1.25)rotate(4deg)}to{transform:translate(-50%,-100%)scale(1)rotate(0)}}@keyframes floatPop{0%{transform:translate(-50%,-100%)scale(.4)}to{transform:translate(-50%,-100%)scale(1)}}.panel{background:var(--cream);border:4px solid var(--outline);box-shadow:var(--shadow-panel);border-radius:28px}.btn{border:3px solid var(--outline);color:var(--ink);min-width:56px;min-height:56px;box-shadow:var(--shadow-btn);cursor:pointer;background:#fff;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{transform:translateY(4px);box-shadow:0 0 #00000026}.btn.big{border-radius:24px;padding:14px 28px;font-size:24px}.btn.round{border-radius:999px;width:60px;height:60px;padding:0;font-size:26px}.btn.primary{background:var(--leaf);color:#fff;border-color:#3f7a2e}.btn.primary .ic{filter:drop-shadow(0 1px #2c5a1e)}.btn.warm{background:var(--sun);border-color:#b5810a}.btn.pink{background:var(--berry);color:#fff;border-color:#a13961}.btn.sky{background:var(--sky);border-color:#2a7fa3}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:active{box-shadow:var(--shadow-btn);transform:none}.ic{font-size:1.15em;line-height:1}.wobble{animation:3.6s ease-in-out infinite wobble;display:inline-block}@keyframes wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.bob{animation:2.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.screen{background:radial-gradient(at 50% 20%,#bdeaff 0%,#8fd0ee 55%,#6cb8dc 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.screen.hidden{display:none}.floaties{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floaties span{opacity:.85;filter:drop-shadow(0 2px #0000001a);font-size:28px;animation:linear infinite fall;position:absolute;top:-10%}@keyframes fall{0%{transform:translateY(-10vh)translate(0)rotate(0)}to{transform:translateY(110vh) translateX(var(--dx,40px)) rotate(360deg)}}.title-wrap{flex-direction:column;align-items:center;gap:26px;width:100%;max-width:560px;padding:20px;display:flex}.logo{color:#fff;text-align:center;-webkit-text-stroke:3px var(--outline);paint-order:stroke fill;text-shadow:0 6px #3a7a2a,0 12px 18px #00000040;font-size:clamp(48px,12vw,88px);font-weight:800;line-height:1}.logo .g2{color:var(--sun);-webkit-text-stroke:3px var(--outline)}.tagline{border:3px solid var(--outline);color:var(--ink);box-shadow:var(--shadow-btn);background:#fff;border-radius:20px;padding:6px 18px;font-size:18px;font-weight:700}.title-buttons{flex-direction:column;gap:16px;width:min(80vw,340px);display:flex}.title-buttons .btn{width:100%;padding:18px;font-size:22px}.gnome-mascot{width:120px;height:120px}.auth-panel{flex-direction:column;gap:12px;width:min(94vw,480px);max-height:min(92vh,720px);padding:18px 20px;display:flex;overflow:hidden}.auth-scroll{flex-direction:column;gap:14px;padding:4px 2px 10px;display:flex;overflow:hidden auto}.auth-head{justify-content:space-between;align-items:center;display:flex}.auth-title{color:var(--ink);font-size:24px;font-weight:800}.back-btn{border-radius:999px;width:44px;min-width:44px;height:44px;min-height:44px;font-size:20px}.preview-wrap{border:3px solid var(--outline);background:linear-gradient(#dff3ff,#cdeccb 70%);border-radius:22px;flex:0 0 200px;width:100%;height:200px;min-height:200px;position:relative;overflow:hidden}.preview-wrap canvas{width:100%;height:100%;display:block}.field-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:14px;font-weight:700}.swatch-row{flex-wrap:wrap;gap:10px;display:flex}.swatch{border:3px solid var(--outline);cursor:pointer;width:48px;height:48px;box-shadow:var(--shadow-btn);border-radius:999px;position:relative}.swatch.selected{outline:4px solid var(--sun);outline-offset:2px;transform:scale(1.08)}.swatch.selected:after{content:"✓";color:#fff;text-shadow:0 1px 2px #0007;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;inset:0}.swatch-beard{background:#fff;border-radius:16px;width:auto;min-width:56px;height:48px;padding:0 10px;font-size:22px}.name-row{align-items:center;gap:8px;display:flex}.name-input{font:inherit;border:3px solid var(--outline);min-height:56px;color:var(--ink);background:#fff;border-radius:18px;flex:1;padding:12px 16px;font-size:20px;font-weight:700}.name-input::placeholder{color:#c2b1a1}.name-row .name-input{box-sizing:border-box;width:100%;min-width:0}.name-row .dice-btn{flex:none}.dice-btn{min-width:56px}.pic-hint{background:var(--cream2);color:var(--ink);text-align:center;border:3px dashed #c9a25b;border-radius:18px;padding:10px 14px;font-size:14px;font-weight:700}.pic-hint .big-pics{letter-spacing:6px;margin-top:4px;font-size:30px}.pic-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pic-btn{aspect-ratio:1;background:#fff;border-radius:18px;min-height:56px;font-size:30px}.pic-btn.used{opacity:.35}.pic-slots{justify-content:center;gap:10px;font-size:26px;display:flex}.pic-slot{border:3px solid var(--outline);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pic-slot.filled{background:var(--cream2);animation:.25s popIn}.err-banner{color:#8a2f27;background:#ffe1e1;border:3px solid #d9584f;border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-size:15px;font-weight:700;animation:.35s shake;display:none}.err-banner.show{display:flex}.auth-actions{gap:10px;padding-top:4px;display:flex}.auth-actions .btn{flex:1}.connecting-note{text-align:center;color:var(--ink-soft);font-size:14px;font-weight:700}#hud{pointer-events:none;z-index:3;position:fixed;inset:0}#hud>*{pointer-events:auto}.hud-top-left{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));align-items:center;gap:10px;display:flex;position:absolute}.star-badge{background:var(--cream);border:4px solid var(--outline);box-shadow:var(--shadow-panel);border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 8px;display:flex}.star-badge .lvl-circle{background:var(--plum);border:3px solid var(--outline);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:flex}.star-badge .star-count{color:var(--ink);align-items:center;gap:4px;font-size:22px;font-weight:800;display:flex}.star-badge .progress-track{border:2px solid var(--outline);background:#eadcc4;border-radius:999px;width:90px;height:10px;overflow:hidden}.star-badge .progress-fill{background:linear-gradient(90deg,#ffd23f,#ffb400);border-radius:999px;height:100%;transition:width .4s}.star-badge .progress-col{flex-direction:column;gap:3px;display:flex}.star-badge .coin-badge{box-shadow:none;border:none;border-left:2px solid var(--outline);background:0 0;margin-left:2px;padding:0 0 0 8px;font-size:20px}.star-badge .coin-badge .coin-ic{font-size:22px}.flying-star{z-index:50;pointer-events:none;filter:drop-shadow(0 2px 2px #00000040);will-change:transform;font-size:28px;position:fixed}.hud-inv{bottom:calc(12px + var(--safe-b));background:var(--cream);border:4px solid var(--outline);box-shadow:var(--shadow-panel);border-radius:24px;gap:8px;padding:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.inv-slot{border:3px solid var(--outline);cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-btn);background:#fff;border-radius:16px;justify-content:center;align-items:center;font-size:28px;display:flex;position:relative}.inv-slot:active{box-shadow:none;transform:translateY(3px)}.inv-slot.empty{opacity:.5;font-size:20px}.inv-slot.bump{animation:.3s bump}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.hud-right{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:10px;max-width:220px;display:flex;position:absolute}.quest-dots{gap:5px;display:flex}.quest-dots span{border:2px solid var(--outline);background:#e2d3ba;border-radius:999px;width:9px;height:9px}.quest-dots span.done{background:var(--leaf)}.quest-dots span.now{background:var(--sun,#ffd23f);transform:scale(1.25)}@keyframes qpulse{0%,to{transform:scale(1)}40%{transform:scale(1.08)}}.icon-col{gap:8px;display:flex}.icon-col .btn.round{width:52px;height:52px;font-size:22px}.quest-arrow{z-index:4;pointer-events:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:26px;display:none;position:fixed}.quest-arrow .arrow-body{background:var(--sun);border:3px solid var(--outline);clip-path:polygon(50% 0%,100% 85%,50% 65%,0% 85%);width:46px;height:46px;box-shadow:var(--shadow-btn);justify-content:center;align-items:center;transition:transform .12s linear;display:flex}.quest-arrow .arrow-ic{margin-top:8px;font-size:18px;transition:transform .12s linear}.label.mark.mark-pulse{animation:.6s markPulseBig}@keyframes markPulseBig{0%,to{transform:translate(-50%,-100%)scale(1)}40%{transform:translate(-50%,-100%)scale(1.7)}}.hud-bottom-left{bottom:calc(12px + var(--safe-b));left:calc(12px + var(--safe-l));flex-direction:column;gap:8px;display:flex;position:absolute}.zoom-pill{background:var(--cream);border:3px solid var(--outline);box-shadow:var(--shadow-btn);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.zoom-btn{width:38px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:15px;font-weight:800;display:flex}.zoom-btn:active{background:var(--cream2)}.zoom-btn:first-child{border-bottom:2px solid var(--outline)}@media (width<=600px){.zoom-btn{width:36px;height:36px;font-size:14px}}.hud-bottom-right{bottom:calc(12px + var(--safe-b));right:calc(12px + var(--safe-r));flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud-bottom-right .btn.round,.hud-bottom-left .btn.round{background:var(--cream);width:52px;height:52px;font-size:22px}.emote-wheel-backdrop{z-index:20;background:#14140a26;position:fixed;inset:0}.emote-wheel{z-index:21;width:260px;height:260px;position:fixed}.emote-wheel .emote-opt{background:var(--cream);border:3px solid var(--outline);width:58px;height:58px;box-shadow:var(--shadow-btn);border-radius:999px;justify-content:center;align-items:center;font-size:28px;animation:.28s backwards popIn;display:flex;position:absolute}.emote-wheel .emote-opt:active{transform:scale(.9)}.bubble{pointer-events:auto;background:var(--cream);border:4px solid var(--outline);box-shadow:var(--shadow-panel);white-space:normal;opacity:0;border-radius:24px;flex-direction:column;align-items:center;gap:10px;width:max-content;min-width:160px;max-width:min(70vw,300px);padding:12px 16px;transition:transform .3s cubic-bezier(.34,1.6,.64,1),opacity .22s;display:flex;position:relative;transform:scale(.5)}.bubble.in{opacity:1;transform:scale(1)}.bubble:after{content:"";border-left:12px solid #0000;border-right:12px solid #0000;border-top:14px solid var(--outline);width:0;height:0;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.bubble:before{content:"";border-left:9px solid #0000;border-right:9px solid #0000;border-top:11px solid var(--cream);z-index:1;width:0;height:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.bubble .bi{font-size:34px}.bubble .bt{overflow-wrap:anywhere;max-width:100%;color:var(--ink);text-align:center;font-size:17px;font-weight:700;line-height:1.25}.bubble .bchoices{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bubble .btn{min-height:52px;padding:10px 16px;font-size:16px}.bubble .bspk{z-index:2;border:3px solid var(--outline);background:var(--cream);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow-panel);border-radius:50%;padding:0;font-size:18px;line-height:1;position:absolute;top:-14px;right:-14px}.bubble .bspk:active{transform:scale(.9)}.narrator-card{left:50%;bottom:calc(96px + var(--safe-b));z-index:15;width:min(92vw,480px);position:fixed;transform:translate(-50%)}.narrator-card .bubble{max-width:100%;margin:0 auto}.narrator-card{width:min(86vw,380px);bottom:calc(100px + var(--safe-b))}.narrator-card .bubble{text-align:left;border-width:3px;align-items:center;gap:8px;padding:8px 14px;display:flex}.narrator-card .bubble .bi{flex:none;margin:0;font-size:22px;line-height:1}.narrator-card .bubble .bt{font-size:14px;font-weight:700;line-height:1.25}.narrator-card .bubble .bspk{width:30px;height:30px;font-size:15px;top:-11px;right:-11px}.narrator-card .bubble .bchoices{flex-basis:100%}.narrator-card .bubble:has(.bchoices){flex-wrap:wrap}.narrator-card .bubble:after,.narrator-card .bubble:before{display:none}.toast-stack{top:calc(12px + var(--safe-t));z-index:5000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(92vw,360px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--cream);border:4px solid var(--outline);box-shadow:var(--shadow-panel);color:var(--ink);opacity:0;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;font-size:16px;font-weight:700;transition:transform .38s cubic-bezier(.34,1.6,.64,1),opacity .3s;display:flex;position:relative;transform:translateY(-140%)}@media (width<=600px){.toast{border-width:3px;gap:8px;padding:6px 14px 6px 8px;font-size:14px}.toast .ti{font-size:22px}}body.bp-on .toast-stack{top:calc(58px + var(--safe-t))}@media (width<=720px){body.bp-on .toast-stack{top:calc(48px + var(--safe-t));align-items:flex-start;width:calc(100vw - 76px);left:8px;transform:none}}.toast.in{opacity:1;transform:translateY(0)}.toast .ti{font-size:26px}.toast>span:nth-child(2){white-space:normal;overflow-wrap:anywhere;line-height:1.2}.toast .tstars{background:var(--sun);border:2px solid var(--outline);border-radius:999px;padding:2px 9px;font-size:14px;font-weight:800}.toast.leaving{opacity:0;transition:transform .3s,opacity .3s;transform:translateY(-20px)scale(.9)}.levelup-overlay{z-index:60;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.levelup-banner{background:linear-gradient(180deg,#fff6da,var(--sun));border:6px solid var(--outline);text-align:center;opacity:0;border-radius:32px;padding:22px 50px;transition:transform .5s cubic-bezier(.34,1.6,.64,1),opacity .3s;transform:scale(.2)rotate(-8deg);box-shadow:0 14px #00000026,0 24px 40px #0000004d}.levelup-banner.in{opacity:1;transform:scale(1)rotate(0)}.levelup-banner .lu-title{color:var(--ink);-webkit-text-stroke:2px #fff;paint-order:stroke fill;font-size:clamp(30px,7vw,46px);font-weight:800}.levelup-banner .lu-sub{color:#8a5a12;margin-top:4px;font-size:18px;font-weight:700}.confetti-piece{z-index:59;pointer-events:none;border-radius:3px;animation:linear forwards confettiFall;position:fixed;top:-20px}@keyframes confettiFall{to{transform:translateY(110vh) rotate(var(--rot,480deg));opacity:.9}}.overlay-backdrop{z-index:40;background:#1e140a40;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.popup{opacity:0;flex-direction:column;align-items:center;gap:14px;width:min(92vw,360px);padding:20px;transition:transform .28s cubic-bezier(.34,1.6,.64,1),opacity .2s;display:flex;transform:scale(.5)}.popup.in{opacity:1;transform:scale(1)}.popup .pi{font-size:56px}.popup .pt{color:var(--ink);text-align:center;font-size:20px;font-weight:800}.popup-actions{gap:10px;width:100%;display:flex}.popup-actions .btn{flex:1}.town-panel{flex-direction:column;gap:12px;width:min(94vw,460px);max-height:84vh;padding:18px;display:flex}.town-tabs{gap:8px;display:flex}.town-tabs .btn{flex:1;padding:10px;font-size:15px}.town-list{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.town-goal,.town-row{background:var(--cream2);border:3px solid var(--outline);border-radius:16px;align-items:center;gap:10px;padding:8px 12px;display:flex}.town-goal .gi,.town-row .gi{text-align:center;width:30px;font-size:24px}.town-goal .gt{color:var(--ink);flex:1;font-size:14px;font-weight:700}.town-goal .gbar{border:2px solid var(--outline);background:#eadcc4;border-radius:999px;width:100%;height:10px;margin-top:4px;overflow:hidden}.town-goal .gbar>div{background:linear-gradient(90deg,#7bc45c,#4f9a3a);height:100%}.town-row .rank{color:var(--ink-soft);width:22px;font-weight:800}.town-row .rname{color:var(--ink);flex:1;font-size:14px;font-weight:700}.town-row .rstars{color:#b5810a;font-weight:800}.empty-note{text-align:center;color:var(--ink-soft);padding:20px;font-weight:700}@media (width<=480px){.hud-right{max-width:170px}.star-badge .progress-track{width:60px}.inv-slot{width:48px;height:48px;font-size:24px}.hud-inv{gap:6px;padding:6px}}@media (width<=600px){.hud-top-left{top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));gap:6px}.hud-right{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r))}.star-badge{gap:6px;padding:4px 10px 4px 6px}.star-badge .lvl-circle{width:30px;height:30px;font-size:12px}.star-badge .star-count{font-size:16px}.star-badge .progress-track{width:40px;height:7px}.star-badge .coin-badge{font-size:15px}.star-badge .coin-badge .coin-ic{font-size:16px}.hud-inv{bottom:calc(8px + var(--safe-b));gap:5px;padding:5px}.inv-slot{border-radius:12px;width:40px;height:40px;font-size:20px}.hud-bottom-right .btn.round,.hud-bottom-left .btn.round{width:48px;min-width:0;height:48px;min-height:0;font-size:21px}}@media (height<=700px){.hud-top-left,.hud-right{top:calc(6px + var(--safe-t))}}@media (height<=480px){.title-wrap{gap:12px}.logo{font-size:clamp(34px,9vw,54px)}.preview-wrap{height:140px}}@media (orientation:landscape) and (height<=420px){.auth-panel{max-height:96vh}.hud-right,.hud-top-left{top:calc(6px + var(--safe-t))}}@media (width<=640px){.hud-bottom-left,.hud-bottom-right{bottom:calc(92px + var(--safe-b))}}.menu-btn{min-width:52px;min-height:52px;box-shadow:var(--shadow-panel);background:var(--cream)!important;width:52px!important;height:52px!important;font-size:26px!important}.coin-badge{background:var(--cream);border:4px solid var(--outline);box-shadow:var(--shadow-panel);color:#9a6a00;border-radius:999px;align-items:center;gap:4px;padding:6px 14px 6px 8px;font-size:22px;font-weight:800;display:flex}.coin-badge .coin-ic,.coin-pill .coin-ic{font-size:24px;display:inline-block}.coin-badge.spin .coin-ic,.coin-pill.spin .coin-ic{animation:.7s coinSpin}.coin-badge.spin,.coin-pill.spin{animation:.45s bump}@keyframes coinSpin{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(360deg)scale(1.35)}to{transform:rotateY(720deg)scale(1)}}body.bye #ui,body.bye #game{opacity:0;transition:opacity .3s}.menu-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:8px;width:min(92vw,380px);max-height:calc(100dvh - 24px);padding:0 16px 12px;overflow-y:auto}.menu-panel .menu-head{z-index:2;background:var(--cream);flex:none;padding:12px 0 4px;position:sticky;top:0}.menu-panel>*{flex-shrink:0}.menu-panel>.pi:first-child{margin-top:16px}.menu-panel .menu-item{justify-content:flex-start;width:100%;min-height:50px;padding:8px 14px;font-size:19px}.menu-grid{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.menu-grid .menu-item{justify-content:center;padding:6px 8px;font-size:17px;line-height:1.1}.menu-grid .menu-item:last-child:nth-child(odd){grid-column:1/-1}.menu-onoff{background:#ffffffa6;border:2px solid #5b463640;border-radius:8px;padding:0 4px;font-size:11px;font-style:normal;font-weight:800;line-height:1.3}.menu-panel .menu-row{gap:10px;width:100%;display:flex}.menu-panel .menu-row .menu-item{flex:1;justify-content:center}.menu-who{color:var(--ink);margin-top:-6px;font-size:18px}.menu-now{color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;font:700 15px "Baloo 2",system-ui,sans-serif;display:flex}.menu-now span{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.menu-next{border:3px solid var(--outline);cursor:pointer;background:#fff;border-radius:14px;padding:2px 10px;font-size:18px}.menu-about{min-height:34px;color:var(--ink-soft);opacity:.7;cursor:pointer;background:0 0;border:0;margin:0 auto;padding:4px 16px;font:700 13px "Baloo 2",system-ui,sans-serif;text-decoration:underline;display:block}.menu-about-text{color:var(--ink-soft);text-align:center;font-size:13px;font-weight:700;line-height:1.4}.menu-sub{color:var(--ink-soft);text-align:center;font-size:16px;font-weight:700}.creator-panel{width:min(96vw,560px);max-height:min(96vh,860px)}.creator-panel .preview-wrap{flex-basis:230px;height:230px}.body-step{flex-direction:column;align-items:center;gap:14px;padding:6px 0 10px;display:flex}.body-q{color:var(--ink);font-size:26px;font-weight:800}.body-row{justify-content:center;gap:12px;display:flex}.body-btn{cursor:pointer;border:4px solid var(--outline);width:96px;height:96px;box-shadow:var(--shadow-btn);color:var(--ink);background:#fff;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:inherit;transition:transform .12s;display:flex}.body-btn span{font-size:44px;line-height:1}.body-btn small{font-size:15px;font-weight:800}.body-btn.big{border-radius:36px;width:min(38vw,170px);height:min(38vw,170px)}.body-btn.big span{font-size:min(18vw,84px)}.body-btn.big small{font-size:22px}.body-btn[data-b=boy].big{background:linear-gradient(#e2f3ff,#b9e0ff)}.body-btn[data-b=girl].big{background:linear-gradient(#ffe8f3,#ffc4e0)}.body-btn:active{transform:scale(.94)}.body-btn.selected{outline:5px solid var(--sun);outline-offset:2px;background:var(--cream2)}.dress-step{flex-direction:column;gap:14px;display:flex}.weditor{flex-direction:column;gap:10px;min-height:0;display:flex}.wtabs{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:2px 2px 6px;display:flex}.wtabs::-webkit-scrollbar{display:none}.wtab{border:3px solid var(--outline);min-width:58px;box-shadow:var(--shadow-btn);cursor:pointer;color:var(--ink);background:#fff;border-radius:18px;flex-direction:column;flex:1 0 auto;align-items:center;gap:0;padding:6px 8px 4px;font-family:inherit;display:flex}.wtab span{font-size:26px;line-height:1.1}.wtab small{font-size:12px;font-weight:800}.wtab.on{background:var(--sun);transform:translateY(2px);box-shadow:0 2px #00000026}.wbody{flex-direction:column;gap:12px;min-height:0;padding:2px 4px 8px;display:flex;overflow:hidden auto}.auth-scroll .wbody{overflow:visible}.wsec{flex-direction:column;gap:4px;display:flex}.wgrid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;display:grid}.wgrid.small{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.wcard{border:3px solid var(--outline);min-height:86px;box-shadow:var(--shadow-btn);cursor:pointer;color:var(--ink);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 4px 6px;font-family:inherit;transition:transform .12s cubic-bezier(.34,1.6,.64,1);display:flex;position:relative}.wgrid.small .wcard{min-height:70px}.wcard:active{transform:scale(.93)}.wcard .wc-ic{font-size:36px;line-height:1.05}.wgrid.small .wcard .wc-ic{font-size:28px}.wcard .wc-nm{text-align:center;font-size:12px;font-weight:800;line-height:1.05}.wcard.selected{background:var(--cream2);outline:4px solid var(--sun);outline-offset:1px;transform:scale(1.04)}.wcard .wc-badge{background:var(--leaf);color:#fff;border:3px solid var(--outline);border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex;position:absolute;top:-8px;right:-6px}.wcard .wc-price{color:#7a5200;background:#fff3c4;border:2px solid #c99a1e;border-radius:999px;margin-top:2px;padding:0 8px;font-size:13px;font-weight:800}.wcard .wc-price s{color:#b0906a;font-weight:700}.wcard .wc-price.owned{background:var(--leaf);color:#fff;border-color:#3f7a2e}.wcard .wc-feat{font-size:22px;animation:1.6s ease-in-out infinite wobble;position:absolute;top:-10px;left:-8px}.wcard .wc-fancy{font-size:18px;position:absolute;top:-10px;right:-6px}.wcard.featured{background:linear-gradient(#fffbe6,#fff0b8)}.wcard.poor:not(.selected) .wc-ic{opacity:.75}.wcard.owned{background:#f1fbe9}.whint{color:var(--ink-soft);text-align:center;background:var(--cream2);border:2px dashed #c9a25b;border-radius:14px;padding:6px 10px;font-size:14px;font-weight:700}.wr-backdrop{z-index:300;padding:10px}.top-backdrop{z-index:300}.wr-panel{opacity:0;flex-direction:column;gap:10px;width:min(96vw,940px);height:min(94vh,680px);padding:14px 16px;transition:transform .3s cubic-bezier(.34,1.6,.64,1),opacity .2s;display:flex;transform:scale(.6)}.wr-panel.in{opacity:1;transform:scale(1)}.wr-head{align-items:center;gap:10px;display:flex}.wr-head .auth-title{flex:1;font-size:22px}.wr-main{flex:1;gap:14px;min-height:0;display:flex}.wr-preview{background:radial-gradient(at 50% 85%,#fff6e0 0%,#ffe1ef 45%,#d9ecff 100%);flex:0 0 42%;position:relative;height:auto!important;min-height:0!important}.shop-panel .wr-preview{background:radial-gradient(at 50% 85%,#fff6d0 0%,#ffd9ea 50%,#e8d8ff 100%)}.wr-side{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex}.wr-side .weditor{flex:1}.wr-foot{align-items:center;gap:10px;display:flex}.wr-foot .btn.primary,.wr-foot .buy-go,.wr-foot .poor-btn,.shop-foot [data-buy]{flex:1}.shop-foot .sel-info{color:var(--ink);flex:1.2;align-items:center;gap:8px;min-width:0;font-size:16px;font-weight:800;display:flex}.shop-foot .si-ic{font-size:34px}.shop-foot .si-nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poor-btn{color:var(--ink-soft);background:#eee6da}.buy-go{animation:1.4s ease-in-out infinite buyPulse}@keyframes buyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.btn.shake{animation:.35s shake}.coin-pill{border:3px solid var(--outline);color:#7a5200;box-shadow:var(--shadow-btn);background:#fff3c4;border-radius:999px;align-items:center;gap:4px;padding:4px 12px 4px 6px;font-size:20px;display:flex}.reset-btn{z-index:2;min-width:46px;min-height:46px;position:absolute;top:8px;left:8px;width:46px!important;height:46px!important;font-size:20px!important}.bought-pop{pointer-events:none;filter:drop-shadow(0 4px #0003);flex-direction:column;align-items:center;font-size:60px;animation:1.6s forwards boughtPop;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.bought-pop b{color:#fff;-webkit-text-stroke:2px var(--outline);paint-order:stroke fill;font-size:26px}@keyframes boughtPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}70%{opacity:1;transform:translate(-50%,-70%)scale(1)}to{opacity:0;transform:translate(-50%,-110%)scale(.9)}}@media (width<=700px),(orientation:portrait){.wr-panel{height:min(96vh,900px);padding:12px}.wr-main{flex-direction:column;gap:8px}.wr-preview{flex:0 0 min(34vh,260px)}.wr-head .auth-title{font-size:18px}.wgrid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.wcard .wc-ic{font-size:30px}.shop-foot .sel-info{font-size:14px}.wr-foot .btn.big{padding:10px 14px;font-size:19px}}@media (width<=480px){.coin-badge{padding:4px 10px 4px 6px;font-size:18px}.menu-btn{min-width:46px;min-height:46px;width:46px!important;height:46px!important}.star-badge .lvl-circle{width:34px;height:34px}.hud-top-left{gap:6px}}.gain-pop{color:#fff;-webkit-text-stroke:4px #b07a00;paint-order:stroke fill;pointer-events:none;opacity:0;white-space:nowrap;font-size:17px;font-weight:800;transition:opacity .25s,transform .3s cubic-bezier(.34,1.6,.64,1);position:absolute;top:60px;left:76px;transform:translateY(6px)scale(.8)}.gain-pop.on{opacity:1;transform:none}.levelup-banner{border-width:5px;padding:14px 34px}.levelup-banner .lu-title{font-size:clamp(26px,6vw,38px)}.levelup-banner .lu-sub{font-size:15px}.inv-slot{position:relative}.inv-n{color:#fff;background:var(--outline,#4a3428);text-align:center;border-radius:999px;min-width:17px;padding:0 5px;font-size:13px;font-weight:800;line-height:17px;position:absolute;bottom:1px;right:3px}.bag-btn{font:inherit;border:inherit;cursor:pointer;margin-left:6px}.bag-count{color:#fff;background:var(--outline,#4a3428);white-space:nowrap;border-radius:999px;padding:0 4px;font-size:9px;font-weight:800;line-height:12px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.seed-ic{line-height:1;display:inline-block;position:relative}.seed-ic .seed-badge{filter:drop-shadow(0 1px #ffffffe6)drop-shadow(0 -1px #ffffffe6);font-size:.42em;font-style:normal;line-height:1;position:absolute;bottom:-4px;right:-6px}.hud-inv{gap:0;transition:gap .25s,padding .25s,border-radius .25s}.inv-drawer{align-items:center;gap:8px;max-width:540px;margin:-7px 1px -7px -7px;padding:7px;transition:max-width .32s cubic-bezier(.3,.9,.4,1),margin .32s,padding .32s,opacity .22s;display:flex;overflow:hidden}.hud-inv.collapsed{border-radius:22px;padding:6px}.hud-inv.collapsed .inv-drawer{opacity:0;pointer-events:none;max-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.hud-inv .bag-btn{margin-left:0}.inv-toggle{border:3px solid var(--outline);width:34px;min-width:34px;height:34px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-btn);background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:15px;font-weight:800;display:flex}.inv-drawer .inv-slot{flex:none}@media (width<=600px){.inv-drawer{gap:5px;margin-right:-2px}.hud-inv.collapsed{padding:5px}.inv-toggle{width:30px;min-width:30px;height:30px;font-size:13px}}@media (prefers-reduced-motion:reduce){.inv-drawer,.hud-inv{transition:none}}.bag-panel{width:min(560px,92vw);padding-bottom:14px}.bag-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 6px;display:grid}.bag-grid .inv-slot{aspect-ratio:1;cursor:pointer;width:100%;height:auto;font-size:34px}.bag-grid .inv-slot:hover:not(.empty){transform:translateY(-2px)}.bag-hint{text-align:center;opacity:.7;font-size:14px}@media (width<=600px){.hud-right{max-width:calc(100vw - 232px - var(--safe-l) - var(--safe-r))}}*,:before,:after{touch-action:manipulation}html,body,#game,canvas{touch-action:none}