*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{position:fixed;top:0;right:0;bottom:0;left:0;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}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}