@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Fredoka:wght@500;600;700&family=Dancing+Script:wght@600;700&display=swap";:root{--ink:#3a2238;--cream:#fff8ef;--pink:#ff6fa8;--pink-dark:#c93f78;--gold:#ffc94d;--panel:#fff8efe6;--shadow:0 10px 30px #280f2d47}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#120a1c;margin:0;font-family:"Baloo 2",system-ui,sans-serif;overflow:hidden}.game{width:100%;height:100%;position:relative}kbd{min-width:1.6em;color:var(--ink);text-align:center;background:#fff;border-radius:6px;padding:0 6px;font-family:Fredoka,sans-serif;font-size:.82em;font-weight:600;display:inline-block;box-shadow:0 2px #d9c3d6,0 0 0 1px #ecdcea}.hud{pointer-events:none;position:absolute;inset:0}.title{pointer-events:auto;background:radial-gradient(at 50% 45%,#ffd6a00d,#1e0a288c 75%),linear-gradient(#14081e1a,#14081e73);justify-content:center;align-items:center;transition:opacity .7s;display:flex;position:absolute;inset:0}.title.leaving{opacity:0}.title-inner{text-align:center;animation:1.2s cubic-bezier(.2,.8,.2,1) both rise}.title-kicker{letter-spacing:.25em;text-transform:uppercase;color:#fff4e0;text-shadow:0 2px 12px #0006;font-family:Fredoka,sans-serif;font-size:clamp(1rem,2.2vw,1.4rem)}.title h1{background:linear-gradient(#ffe9a8 0%,#ffb547 45%,#e8742a 100%);color:#0000;filter:drop-shadow(0 6px #8a3b12)drop-shadow(0 18px 30px #00000073);-webkit-background-clip:text;background-clip:text;margin:.1em 0 .35em;font-family:Fredoka,sans-serif;font-size:clamp(5rem,17vw,11rem);font-weight:700;line-height:.9}.title button{font:inherit;background:linear-gradient(180deg, #ff8fbd, var(--pink));color:#fff;box-shadow:0 6px 0 var(--pink-dark), 0 14px 30px #c93f7873;cursor:pointer;border:none;border-radius:999px;padding:.55rem 2.8rem;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:600;transition:transform .15s,box-shadow .15s;animation:2.2s ease-in-out infinite pulse}.title button:hover{transform:translateY(-2px)scale(1.04)}.title button:active{box-shadow:0 2px 0 var(--pink-dark);transform:translateY(4px)}.title-hint{color:#fff4e0;opacity:.8;margin-top:1.4rem;font-size:.95rem}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.96)}}@keyframes pulse{50%{transform:scale(1.05)}}.card{background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px}.status{align-items:center;gap:12px;width:290px;padding:10px 16px 10px 10px;display:flex;position:absolute;top:16px;left:16px}.avatar{color:#fff;background:linear-gradient(160deg,#ffb547,#e8742a);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:700;display:grid;box-shadow:inset 0 -4px #00000026,0 0 0 3px #fff}.status-body{flex:1}.status-name{margin-bottom:4px;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600}.status-name span{opacity:.6;font-family:"Baloo 2",sans-serif;font-size:.9rem;font-weight:500}.hp{background:#ecdde8;border-radius:8px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 3px #0000001f}.hp-fill{background:linear-gradient(90deg,#ff5f8a,#ff9fbd);border-radius:8px;height:100%;transition:width .35s cubic-bezier(.2,.8,.2,1)}.hp-shine{background:#ffffff80;border-radius:4px;height:4px;position:absolute;inset:2px 6px auto}.status.low .hp-fill{animation:.6s ease-in-out infinite blink}@keyframes blink{50%{filter:brightness(1.5)}}.top-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute;top:16px;right:16px}.minimap{width:168px;height:168px;box-shadow:var(--shadow), inset 0 0 20px #0003;background:#2f7a3a;border:5px solid #fff8ef;border-radius:50%;position:relative;overflow:hidden}.minimap svg{width:100%;height:100%;display:block}.minimap-label{color:#fff;background:#3a2238b3;border-radius:999px;padding:0 8px;font-size:.7rem;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.quests{width:290px;padding:12px 14px}.quests-title{letter-spacing:.12em;text-transform:uppercase;color:var(--pink-dark);margin-bottom:6px;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600}.quest{gap:10px;padding:6px 0;display:flex}.quest+.quest{border-top:1px dashed #e8d6e2}.quest-icon{color:#fff;background:var(--gold);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:grid;box-shadow:0 2px #d39b1f}.quest.active .quest-icon{background:#5fb3ff;box-shadow:0 2px #3a86cf}.quest.done .quest-icon{background:#6cc46a;box-shadow:0 2px #469a45}.quest-name{font-weight:700;line-height:1.2}.quest-obj{opacity:.75;font-size:.88rem;line-height:1.25}.quest.done{opacity:.6}.world-prompt{color:var(--ink);white-space:nowrap;background:#fff8eff2;border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 6px;font-weight:700;animation:.25s cubic-bezier(.3,1.6,.5,1) pop;display:flex;box-shadow:0 6px 18px #280f2d4d}.world-prompt kbd{background:var(--pink);color:#fff;box-shadow:0 2px 0 var(--pink-dark);animation:1.2s ease-in-out infinite bob}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes bob{50%{transform:translateY(-2px)}}.dialog{background:var(--cream);pointer-events:auto;cursor:pointer;border-radius:22px;align-items:flex-start;gap:16px;width:min(760px,100% - 32px);padding:18px 22px;animation:.3s cubic-bezier(.2,.8,.2,1) slide-up;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #280f2d59,inset 0 0 0 3px #fff}.portrait{color:#fff;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;display:grid;box-shadow:inset 0 -5px #00000026,0 0 0 4px #fff,0 4px 12px #0003}.dialog-body{flex:1;min-height:64px}.speaker{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:700}.dialog p{min-height:1.4em;margin:2px 0 0;font-size:1.2rem;line-height:1.4}.dialog .next{text-align:right;opacity:.65;margin-top:6px;font-size:.85rem;animation:1s ease-in-out infinite bob}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,20px)}}.toast{background:var(--cream);white-space:nowrap;box-shadow:var(--shadow), inset 0 0 0 3px var(--gold);border-radius:999px;padding:10px 24px;font-size:1.05rem;font-weight:700;animation:.4s cubic-bezier(.3,1.5,.5,1) toast-in;position:absolute;top:22px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-16px)scale(.9)}}.banner{text-align:center;animation:4.2s both banner;position:absolute;top:28%;left:50%;transform:translate(-50%)}.banner-stars{color:var(--gold);letter-spacing:.4em;text-shadow:0 0 12px #ffc850cc;font-size:1.4rem}.banner-title{color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 5px 0 var(--ink), 0 12px 30px #0006;white-space:nowrap;font-family:Fredoka,sans-serif;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:700;line-height:1}.banner-sub{background:var(--gold);border-radius:999px;margin-top:10px;padding:4px 18px;font-size:1.1rem;font-weight:700;display:inline-block;box-shadow:0 4px #d39b1f}@keyframes banner{0%{opacity:0;transform:translate(-50%)scale(.6)}10%{opacity:1;transform:translate(-50%)scale(1.08)}16%{transform:translate(-50%)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.hurt{background:radial-gradient(#0000 50%,#ff28508c);animation:.5s ease-out forwards hurt;position:absolute;inset:0}@keyframes hurt{to{opacity:0}}.fade{opacity:0;background:#1a0f20;transition:opacity .4s;position:absolute;inset:0}.fade.on{opacity:1}.controls{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#3a22388c;border-radius:14px;flex-wrap:wrap;gap:6px 14px;max-width:min(520px,45%);padding:10px 14px;font-size:.85rem;display:flex;position:absolute;bottom:16px;left:16px}.controls.closed{opacity:.8;padding:6px 12px}.buttons{pointer-events:auto;gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.buttons button{background:var(--cream);width:46px;height:46px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 4px 0 #d9c3d6, var(--shadow);border:none;border-radius:14px;font-size:1.1rem;font-weight:800;transition:transform .12s}.buttons button:hover{transform:translateY(-2px)}.buttons button:active{transform:translateY(3px);box-shadow:0 1px #d9c3d6}.map-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#1a0f2099;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:absolute;inset:0}.map-paper{color:#5a4326;background:radial-gradient(#f6e7c1,#e7cf98);border-radius:14px;width:min(600px,100% - 32px);padding:18px 22px;animation:.35s cubic-bezier(.2,.9,.3,1.2) unroll;transform:rotate(-1deg);box-shadow:0 24px 60px #00000080,inset 0 0 40px #8c642859}.map-paper h2{text-align:center;margin:0 0 10px;font-family:Fredoka,sans-serif}.map-paper svg{border-radius:8px;width:100%;display:block;box-shadow:0 0 0 3px #8a6a3a}.map-hint{text-align:center;margin:10px 0 0;font-weight:600}@keyframes fade-in{0%{opacity:0}}@keyframes unroll{0%{opacity:0;transform:rotate(-4deg)scale(.85)}}@media (width<=800px){.quests,.status{width:220px}.minimap{width:120px;height:120px}.controls{display:none}}.wardrobe{background:var(--panel);width:min(420px,100% - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;border-radius:24px;padding:20px;animation:.4s cubic-bezier(.2,.8,.2,1) slide-in-right;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.wardrobe-title{margin-bottom:14px;font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:700}.wardrobe-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.outfit{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:16px;align-items:center;gap:10px;padding:8px;font-weight:600;transition:transform .12s,border-color .15s;display:flex;box-shadow:0 3px #ecdcea}.outfit:hover{transform:translateY(-2px)}.outfit.selected{border-color:var(--pink);box-shadow:0 3px 0 var(--pink-dark)}.swatch{clip-path:polygon(30% 0,70% 0,70% 25%,100% 100%,0 100%,30% 25%);flex:none;width:42px;height:52px}.swatch.sparkle{position:relative;overflow:hidden}.swatch.sparkle:after{content:"";background:linear-gradient(115deg,#0000 30%,#fffc 45%,#0000 60%);animation:1.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.outfit-name{font-size:.92rem;line-height:1.15}.wardrobe-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.primary,.ghost{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:8px 20px;font-family:Fredoka,sans-serif;font-size:1.05rem;font-weight:600;text-decoration:none;display:inline-block}.primary{background:linear-gradient(180deg, #ff8fbd, var(--pink));color:#fff;box-shadow:0 4px 0 var(--pink-dark)}.ghost{color:var(--ink);background:#fff;box-shadow:0 4px #d9c3d6}.primary:active,.ghost:active{box-shadow:none;transform:translateY(3px)}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px,-50%)}}.dance-loading{background:var(--cream);box-shadow:var(--shadow);border-radius:999px;padding:12px 26px;font-weight:700;position:absolute;top:40%;left:50%;transform:translate(-50%)}.dance{position:absolute;inset:0}.dance-quit{pointer-events:auto;position:absolute;bottom:20px;left:20px}.dance-top{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.vs{color:#fff;background:#1a0f20bf;border-radius:999px;align-items:center;gap:14px;padding:6px 22px;font-family:Fredoka,sans-serif;font-size:1.4rem;font-weight:700;display:flex}.vs-me{color:#ffd36b}.vs-x{opacity:.7;font-size:.9rem}.rounds{gap:8px;display:flex}.round-dot{background:#ffffffd9;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.round-dot.current{background:var(--gold);box-shadow:0 0 0 3px #fff}.round-dot.won{color:#fff;background:#6cc46a}.round-dot.lost{color:#fff;background:#ff6b81}.dance-meta{color:#fff;opacity:.8;gap:10px;font-size:.8rem;display:flex}.dance-big{color:#fff;-webkit-text-stroke:2px var(--ink);text-shadow:0 6px 0 var(--ink);text-align:center;font-family:Fredoka,sans-serif;font-size:6rem;font-weight:700;animation:.3s cubic-bezier(.3,1.6,.5,1) pop;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.dance-big.small{white-space:nowrap;font-size:2.6rem}.dance-big small{-webkit-text-stroke:0;text-shadow:0 2px 6px #0009;margin-top:6px;font-size:1.1rem;display:block}.dance-big.result{font-size:3rem}.dance-big.result.won{color:#b6ffb0}.dance-big.result.lost{color:#ffb0bd}.lanes{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a0f2073;border-radius:20px;gap:10px;padding:12px;display:flex;position:absolute;top:110px;right:6%}.lane{background:#ffffff0f;border-radius:12px;width:62px;height:480px;position:relative;overflow:hidden}.target,.note{border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.8rem;font-weight:800;display:grid;position:absolute;top:6px;left:5px}.target{color:#fff9;border:4px solid;transition:transform 60ms}.target.hit{background:#ffffff40;transform:scale(.88)}.note{color:#fff;text-shadow:0 2px #0000004d;box-shadow:0 0 16px #ffffff80,inset 0 -4px #0003}.note.missed{opacity:.25;filter:grayscale()}.judgement{white-space:nowrap;text-align:center;pointer-events:none;font-family:Fredoka,sans-serif;font-size:2rem;font-weight:700;animation:.5s ease-out both judge;position:absolute;top:80px;left:50%;transform:translate(-50%)}.judgement span{color:#fff;font-size:1rem;display:block}.j-ok{color:#ffe36b;text-shadow:0 0 14px #ffd23ce6, 0 3px 0 var(--ink)}.j-miss{color:#ff8fa3;text-shadow:0 3px 0 var(--ink)}@keyframes judge{0%{opacity:0;transform:translate(-50%)scale(1.5)}30%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-14px)}}.acc{text-align:center;color:#fff;font-size:.9rem;position:absolute;bottom:-34px;left:0;right:0}.photo-count{color:#fff;-webkit-text-stroke:3px var(--ink);text-shadow:0 8px 0 var(--ink);font-family:Fredoka,sans-serif;font-size:10rem;font-weight:700;animation:.8s ease-out both count;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes count{0%{opacity:0;transform:translate(-50%,-50%)scale(1.8)}25%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}.photo-flash{background:#fff;animation:.7s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}.polaroid-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#1a0f2099;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.3s fade-in;display:flex;position:absolute;inset:0}.polaroid{background:#fffdf8;border-radius:6px;width:min(560px,80vw);padding:14px 14px 18px;animation:.6s cubic-bezier(.2,.9,.3,1.2) polaroid;transform:rotate(-2.5deg);box-shadow:0 30px 60px #00000080}.polaroid img{aspect-ratio:16/9;object-fit:cover;border-radius:2px;width:100%;display:block}.polaroid-caption{text-align:center;color:var(--ink);margin-top:12px;font-family:Fredoka,sans-serif;font-size:1.6rem;font-weight:600}.polaroid-date{text-align:center;opacity:.6;font-size:.9rem}.polaroid-actions{gap:12px;display:flex}@keyframes polaroid{0%{opacity:0;transform:rotate(8deg)translateY(60px)scale(.8)}}.finale-dark{opacity:0;background:radial-gradient(circle at 50% 55%,#0a04108c,#0a0410f2);transition:opacity .6s;position:absolute;inset:0}.finale-dark.on{opacity:1}.blow{background:linear-gradient(180deg, #ffe08a, var(--gold));color:var(--ink);font:inherit;cursor:pointer;pointer-events:auto;border:none;border-radius:999px;padding:14px 30px;font-family:Fredoka,sans-serif;font-size:1.5rem;font-weight:700;animation:1.2s ease-in-out infinite pulse;position:absolute;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 6px #d39b1f,0 0 40px #ffc850b3}.quest.special .quest-icon{background:var(--pink);box-shadow:0 2px 0 var(--pink-dark);animation:1s ease-in-out infinite bob}.letter-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#1a0f2099;justify-content:center;align-items:center;animation:.4s fade-in;display:flex;position:absolute;inset:0}.envelope{background:linear-gradient(160deg,#ffd6e5,#ffb3cc);border-radius:14px;width:min(520px,100% - 32px);padding-top:60px;animation:.6s cubic-bezier(.2,.9,.3,1.2) envelope-in;position:relative;box-shadow:0 30px 70px #00000073}.envelope-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:linear-gradient(#ff9fc0,#ff8fb5);border-radius:14px 14px 0 0;height:90px;animation:.7s .5s forwards flap-open;position:absolute;top:0;left:0;right:0}.letter{text-align:center;opacity:0;background:#fffaf2 repeating-linear-gradient(#0000 0 33px,#f1dfe6 33px 34px);border-radius:6px;margin:0 24px -20px;padding:34px 30px 26px;animation:.8s cubic-bezier(.2,.9,.3,1.1) 1s forwards letter-out;position:relative;transform:translateY(40px);box-shadow:0 10px 24px #78284640}.letter-seal{font-size:2.2rem;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.letter-text{color:#b0305f;margin:0 0 22px;font-family:Dancing Script,cursive;font-size:clamp(1.9rem,5vw,2.6rem);font-weight:700;line-height:1.35}.letter-quest{cursor:pointer;pointer-events:auto}@keyframes envelope-in{0%{opacity:0;transform:translateY(60px)scale(.85)rotate(-4deg)}}@keyframes flap-open{to{opacity:0;transform:rotateX(180deg)}}@keyframes letter-out{to{opacity:1;transform:translateY(-30px)}}.picker-wrap{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#1a0f2080;justify-content:center;align-items:center;animation:.25s fade-in;display:flex;position:absolute;inset:0}.picker{background:var(--panel);width:min(480px,100% - 32px);box-shadow:var(--shadow);border-radius:24px;padding:20px;animation:.35s cubic-bezier(.2,.9,.3,1.2) unroll}.picker-list{flex-direction:column;gap:8px;max-height:55vh;display:flex;overflow-y:auto}.song{font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:10px 14px;transition:transform .12s,border-color .15s;display:flex;box-shadow:0 3px #ecdcea}.song:hover{border-color:var(--pink);transform:translateY(-2px)}.song-disc{color:#fff;background:radial-gradient(circle,#ff8fbd 0 18%,#2a1a30 20% 100%);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid;box-shadow:0 0 0 3px #f3c86b}.song:hover .song-disc{animation:1.2s linear infinite spin}.song-disc.dj{background:linear-gradient(160deg,#ffc94d,#ff6fa8)}.song-title{font-weight:700;line-height:1.2;display:block}.song-artist{opacity:.65;font-size:.85rem;display:block}@keyframes spin{to{transform:rotate(360deg)}}html,body{touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}canvas{touch-action:none}.lanes{pointer-events:auto}.joystick{left:calc(28px + env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;touch-action:none;background:radial-gradient(circle,#ffffff1f,#ffffff47);border:3px solid #ffffff8c;border-radius:50%;width:140px;height:140px;position:absolute;box-shadow:0 8px 24px #00000040}.joystick-knob{background:linear-gradient(180deg, #ff9fc6, var(--pink));width:62px;height:62px;box-shadow:0 4px 0 var(--pink-dark), 0 6px 16px #0000004d;pointer-events:none;border-radius:50%;margin:-31px 0 0 -31px;position:absolute;top:50%;left:50%}.touch-actions{right:calc(24px + env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));pointer-events:none;width:210px;height:190px;position:absolute}.act{color:#fff;font:inherit;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border:none;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;box-shadow:0 5px #00000040,0 8px 20px #0000004d}.act:active{transform:translateY(4px)scale(.95);box-shadow:0 1px #00000040}.act-icon{font-size:1.9rem;line-height:1}.act-attack{background:linear-gradient(#ffd36b,#f2a91d);width:92px;height:92px;bottom:0;right:0}.act-jump{background:linear-gradient(#8fd3ff,#4ba7e6);width:72px;height:72px;bottom:4px;right:108px}.act-use{opacity:.75;background:linear-gradient(#c9b7d6,#9c86ad);width:72px;height:72px;bottom:110px;right:14px}.act-use.ready{opacity:1;background:linear-gradient(180deg, #ff9fc6, var(--pink));animation:1.1s ease-in-out infinite pulse}.act-label{max-width:220px;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;background:#fff8eff2;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700;position:absolute;top:50%;right:82px;overflow:hidden;transform:translateY(-50%);box-shadow:0 4px 12px #0003}.act-use:not(.ready) .act-label{display:none}.rotate-hint{z-index:50;color:#fff;text-align:center;pointer-events:auto;background:#120a1cf0;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;inset:0}.rotate-phone{font-size:4rem;animation:1.8s ease-in-out infinite rotate-phone}@keyframes rotate-phone{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.touch .buttons{top:calc(96px + env(safe-area-inset-top));left:calc(16px + env(safe-area-inset-left));bottom:auto;right:auto}.touch .buttons button{width:40px;height:40px;font-size:.95rem}.touch .status{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.touch .top-right{top:calc(12px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right))}.touch .world-prompt kbd{background:var(--gold);box-shadow:0 2px #d39b1f}@media (height<=520px){.status{width:220px;padding:6px 12px 6px 6px}.avatar{width:40px;height:40px;font-size:1.2rem}.minimap{border-width:3px;width:104px;height:104px}.minimap-label{display:none}.quests{width:210px;padding:8px 10px}.quest{padding:3px 0}.quest-obj{display:none}.quest-name{font-size:.85rem}.dialog{padding:10px 16px;bottom:10px}.portrait{width:46px;height:46px;font-size:1.4rem}.dialog p{font-size:1rem}.toast{font-size:.9rem;top:10px}.banner{top:18%}.lanes{gap:6px;padding:8px;top:70px;right:3%}.lane{width:64px;height:calc(100vh - 130px)}.dance-big{font-size:4rem}.dance-big.small{font-size:1.8rem}.wardrobe,.picker{max-height:calc(100vh - 24px);padding:14px;overflow-y:auto}.wardrobe{right:12px}.outfit{padding:5px}.swatch{width:32px;height:40px}.picker-list{max-height:calc(100vh - 150px)}.polaroid{width:min(420px,70vw)}.letter-text{font-size:1.7rem}.title h1{font-size:clamp(4rem,22vh,8rem)}}.quests-pill{font:inherit;color:var(--pink-dark);pointer-events:auto;cursor:pointer;border:none;padding:8px 14px;font-family:Fredoka,sans-serif;font-weight:600}.touch .quests{pointer-events:auto}