*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{color-scheme:dark only;-webkit-text-size-adjust:100%;text-size-adjust:100%;position:fixed;top:0;right:0;bottom:0;left:0;height:100%;height:100dvh;overflow:hidden;background:#0d0f1c;color:#e9ecff;font:15px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:absolute;top:0;right:0;bottom:0;left:0;max-width:480px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{position:absolute;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}.hidden{display:none!important}button{font:inherit;font-weight:700;border:0;border-radius:14px;min-height:48px;min-width:48px;padding:10px 16px;background:#252a47;color:#e9ecff;box-shadow:0 3px 10px #0007;cursor:pointer;touch-action:manipulation}button:active{transform:translateY(1px);filter:brightness(1.15)}button:disabled{opacity:.4}.primary{background:linear-gradient(#5ee7ff,#3aa7ff);color:#071026}.danger{background:#47252e}.big{font-size:18px;min-height:56px;width:100%}#scr-title{align-items:center;justify-content:center;padding:20px;text-align:center}#logo{width:240px;height:195px}h1{font-size:44px;letter-spacing:1px;margin-top:4px;background:linear-gradient(#e9fdff,#5ee7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{color:#9aa1c7;margin-bottom:28px}.stack{display:flex;flex-direction:column;gap:12px;width:min(300px,85%)}.studio{position:absolute;bottom:14px;color:#5b6190;font-size:12px}.bar{display:flex;align-items:center;gap:8px;padding:10px 12px}.bar>b{flex:1;font-size:20px}.back{font-size:26px;padding:0;background:#1b1f38}.pill{background:#1b1f38;border-radius:20px;padding:6px 12px;color:#ffd84d;font-weight:700}#grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-content:start;gap:12px;padding:8px 16px;overflow-y:auto;flex:1;min-height:0;touch-action:pan-y;-webkit-overflow-scrolling:touch}.lv{height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:24px;border-radius:18px;background:#1b1f38}.lv small{font-size:14px;color:#ffd84d;letter-spacing:2px}.lv.locked{opacity:.35}.lv.next{outline:2px solid #5ee7ff}.tog{display:flex;align-items:center;justify-content:space-between;margin:8px 16px;padding:16px;border-radius:14px;background:#1b1f38;font-size:18px;min-height:56px}.tog input{display:none}.tog i{width:52px;height:30px;border-radius:15px;background:#3a3f63;position:relative;transition:background .15s}.tog i:after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.tog input:checked+i{background:#3aa7ff}.tog input:checked+i:after{left:25px}#set-reset{margin:24px 16px;width:auto}header{padding-bottom:4px}.lvl{flex:1;min-width:0}.lvl b{display:block;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lvl small{color:#9aa1c7;font-size:12.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#btn-hint,#btn-listen{padding:0;font-size:18px}#target{display:flex;gap:6px;padding:0 12px}.chip{flex:1;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#111;opacity:.42;transition:opacity .12s,transform .12s}.chip.on{opacity:1;transform:translateY(-2px);box-shadow:0 0 12px currentColor}.chip.bad{outline:3px solid #ff5d73;opacity:1}#cv{flex:1;width:100%;min-height:0;display:block;touch-action:none;-ms-touch-action:none}footer{display:flex;gap:10px;padding:6px 12px 10px}footer button{flex:1;min-height:54px;font-size:17px}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05061099;display:flex;align-items:center;justify-content:center}.card{background:#171a30;border-radius:20px;padding:22px;width:84%;text-align:center;box-shadow:0 10px 40px #000a;animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.85);opacity:0}}#ov-title{font-size:24px;font-weight:800}#ov-stars{font-size:42px;letter-spacing:6px;margin:6px 0;color:#ffd84d;text-shadow:0 0 14px #ffd84d88}#ov-detail{color:#9aa1c7;font-size:13px;margin-bottom:14px}.btns{display:flex;gap:10px}.btns button{flex:1}.link{background:none;box-shadow:none;color:#9aa1c7;margin-top:6px;font-weight:600}#attempts{font-size:11px;font-weight:600;color:#5b6190;margin-left:4px}.chip.bad{background:#ff5d73!important;outline:none}.chip.shake{animation:shake .38s}@keyframes shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}#winbar{position:absolute;left:12px;right:12px;top:108px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#171a30ee;box-shadow:0 8px 30px #0009;animation:pop .25s ease-out;cursor:pointer}#wb-stars{font-size:26px;color:#ffd84d;text-shadow:0 0 12px #ffd84d88;letter-spacing:2px}.wbt{flex:1;min-width:0}.wbt b{display:block;font-size:17px}.wbt small{color:#9aa1c7;font-size:12px}#wb-next{min-height:44px;padding:8px 14px}.lv.locked{opacity:.55}.lv.locked small{color:#ffd84d;letter-spacing:0;font-size:13px}.lv.shake{animation:shake .38s}#toast{position:absolute;left:50%;bottom:28px;transform:translate(-50%);background:#252a47;color:#e9ecff;font-weight:700;padding:12px 18px;border-radius:14px;box-shadow:0 8px 24px #000a;white-space:nowrap;pointer-events:none}#toast.show{animation:pop .2s ease-out}footer .sm{flex:0 0 58px;font-size:22px}h3.world{grid-column:1/-1;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#9aa1c7;margin:10px 2px 0}#grid{padding-bottom:24px}.screen{animation:scrIn .22s ease-out}@keyframes scrIn{0%{opacity:0;transform:translateY(8px)}}#intro{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:6px 12px 0;font-size:12px;color:#c9cfee;transition:opacity .4s,max-height .4s;max-height:60px;overflow:hidden}#intro b{color:#071026;background:#5ee7ff;border-radius:10px;padding:3px 9px}#intro span{background:#1b1f38;border-radius:10px;padding:3px 9px;color:#ffd84d}#intro.out{opacity:0;max-height:0;padding:0}#wb-prog{position:relative;margin-top:5px;font-size:11px;color:#9aa1c7;padding-bottom:6px}#wb-prog i{position:absolute;left:0;bottom:0;height:3px;border-radius:2px;background:linear-gradient(90deg,#5ee7ff,#e86bff)}.row2{display:flex;gap:12px}.row2 button{flex:1}#skins{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:8px 16px;overflow-y:auto;touch-action:pan-y}.skin{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border-radius:16px;background:#1b1f38}.skin canvas{width:120px;height:75px;border-radius:10px}.skin small{color:#9aa1c7;font-size:12px;font-weight:600}.skin.sel{outline:2px solid #5ee7ff}.skin.locked canvas{opacity:.5}#toast{position:absolute;z-index:80}.chip.lit{transform:translateY(-4px) scale(1.12);box-shadow:0 0 14px currentColor,0 0 0 2px #fff;transition:transform .12s,box-shadow .12s}button.daily{display:flex;flex-direction:column;align-items:center;line-height:1.15}button.daily small{font-size:12px;opacity:.75;font-weight:500}body{font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.1px}.lvl b{font-size:17px;font-weight:800;letter-spacing:.2px}.lvl small{font-size:12.5px;opacity:.8}#attempts{font-weight:600;font-size:12px;opacity:.55;margin-left:4px}#target{gap:6px;padding:2px 12px 6px}.chip{font-weight:800;border-radius:11px;box-shadow:inset 0 -3px #0003,0 2px 6px #0005}footer{gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom))}footer .sm{min-width:52px;min-height:52px;font-size:20px;padding:0}.whead{grid-column:1/-1;height:74px;border-radius:18px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;padding:0 18px;margin:14px 0 4px;box-shadow:0 4px 14px #0008}.whead b{font-size:12px;letter-spacing:2px;text-transform:uppercase;opacity:.75}.whead span{font-size:20px;font-weight:800}.cbg{font-style:normal;font-size:.8em;margin-right:2px}body.calm *,body.calm *:before,body.calm *:after{transition:none!important;animation:none!important}#wb-stars .st{display:inline-block}#wb-stars .st.won{animation:starpop .45s cubic-bezier(.3,1.6,.5,1) both}@keyframes starpop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:none;opacity:1}}.wbx{display:flex;flex-direction:column;gap:4px}.wbx .sm{min-height:40px;padding:6px 10px;font-size:13px}#target{position:relative;overflow:hidden}#target.sweep:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 30%,#ffffff88 50%,transparent 70%);animation:sweep .7s ease-out both;pointer-events:none}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 14px}.stat{position:relative;overflow:hidden;background:#1b1f38;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:0 3px 10px #0007}.stat b{font-size:28px;font-weight:800}.stat b span{font-size:16px;opacity:.5}.stat small{opacity:.7}.stat i{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,#5ee7ff,#e86bff)}.more{padding:12px 16px;display:flex;flex-direction:column;gap:10px;overflow:auto}.morecard{background:linear-gradient(135deg,#10283a,#2a1f45);border:1px solid #7bed6f55;border-radius:16px;padding:16px}.morecard p{margin:6px 0 0;opacity:.85}.more h3{margin:10px 0 0;font-size:15px;opacity:.8}.pack{display:flex;justify-content:space-between;align-items:center;background:#1a1d36;border-radius:12px;padding:12px 14px;opacity:.75}.pack span{font-size:13px;opacity:.7}.more small{opacity:.6;text-align:center}.moretile{grid-column:1/-1;text-align:left;color:inherit;margin-top:12px}.pack.open{opacity:1;border:1px solid #ff8a3d66;background:linear-gradient(90deg,#3d1f12,#1f0f08);color:inherit;font:inherit;text-align:left}.packhead{margin:8px 16px;padding:14px;border-radius:14px;background:radial-gradient(circle at 20% 120%,#ff8a3d55,#3d1f12 60%,#1f0f08);color:#ffe2c4}.packgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:8px 16px}.packgrid .lv{background:#2a160c;border:1px solid #ff8a3d33}.pack.open.brass{border-color:#e0b45a66;background:linear-gradient(90deg,#3a2f1a,#1c160c)}#scr-pack[data-pack=clockwork] .packhead{background:radial-gradient(circle at 20% 120%,#e0b45a55,#3a2f1a 60%,#1c160c);color:#fff1cf}#scr-pack[data-pack=clockwork] .packgrid .lv{background:#2a2112;border-color:#e0b45a33}.pack.open.night{border-color:#b8c6ff66;background:linear-gradient(90deg,#141a3d,#070a1f)}#scr-pack[data-pack=starlight] .packhead{background:radial-gradient(circle at 80% -20%,#fff6c855,#141a3d 55%,#070a1f);color:#e8ecff}#scr-pack[data-pack=starlight] .packgrid .lv{background:#10142e;border-color:#b8c6ff33}#t-play small{display:block;font-size:13px;font-weight:600;opacity:.8;margin-top:2px}.hapask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:16px}.hapask>div{background:#1b1f38;border-radius:18px;padding:18px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:10px}.hapask p{margin:0;opacity:.85}.hapask small{opacity:.6;text-align:center}.priv{padding:16px 18px 32px;max-width:420px;margin:0 auto;line-height:1.45;color:#c8d0e8;font-size:15px}.priv p{margin:0 0 14px}.priv b{color:#e9fdff}#btn-drop.ready{animation:readyPulse 1.1s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 #5ee7ff00}50%{box-shadow:0 0 0 8px #5ee7ff55;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){#btn-drop.ready{animation:none;outline:2px solid #5ee7ff}}.studio{position:static;margin-top:auto;padding:10px 0 4px}.monly{display:none}body.mon .monly{display:block}.lv .gem{position:absolute;top:3px;right:4px;font-size:11px;font-style:normal}.lv{position:relative}.paywall{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 22px 22px;overflow:auto}.paywall canvas{width:300px;max-width:100%;height:150px}.paywall h2{margin:0;font-weight:900;font-size:27px;color:#fff;text-shadow:0 0 18px #5ee7ff77}.paywall ul{list-style:none;margin:0;padding:0;width:100%;max-width:320px}.paywall li{font-weight:700;font-size:17px;color:#e9fdff;background:#ffffff10;border-radius:12px;padding:10px 14px;margin:6px 0}.paywall .buy{display:flex;justify-content:space-between;align-items:center;max-width:320px;background:linear-gradient(135deg,#5ee7ff,#9b7bff);color:#071026;font-weight:900;border:0;border-radius:16px;padding:0 18px;box-shadow:0 6px 22px #5ee7ff44}.paywall .buy.alt{background:#ffffff18;color:#e9fdff;box-shadow:none}.paywall .link{background:none;border:0;color:#9aa3d9;font-weight:700;font-size:16px;min-height:44px;text-decoration:underline}.paywall small{color:#9aa3d9}#btn-hint.adhint{position:relative}#btn-hint.adhint:after{content:"▶" attr(data-left);position:absolute;top:-6px;right:-6px;font-weight:800;font-size:10px;background:#ffd166;color:#071026;border-radius:8px;padding:1px 4px}button{transition:transform .08s ease,filter .12s ease,box-shadow .12s ease;letter-spacing:.2px;background:linear-gradient(#2b3154,#22274a);box-shadow:0 3px 10px #0007,inset 0 1px #ffffff14}button:active{transform:translateY(1px) scale(.97)}.primary{background:linear-gradient(#6aeeff,#3aa7ff);box-shadow:0 4px 14px #3aa7ff55,inset 0 1px #fff6}.danger{background:linear-gradient(#55303a,#47252e)}.bar b,h2,h3,.whead b{font-weight:900;letter-spacing:.3px}small,.lv small{font-weight:600}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;background:radial-gradient(40% 30% at 20% 25%,#5ee7ff12,transparent 70%),radial-gradient(35% 28% at 80% 70%,#9b7bff14,transparent 70%);animation:aurora 38s ease-in-out infinite alternate}@keyframes aurora{to{transform:translate(6%,-5%) rotate(8deg)}}body.calm:before{animation:none}.lv .best{display:block;font-style:normal;font-size:10px;font-weight:700;opacity:.7;margin-top:1px;white-space:nowrap}.lv .nohint{position:absolute;top:3px;left:5px;font-style:normal;font-size:12px;color:#ffd166;text-shadow:0 0 6px #ffd16699}.ver{display:block;text-align:center;color:#7d84b0;font-size:12px;padding:10px;user-select:text;-webkit-user-select:text}#touchdbg{position:fixed;left:4px;right:4px;top:calc(env(safe-area-inset-top) + 4px);z-index:9999;pointer-events:none;white-space:pre-wrap;font:11px/1.3 ui-monospace,monospace;color:#bfffd0;background:#000c;border:1px solid #3f6;border-radius:8px;padding:6px;max-height:45vh;overflow:hidden}@media (forced-colors: active){*{forced-color-adjust:none}}footer{padding:8px 16px calc(18px + env(safe-area-inset-bottom))}#btn-drop{flex:1.4}body.lefty footer{flex-direction:row-reverse}body.wide footer{max-width:560px;width:100%;margin-left:auto}body.wide.lefty footer{margin-left:0;margin-right:auto}@media (min-width:560px) and (min-aspect-ratio:7/10){body.ingame #app{max-width:1200px}}#grid{scroll-behavior:smooth;overscroll-behavior:contain}body.calm #grid{scroll-behavior:auto}#wjump{display:flex;gap:8px;padding:4px 16px 6px;overflow-x:auto;scrollbar-width:none}#wjump::-webkit-scrollbar{display:none}#wjump button{flex:0 0 auto;min-width:44px;min-height:40px;border-radius:20px;padding:0 14px;font-weight:800;font-size:15px}#wjump button.on{background:linear-gradient(135deg,#5ee7ff,#9b7bff);color:#071026}#rotate{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0d0f1c;color:#e9ecff;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}#rotate div{font-size:54px}#rotate b{font-size:22px}#rotate p{margin:0;opacity:.7}@media (orientation:landscape) and (max-height:500px){#rotate{display:flex}}.dailycard{margin:10px 16px;padding:14px;border-radius:18px;background:#171a30;display:flex;flex-direction:column;gap:10px}.heat{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.heat i{aspect-ratio:1;border-radius:6px;background:#252a47}.heat i.on{background:#5ee7ff}.heat i.today{outline:2px solid #ffd84d;outline-offset:1px}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000a;display:flex;align-items:flex-end;justify-content:center}.sheet.hidden{display:none}.sheet-card{background:#1b1f38;border-radius:22px 22px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));width:100%;max-width:480px;display:flex;flex-direction:column;gap:12px;align-items:center}.sheet-card input{width:100%;font:600 15px ui-monospace,monospace;padding:12px;border-radius:12px;border:1px solid #3a4070;background:#0d0f1c;color:#e9ecff;-webkit-user-select:all;user-select:all}.sheet-card img{border-radius:10px;background:#fff;image-rendering:pixelated}.sheet-card img.hidden{display:none}body.bigtext{font-size:118%}body.bigtext .tog span,body.bigtext #lvl-hint,body.bigtext #toast,body.bigtext .lv small,body.bigtext .stat small{font-size:1.18em}body.bigtext .chip{font-size:1.15em}body.bigtext .bar b{font-size:1.2em}