:root{--ink:#20314f;--teal:#27c2b0;--sun:#ffc93c;--coral:#ff7a6b;--sky:#5ab8ff;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#5ab8ff;height:100%;margin:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}body{color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}#ui .pe{pointer-events:auto}.hidden{display:none!important}#loader{z-index:50;background:radial-gradient(at 50% 120%,#ffe39a 0%,#7fd6ff 45%,#3aa3f0 100%);flex-direction:column;justify-content:center;align-items:center;gap:28px;transition:opacity .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loader.gone{opacity:0;pointer-events:none}.logo{letter-spacing:1px;flex-direction:column;align-items:center;font-weight:900;line-height:.9;display:flex;transform:rotate(-3deg)}.logo span{color:#fff;text-shadow:0 6px #1f7fc7,0 10px 24px #00285a59;-webkit-text-stroke:3px #1f6fb5;paint-order:stroke fill;font-size:clamp(54px,11vw,110px)}.logo span+span{color:var(--sun);-webkit-text-stroke-color:#c77700;text-shadow:0 6px #c77700,0 10px 24px #00285a59}.bar{background:#fff6;border-radius:10px;width:min(320px,60vw);height:16px;overflow:hidden;box-shadow:inset 0 2px 4px #00000026}#loadbar{background:linear-gradient(90deg,#ffd34d,#ff9f43);border-radius:10px;width:0%;height:100%;transition:width .2s}button.big{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#ffb43b,#ff8a1f);border:none;border-radius:999px;padding:16px 54px;font-size:30px;font-weight:900;animation:1.4s ease-in-out infinite pulse;box-shadow:0 6px #c85f00,0 12px 24px #0003}button.big:active{transform:translateY(4px);box-shadow:0 2px #c85f00}@keyframes pulse{50%{transform:scale(1.06)}}.hud-tl{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));gap:8px;display:flex;position:absolute}.hud-tr{top:calc(10px + var(--safe-t));right:calc(12px + var(--safe-r));gap:8px;display:flex;position:absolute}.pill{background:#ffffffe0;border-radius:999px;align-items:center;gap:6px;min-width:74px;padding:4px 14px 4px 6px;font-size:20px;font-weight:900;display:flex;box-shadow:0 3px #0000001f}.pill svg{width:28px;height:28px}.pill.bump{animation:.35s bump}@keyframes bump{40%{transform:scale(1.25)}}.ibtn{cursor:pointer;background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex;box-shadow:0 3px #0000001f}.ibtn svg{width:26px;height:26px}.ibtn:active{transform:translateY(2px)}.toast{top:calc(66px + var(--safe-t));opacity:0;color:#fff;white-space:nowrap;background:#20314fd1;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-size:20px;font-weight:800;transition:opacity .35s,transform .35s;display:flex;position:absolute;left:50%;transform:translate(-50%)translateY(-10px)}.toast.low{top:calc(118px + var(--safe-t));z-index:6}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast svg{width:26px;height:26px}.joy{opacity:0;background:#ffffff38;border:3px solid #ffffff8c;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;transition:opacity .2s;position:absolute}.joy.on{opacity:1}.joy .knob{background:#ffffffe6;border-radius:50%;width:62px;height:62px;margin:-31px 0 0 -31px;position:absolute;top:50%;left:50%;box-shadow:0 4px 10px #0003}.joy.ghost{opacity:.55;transition:none}.jumpbtn{right:calc(26px + var(--safe-r));bottom:calc(26px + var(--safe-b));touch-action:none;background:#ffc93ceb;border:none;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:absolute;box-shadow:0 6px #c88d00,0 8px 18px #0003}.jumpbtn svg{width:50px;height:50px}.jumpbtn.down{transform:translateY(4px);box-shadow:0 2px #c88d00}.jumpbtn.glow{animation:1s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 6px #c88d00,0 0 0 14px #ffdc5a73}}.hand{pointer-events:none;filter:drop-shadow(0 4px 6px #0000004d);width:70px;height:70px;animation:1.8s ease-in-out infinite handmove;position:absolute}@keyframes handmove{0%,to{transform:translate(0)}30%{transform:translate(40px,-30px)}60%{transform:translate(-30px,-40px)}}.keys{left:50%;bottom:calc(30px + var(--safe-b));opacity:.92;grid-template-columns:repeat(3,46px);gap:6px;display:grid;position:absolute;transform:translate(-50%)}.key{background:#fff;border-radius:10px;justify-content:center;align-items:center;height:46px;font-size:20px;font-weight:900;display:flex;box-shadow:0 4px #b8c4d6}.key.space{grid-column:1/span 3;font-size:16px}.wipe{clip-path:circle(0%);z-index:30;background:#ffc93c;justify-content:center;align-items:center;transition:clip-path .45s cubic-bezier(.6,0,.4,1);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.wipe.in{clip-path:circle(150%)}.wipe .wtitle{color:#fff;-webkit-text-stroke:3px #c77700;paint-order:stroke fill;text-shadow:0 6px #c77700;font-size:clamp(40px,8vw,80px);font-weight:900}.panel-wrap{z-index:20;background:#14284659;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.panel{text-align:center;background:#fff;border-radius:28px;min-width:min(380px,86vw);max-width:92vw;padding:22px 30px 26px;animation:.4s cubic-bezier(.3,1.6,.5,1) popin;box-shadow:0 10px #0000001f,0 20px 40px #00000040}@keyframes popin{0%{opacity:0;transform:scale(.6)}}.panel h2{margin:0 0 6px;font-size:34px;font-weight:900}.panel .stars{justify-content:center;gap:10px;margin:6px 0 10px;display:flex}.panel .stars svg{width:64px;height:64px;transform:scale(0)}.panel .stars svg.pop{animation:.5s cubic-bezier(.3,1.8,.5,1) forwards starpop}@keyframes starpop{to{transform:scale(1)}}.panel .stats{flex-wrap:wrap;justify-content:center;gap:14px;margin:6px 0 16px;font-size:22px;font-weight:800;display:flex}.panel .stats span{background:#f0f6ff;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;display:flex}.panel .stats svg{width:26px;height:26px}.panel .row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#36d6c3,#1fae9c);border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 26px;font-size:22px;font-weight:900;display:flex;box-shadow:0 5px #13806f}.btn.alt{background:linear-gradient(#7fb6ff,#4d8ff0);box-shadow:0 5px #2d64b8}.btn.gold{background:linear-gradient(#ffcf4a,#ffa21f);box-shadow:0 5px #c87400}.btn:disabled{filter:grayscale();opacity:.6}.btn:active{transform:translateY(3px);box-shadow:0 2px #00000040}.btn svg{width:24px;height:24px}.qcard{top:calc(10px + var(--safe-t));letter-spacing:2px;white-space:nowrap;background:#fff;border-radius:22px;padding:6px 26px;font-size:clamp(34px,6vw,52px);font-weight:900;transition:transform .25s;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px #0000001f}.qcard.pop{animation:.4s cubic-bezier(.3,1.7,.5,1) qpop}@keyframes qpop{0%{transform:translate(-50%)scale(.5)}}.qcard.good{background:#c9ffe9}.qcard.bad{background:#ffd9d4;animation:.4s shake}@keyframes shake{20%,60%{transform:translate(calc(-50% - 10px))}40%,80%{transform:translate(calc(10px - 50%))}}.hearts{gap:4px;display:flex}.hearts svg{width:30px;height:30px;transition:transform .3s,opacity .3s}.hearts svg.lost{opacity:.25;filter:grayscale();transform:scale(.7)}.progress{bottom:calc(14px + var(--safe-b));gap:6px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.progress i{background:#ffffff80;border:2px solid #ffffffe6;border-radius:50%;width:16px;height:16px}.progress i.ok{background:#2fd67b}.progress i.no{background:#ff7a6b}.progress i.now{background:#fff;transform:scale(1.3)}.word{top:calc(10px + var(--safe-t));background:#ffffffeb;border-radius:22px;align-items:center;gap:8px;padding:6px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px #0000001f}.word .pic{margin-right:6px;font-size:40px}.word .slot{color:#20314f;background:#e8f1ff;border-bottom:4px solid #9db7e0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:54px;font-size:38px;font-weight:900;display:flex}.word .slot.next{background:#fff4c4;border-bottom-color:#ffb300;animation:1s infinite nextp}@keyframes nextp{50%{transform:translateY(-3px)}}.word .slot.fill{background:#c9ffe9;border-bottom-color:#2fbf8a;animation:.35s qpop2}@keyframes qpop2{0%{transform:scale(1.5)}}.word.shake{animation:.4s shake}.word .say{margin-left:4px}.pop-text{color:#fff;-webkit-text-stroke:2px #142846b3;paint-order:stroke fill;pointer-events:none;white-space:nowrap;font-size:34px;font-weight:900;animation:1s ease-out forwards rise;position:absolute;transform:translate(-50%,-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}.flyletter{color:#20314f;z-index:9;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:44px;font-weight:900;transition:all .5s cubic-bezier(.5,0,.3,1);display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000040}.dress{bottom:calc(24px + var(--safe-b));align-items:center;gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.dress .name{text-align:center;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:190px;padding:10px 22px;font-size:24px;font-weight:900;display:flex;box-shadow:0 4px #0000001f}.dress .name svg{width:24px;height:24px}.arrowbtn{background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 5px #00000026}.arrowbtn svg{width:34px;height:34px}.dress-actions{right:calc(20px + var(--safe-r));bottom:calc(24px + var(--safe-b));flex-direction:column;gap:10px;display:flex;position:absolute}.count3{color:#fff;-webkit-text-stroke:4px #1f6fb5;paint-order:stroke fill;text-shadow:0 8px #1f6fb5;font-size:120px;font-weight:900;animation:1s ease-out forwards cnt;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes cnt{0%{opacity:0;transform:translate(-50%,-50%)scale(2)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}@media (max-height:500px){.jumpbtn{width:82px;height:82px}.qcard{padding:2px 20px}.word .slot{width:36px;height:44px;font-size:30px}.word .pic{font-size:32px}.panel{padding:14px 22px 18px}.panel h2{font-size:28px}.panel .stars svg{width:50px;height:50px}}.layer,.controls{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.layer>*{pointer-events:auto}.layer>.hand,.layer>.keys,.layer>.pop-text,.layer>.hud-free{pointer-events:none}.ghud-tl{top:calc(10px + var(--safe-t));left:calc(12px + var(--safe-l));pointer-events:none;gap:8px;display:flex;position:absolute}.qcard.lift{top:calc(10px + var(--safe-t))}.qcard .q{color:#20314f}.qcard .a{color:#1aa36b}.word .say{cursor:pointer;background:#5ab8ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;box-shadow:0 3px #2f86c9}.word .say svg{width:26px;height:26px}.word .say:active{transform:translateY(2px);box-shadow:0 1px #2f86c9}.combo{top:calc(78px + var(--safe-t));color:#fff;-webkit-text-stroke:2px #e0661b;paint-order:stroke fill;opacity:0;pointer-events:none;font-size:24px;font-weight:900;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.combo.show{opacity:1;animation:.4s cubic-bezier(.3,1.7,.5,1) qpop}.steerhint{bottom:calc(60px + var(--safe-b));pointer-events:none;opacity:0;gap:70px;transition:opacity .3s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.steerhint.show{opacity:1}.steerhint svg{filter:drop-shadow(0 3px #0003);width:64px;height:64px;animation:.9s infinite nudge}.steerhint svg:last-child{animation-direction:reverse}@keyframes nudge{50%{transform:translate(-10px)}}.steerhint span{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;box-shadow:0 4px #00000026}.word .say{pointer-events:auto}.word .pic{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1}.word.done{background:#c9ffe9}.word.pop{animation:.4s cubic-bezier(.3,1.7,.5,1) qpop}