@font-face{font-family:Fredoka;src:url(./fredoka-latin-DOQG_Jwn.woff2)format("woff2");font-weight:300 700;font-display:block}:root{--ink:#4a3a2a;--panel:#fffaf0;--panel-shadow:#4a3a2a2e;--coin:#f5b82e;--coin-dark:#d48f12;--accent:#5bbf6a;--ring:#f39a2b;--sand:#dcc58d}*{box-sizing:border-box}html,body{background:var(--sand);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;font-family:Fredoka,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#game,#game canvas{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#ui button{pointer-events:auto}#world-ui{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.hud-top{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex;position:absolute}.pill{background:var(--panel);box-shadow:0 3px 0 var(--panel-shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 8px;font-weight:800;display:inline-flex}.coins{min-width:96px;font-size:20px}.coins.bump{animation:.25s ease-out bump}@keyframes bump{50%{transform:scale(1.15)}}.coin-icon{background:radial-gradient(circle at 40% 35%, #ffe17a, var(--coin) 55%, var(--coin-dark));width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--coin-dark);border-radius:50%;display:inline-block}.hud-top{align-items:flex-start}.hud-left{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.coins.boosted{box-shadow:0 3px 0 var(--panel-shadow), 0 0 0 3px #ffd34d}.reward-btn{cursor:pointer;color:#6b4300;font:inherit;background:#ffd34d;border:none;border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:16px;font-weight:800;animation:4s ease-in-out infinite offer-wiggle;display:inline-flex;box-shadow:0 3px #c9971c}.reward-btn[hidden],.boost[hidden]{display:none}.reward-btn:active{transform:translateY(2px);box-shadow:0 1px #c9971c}.reward-btn .tv{background:#fff7d6;border-radius:50%;place-items:center;width:24px;height:24px;padding-left:2px;font-size:11px;display:grid}@keyframes offer-wiggle{0%,88%,to{rotate:0deg}91%{rotate:-5deg}94%{rotate:5deg}97%{rotate:-3deg}}.boost{color:#6b4300;background:#fff1bf;padding:5px 12px;font-size:16px}.buttons{gap:8px;display:flex}.round-btn{background:var(--panel);width:40px;height:40px;box-shadow:0 3px 0 var(--panel-shadow);cursor:pointer;color:var(--ink);border:none;border-radius:50%;place-items:center;font-size:18px;display:grid}.round-btn:active{box-shadow:0 1px 0 var(--panel-shadow);transform:translateY(2px)}.hud-bottom{bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;left:0;right:0}.finish-btn{padding:8px 18px 8px 8px;font-size:18px;animation:.3s cubic-bezier(.3,1.6,.5,1) finish-pop,4s ease-in-out 1s infinite offer-wiggle}.finish-btn .tv{width:30px;height:30px;font-size:13px}.finish-btn small{opacity:.75;font-size:12px;font-weight:700}@keyframes finish-pop{0%{opacity:0;transform:scale(.6)}}.round-btn[hidden]{display:none}#btn-wardrobe.locked{opacity:.75;position:relative}#btn-wardrobe.locked:after{content:"🔒";font-size:12px;position:absolute;bottom:-4px;right:-4px}.sheet-banner{color:#6b4300;text-align:center;background:#fff1bf;border-radius:12px;margin:4px 0 6px;padding:6px 10px;font-size:14px;font-weight:800}.sheet-banner[hidden]{display:none}.look .state.lock{opacity:.8;color:#8a7a68}.level-pill{font:inherit;color:var(--ink);cursor:pointer;border:none;gap:8px;padding:5px 12px 5px 10px;font-size:15px}.level-pill .lv{white-space:nowrap;font-weight:900}.level-pill .bar{background:#4a3a2a26;border-radius:4px;width:64px;height:8px;overflow:hidden}.level-pill .bar i{background:var(--accent);border-radius:4px;height:100%;transition:width .4s ease-out;display:block}.level-pill .count{opacity:.7;min-width:26px;font-weight:800}.level-pill.complete .bar i{background:var(--coin)}.level-pill.bump{animation:.45s ease-out 2 bump}.level-list{gap:6px;display:grid}.level-row{background:#4a3a2a0d;border-radius:14px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.level-row.current{outline:3px solid var(--accent);outline-offset:-3px;background:#eaf6e4}.level-row.future{opacity:.6}.level-row.soon{background:0 0;border:2px dashed #4a3a2a40}.level-row.cafe{background:#e4f0fb;align-items:center}.go-btn{font:inherit;color:#fff;cursor:pointer;background:#3d8bd9;border:none;border-radius:12px;padding:7px 16px;font-size:15px;font-weight:900;box-shadow:0 3px #2a6aa8}.go-btn:active{translate:0 2px;box-shadow:0 1px #2a6aa8}.level-badge{background:var(--panel);width:30px;height:30px;box-shadow:0 2px 0 var(--panel-shadow);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:900;display:grid}.level-row.done .level-badge{background:var(--accent);color:#fff}.level-row.current .level-badge{background:var(--coin);color:#fff}.level-body{flex:1;gap:2px;min-width:0;display:grid}.level-body small{opacity:.7;font-weight:700}.level-body ul{gap:4px;margin:6px 0 0;padding:0;list-style:none;display:grid}.level-body li{justify-content:space-between;gap:8px;font-size:14px;font-weight:700;display:flex}.level-body li>span:last-child{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.level-body li .coin-icon{width:14px;height:14px}.level-body li.got{opacity:.55}.level-body li.got>span:last-child{color:#3e9a4c;font-weight:900}#levelup{text-align:center;background:var(--panel);box-shadow:0 6px 0 var(--panel-shadow);opacity:0;pointer-events:none;border-radius:22px;justify-items:center;gap:2px;padding:14px 28px;transition:opacity .25s,scale .35s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:32%;left:50%;translate:-50% -50%;scale:.6}#levelup.show{opacity:1;scale:1}#levelup b{color:#e08a1e;font-size:34px;font-weight:900;line-height:1.1}#levelup span{font-size:20px;font-weight:800}#levelup small{opacity:.7;font-size:14px;font-weight:700}@media (max-width:480px),(max-height:480px){#levelup b{font-size:26px}#levelup span{font-size:16px}.level-pill{font-size:13px}.level-pill .bar{width:48px}}.price-tag.locked{color:#7d6f60;background:#e6dfd5;box-shadow:0 3px #4a3a2a1f}#btn-wardrobe.new{box-shadow:0 3px 0 var(--panel-shadow), 0 0 0 3px #ffd34d;animation:2s ease-in-out infinite offer-wiggle}.hint{gap:10px;padding:8px 14px;font-size:18px}#hint{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.hint .divider{background:#4a3a2a26;border-radius:2px;width:2px;height:22px}#carry-slots{gap:4px;display:inline-flex}.slot{background:#4a3a2a1a;border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.slot.full{background:#d9eefc}.bubble{background:var(--panel);width:46px;height:46px;box-shadow:0 3px 0 var(--panel-shadow);will-change:transform;border-radius:50%;place-items:center;margin:-54px 0 0 -23px;font-size:24px;display:grid;position:absolute;top:0;left:0}.bubble:after{content:"";border:7px solid #0000;border-bottom:0;border-top-color:var(--panel);margin-left:-7px;position:absolute;bottom:-6px;left:50%}.bubble svg{width:56px;height:56px;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;transform:rotate(-90deg)}.bubble svg circle{fill:none;stroke:var(--ring);stroke-width:5px;stroke-linecap:round}.bubble .count{background:var(--ink);color:#fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-8px}.bubble.dim{opacity:.55}.bubble.urgent svg circle{stroke:#e0524a}.bubble.urgent{animation:.5s ease-in-out infinite wobble}@keyframes wobble{25%{rotate:-6deg}75%{rotate:6deg}}.bubble.pop{animation:.25s ease-out pop}@keyframes pop{0%{scale:.4}70%{scale:1.12}to{scale:1}}.fly-coin{background:radial-gradient(circle at 40% 35%, #ffe17a, var(--coin) 55%, var(--coin-dark));width:22px;height:22px;box-shadow:inset 0 0 0 2px var(--coin-dark);border-radius:50%;margin:-11px 0 0 -11px;position:absolute;top:0;left:0}.float-text{color:#fff;text-shadow:0 2px 0 var(--coin-dark), 0 0 6px #00000040;white-space:nowrap;font-size:22px;font-weight:900;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}#joystick{background:#fffaf059;border:3px solid #fffaf0b3;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;display:none;position:absolute;top:0;left:0}#joystick.active{display:block}#joystick .knob{background:var(--panel);width:46px;height:46px;box-shadow:0 3px 0 var(--panel-shadow);border-radius:50%;margin:-23px 0 0 -23px;position:absolute;top:50%;left:50%}#pause-overlay{pointer-events:auto;background:#281e1473;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#pause-overlay[hidden]{display:none}.panel{background:var(--panel);text-align:center;box-shadow:0 6px 0 var(--panel-shadow);border-radius:22px;padding:22px 36px}.panel h2{margin:0 0 16px;font-size:28px}.big-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:12px 28px;font-family:inherit;font-size:18px;font-weight:800;box-shadow:0 4px #3e9a4c}#loading{background:var(--sand);place-items:center;transition:opacity .3s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#loading.done{opacity:0}#loading .load-box{justify-items:center;gap:18px;display:grid}#loading .logo{filter:drop-shadow(0 6px #7a3f241f);width:min(380px,80vw,58vh);height:auto;animation:2.4s ease-in-out infinite logo-bob;display:block}@keyframes logo-bob{50%{transform:translateY(-6px)rotate(-1deg)}}#loading .bar{background:#4a3a2a26;border-radius:7px;width:220px;height:14px;overflow:hidden}#loading .load-msg{text-align:center;max-width:320px;margin:0;font-size:17px;font-weight:600}#loading .sitelock{pointer-events:auto;color:#fff;background:var(--accent);border-radius:14px;padding:12px 24px;font-size:20px;font-weight:800;text-decoration:none;box-shadow:0 4px #3e9a4c}#loading .fill{background:var(--accent);width:0;height:100%;transition:width .15s}.price-tag{background:var(--panel);box-shadow:0 3px 0 var(--panel-shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 10px 4px 6px;font-size:17px;font-weight:900;display:inline-flex;position:absolute;top:0;left:0;translate:-50% -50%}.price-tag .tag-icon{margin-right:2px;font-size:18px}.price-tag .tag-icon.hire{margin-right:8px;position:relative}.price-tag .tag-icon.hire small{font-size:12px;position:absolute;bottom:-5px;right:-9px}.price-tag .coin-icon{width:16px;height:16px}.price-tag .short{color:#c0553b}#upgrade-panel{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px);background:var(--panel);width:min(440px,100% - 24px);box-shadow:0 6px 0 var(--panel-shadow);pointer-events:auto;border-radius:20px;padding:12px;animation:.2s ease-out sheet-in;position:absolute;translate:-50%}#upgrade-panel[hidden],#wardrobe[hidden],#levels[hidden]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translateY(20px)}}.sheet-title{margin:0 4px 8px;font-size:18px;font-weight:900}.cards{gap:8px;display:grid}.card{background:#4a3a2a0f;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.card-icon{text-align:center;width:34px;font-size:26px}.card-body{flex:1;gap:2px;display:grid}.card-body small{opacity:.7;font-weight:700}.pips{gap:4px;display:flex}.pips i{background:#4a3a2a26;border-radius:3px;width:14px;height:6px}.pips i.on{background:var(--accent)}.buy{background:var(--accent);color:#fff;min-width:76px;font:inherit;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:16px;font-weight:900;display:inline-flex;box-shadow:0 3px #3e9a4c}.buy .coin-icon{width:16px;height:16px}.buy:disabled{cursor:default;background:#cbbfae;box-shadow:0 3px #a99b88}.buy:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px #3e9a4c}#wardrobe,#levels{left:50%;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 56px);overscroll-behavior:contain;touch-action:pan-y;background:var(--panel);width:min(440px,100% - 24px);max-height:calc(100% - 150px);box-shadow:0 6px 0 var(--panel-shadow);pointer-events:auto;border-radius:20px;padding:12px;animation:.2s ease-out sheet-in;position:absolute;overflow-y:auto;translate:-50%}.sheet-head{justify-content:space-between;align-items:center;display:flex}#wardrobe .sheet-head,#levels .sheet-head{z-index:2;background:var(--panel);border-bottom:1px solid #4a3a2a14;margin:-12px -12px 8px;padding:12px 12px 10px 16px;position:sticky;top:-12px}#wardrobe .sheet-head .sheet-title,#levels .sheet-head .sheet-title{margin:0}.sheet-sub{opacity:.6;margin-top:1px;font-size:13px;font-weight:800;display:block}.sheet-sub:empty{display:none}button.level-row{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border:none}.level-row.done-group{background:#3e9a4c1f;align-items:center}.level-row.done-group .level-badge{background:var(--accent);color:#fff}.level-row .chev{opacity:.55;margin-left:auto;padding-right:2px;font-weight:900}.level-row.compact{background:#3e9a4c0f;align-items:center;padding:5px 10px}.level-row.compact .level-badge{width:24px;height:24px;font-size:12px}.level-row.compact b{font-size:14px}.level-section{opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin:8px 4px 0;font-size:12px;font-weight:900}.sheet-head .round-btn{width:32px;height:32px;box-shadow:none;background:#4a3a2a14;font-size:14px}#wardrobe .tabs{margin:4px 0 10px;display:flex}#wardrobe .tabs button{flex:1}.wardrobe-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.look{text-align:center;cursor:pointer;outline-offset:-3px;background:#4a3a2a0f;border-radius:14px;outline:3px solid #0000;justify-items:center;gap:4px;padding:8px 4px;font-size:14px;display:grid}.look.worn{outline-color:var(--accent)}.look.trying{outline-color:#ffd34d}.look b{line-height:1.1}.swatch{background:var(--c,#fff);border-radius:50%;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:inset 0 -4px #0000001f,0 0 0 2px #4a3a2a1f}.swatch.none{opacity:.6;background:#4a3a2a14;font-size:18px}.look .state{opacity:.6;padding:7px 0;font-size:13px;font-weight:800}.look.worn .state{color:#3e9a4c;opacity:1}.look .buy{width:100%;min-width:0;padding:6px 4px;font-size:14px}@media (min-aspect-ratio:4/3) and (min-width:760px){#wardrobe,#levels{left:auto;right:max(16px, env(safe-area-inset-right));width:360px;max-height:calc(100% - 90px);top:70px;bottom:auto;translate:none}#upgrade-panel{left:auto;right:max(16px, env(safe-area-inset-right));width:340px;top:70px;bottom:auto;translate:none}}#toast{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 54px);background:var(--panel);box-shadow:0 3px 0 var(--panel-shadow);white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;padding:8px 18px;font-size:18px;font-weight:900;transition:opacity .2s,translate .25s cubic-bezier(.3,1.6,.5,1),scale .25s cubic-bezier(.3,1.6,.5,1);position:absolute;translate:-50% -12px;scale:.9}#toast.show{opacity:1;translate:-50%;scale:1}.item-icon{pointer-events:none;width:36px;height:36px;display:block}.slot .item-icon{width:24px;height:24px}#hint .item-icon{width:26px;height:26px}#upgrade-panel{overscroll-behavior:contain;touch-action:pan-y;max-height:calc(100% - 150px);overflow-y:auto}@media (min-aspect-ratio:4/3) and (min-width:760px){#upgrade-panel{max-height:calc(100% - 90px)}}@media (max-width:480px),(max-height:480px){.coins{min-width:80px;font-size:17px}.round-btn{width:36px;height:36px;font-size:16px}.hint{gap:6px;padding:6px 10px;font-size:15px}.slot{border-radius:6px;width:22px;height:22px}.slot .item-icon{width:20px;height:20px}#hint .item-icon{width:22px;height:22px}.bubble{width:40px;height:40px;margin:-48px 0 0 -20px}.bubble svg{width:48px;height:48px;top:-4px;bottom:-4px;left:-4px;right:-4px}.item-icon{width:30px;height:30px}.price-tag{font-size:15px}#toast{top:calc(max(10px, env(safe-area-inset-top)) + 46px);font-size:15px}.card{padding:6px 8px}.card-icon{font-size:22px}.buy{min-width:66px;padding:7px 10px;font-size:15px}}.version{opacity:.45;margin-top:12px;font-size:13px;font-weight:600}.setting{justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px;font-weight:700;display:flex}.setting[hidden]{display:none}.segmented{background:#4a3a2a1a;border-radius:12px;padding:3px;display:inline-flex}.segmented button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:6px 12px;font-weight:700}.segmented button.on{background:var(--panel);box-shadow:0 2px 0 var(--panel-shadow)}.area-tag{color:#fffaf0;white-space:nowrap;background:#3c2d1eb8;border-radius:999px;padding:6px 14px;font-size:16px;font-weight:700;position:absolute;top:0;left:0;translate:-50% -50%}@media (max-width:480px),(max-height:480px){.area-tag{padding:4px 10px;font-size:13px}}#fade{opacity:0;pointer-events:none;background:#2b2118;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0}#fade.on{opacity:1}#coach{left:50%;top:calc(max(12px, env(safe-area-inset-top)) + 58px);text-align:center;pointer-events:none;opacity:0;background:#fffaf0;border:3px solid #ffb347;border-radius:18px;width:max-content;max-width:min(520px,100% - 24px);padding:10px 18px;transition:opacity .2s,translate .3s cubic-bezier(.3,1.6,.5,1),scale .3s cubic-bezier(.3,1.6,.5,1);position:absolute;translate:-50% -14px;scale:.92;box-shadow:0 5px #d48f1259}#coach.show{opacity:1;translate:-50%;scale:1}.coach-text{font-size:20px;font-weight:700}.coach-dots{justify-content:center;gap:5px;margin-top:6px;display:flex}.coach-dots:empty{display:none}.coach-dots i{background:#4a3a2a26;border-radius:50%;width:8px;height:8px}.coach-dots i.on{background:#ffb347}@media (max-width:480px),(max-height:480px){.coach-text{font-size:16px}#coach{top:calc(max(10px, env(safe-area-inset-top)) + 50px)}}#coach.show~#toast{top:calc(max(12px, env(safe-area-inset-top)) + 128px)}#toast:has(~#coach.show){top:calc(max(12px, env(safe-area-inset-top)) + 128px)}#edge-pointer{color:#fff;pointer-events:none;background:#ff8a3d;border-radius:50%;width:46px;height:46px;margin:-23px 0 0 -23px;display:none;position:absolute;top:0;left:0;box-shadow:0 3px #80300059}#edge-pointer span{place-items:center;font-size:22px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#edge-pointer{animation:.9s ease-in-out infinite edge-pulse}@keyframes edge-pulse{50%{scale:1.12}}@media (max-width:560px){#coach,#toast{top:calc(max(10px, env(safe-area-inset-top)) + 86px)}#coach.show~#toast{top:calc(max(10px, env(safe-area-inset-top)) + 160px)}#toast:has(~#coach.show){top:calc(max(10px, env(safe-area-inset-top)) + 160px)}}
