.modal-overlay[data-v-10b9d466]{z-index:220;background:#181c2166;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal-card[data-v-10b9d466]{width:var(--modal-w,min(88vw, 320px));border:2px solid var(--ui-ink);padding:var(--modal-pad,16px);gap:var(--modal-gap,12px);background:#fff;border-radius:18px;flex-direction:column;display:flex;position:relative}.modal-close[data-v-10b9d466]{border:2px solid var(--ui-ink);width:36px;height:36px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;place-items:center;font-size:18px;font-weight:900;line-height:1;display:grid;position:absolute;top:-14px;right:-14px}.modal-close[data-v-10b9d466]:active{transform:scale(.84)}.range[data-v-735dee96]{width:140px;height:20px}.range__input[data-v-735dee96]{appearance:none;background:linear-gradient(to right, var(--accent) var(--fill,0%), rgba(var(--accent-rgb), .18) var(--fill,0%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:20px;margin:0;display:block}.range__input[data-v-735dee96]::-webkit-slider-runnable-track{background:0 0;height:20px}.range__input[data-v-735dee96]::-webkit-slider-thumb{appearance:none;border:2px solid var(--ui-ink);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:50%;width:20px;height:20px}.range__input[data-v-735dee96]::-moz-range-track{background:rgba(var(--accent-rgb), .18);border-radius:999px;height:20px}.range__input[data-v-735dee96]::-moz-range-progress{background:var(--accent);border-radius:999px;height:20px}.range__input[data-v-735dee96]::-moz-range-thumb{border:2px solid var(--ui-ink);cursor:pointer;box-sizing:border-box;background:#fff;border-radius:50%;width:20px;height:20px}.unlockall[data-v-6f365ef7]{z-index:20;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ucard[data-v-6f365ef7]{text-align:center;border:2px solid var(--ui-ink);background:#fff;border-radius:20px;width:min(85vw,320px);padding:28px 24px 24px;position:relative}.ucx[data-v-6f365ef7]{cursor:pointer;width:28px;height:28px;position:absolute;top:12px;right:12px}.ucx[data-v-6f365ef7]:active{transform:scale(.84)}.u1[data-v-6f365ef7]{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:900}.u2[data-v-6f365ef7]{color:var(--soft);margin-bottom:20px;font-size:13px;line-height:1.5}.ub[data-v-6f365ef7]{border:2px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;border-radius:999px;width:100%;padding:10px 0;font-size:14px;font-weight:900}.ub[data-v-6f365ef7]:active{transform:scale(.88)}.usk[data-v-6f365ef7]{border:2px solid var(--ui-ink);width:100%;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;padding:10px 0;font-size:14px;font-weight:900}.usk[data-v-6f365ef7]:active{transform:scale(.88)}.flipoverlay[data-v-19244389]{z-index:9999;background:#0a0e12e6;justify-content:center;align-items:center;padding:28px;animation:.25s ease-out both flipfade-19244389;display:flex;position:fixed;inset:0}.fcontent[data-v-19244389]{text-align:center;width:min(86vw,340px);animation:.32s cubic-bezier(.2,.9,.3,1.05) 80ms both fliprise-19244389}.fphone[data-v-19244389]{filter:drop-shadow(0 10px 24px #00000073);width:84px;height:130px;margin:0 auto 22px;animation:3.2s ease-in-out infinite flipdance-19244389}.f1[data-v-19244389]{color:#fff;margin-bottom:10px;font-size:19px;font-weight:900}.f2[data-v-19244389]{color:#ffffffc7;margin-bottom:24px;font-size:14px;line-height:1.6}.fb[data-v-19244389]{color:#1d2228;cursor:pointer;touch-action:manipulation;background:#fff;border:none;border-radius:999px;width:100%;padding:12px 0;font-size:15px;font-weight:900;box-shadow:0 6px 20px #0000004d}.fb[data-v-19244389]:active{transform:scale(.94)}@keyframes flipfade-19244389{0%{opacity:0}to{opacity:1}}@keyframes fliprise-19244389{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes flipdance-19244389{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}75%{transform:rotate(90deg)}}:root{--paper:#f5f5f5;--ink:#333;--soft:#999;--accent:#555;--accent-rgb:85, 85, 85;--ui-ink:#222;--theme:#6aa3f4;--theme-rgb:106, 163, 244}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--paper);color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;width:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:color .3s;position:fixed;inset:0;overflow:hidden}#app{position:relative}#game{width:100%;height:100%;display:block;position:absolute;inset:0}.btnrow{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.slabel{color:var(--soft);font-size:13px;font-weight:800}.sctl{align-items:center;gap:6px;display:flex}.saction{border:2px solid var(--ui-ink);width:100%;color:var(--ui-ink);letter-spacing:.05em;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;flex-shrink:0;padding:9px 0;font-size:13px;font-weight:900}.saction.done{margin-top:2px;transition:transform .12s}.saction.done:active{transform:scale(.88)}.modal-enter-active,.modal-leave-active{transition:opacity .26s}.modal-enter-active .modal-card{transition:transform .3s cubic-bezier(.22,1,.36,1)}.modal-leave-active .modal-card{transition:transform .22s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-card{transform:scale(.9)translateY(8px)}.modal-leave-to .modal-card{transform:scale(.96)}#timer{top:calc(10px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));font-variant-numeric:tabular-nums;z-index:2;pointer-events:none;color:var(--ui-ink);border:2px solid var(--accent);background:#fff;border-radius:9999px;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:clamp(15px,3.2vw,22px);font-weight:900;display:flex;position:absolute;overflow:visible}#timer .timer-icon{flex:none;width:20px;height:20px}#counter{left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;pointer-events:none;z-index:2;background:#fff;border-radius:9999px;width:fit-content;margin:0 auto;padding:4px 20px;font-size:clamp(18px,4.3vw,30px);font-weight:900;position:absolute}.cdoll{object-fit:contain;vertical-align:-.3em;width:1.25em;height:1.25em;margin-right:8px}.cgoal{color:var(--soft);margin-left:8px}#counter.pop{animation:.5s cubic-bezier(.2,2.2,.4,1) cpop}@keyframes cpop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}#counter.shake{transform-origin:50%;animation:.55s cshake}@keyframes cshake{0%{transform:scale(1)translate(0)}10%{transform:scale(1.12)translate(-4px)}20%{transform:scale(.92)translate(4px)}30%{transform:scale(1.08)translate(-3px)}40%{transform:scale(.95)translate(2px)}55%{transform:scale(1.04)translate(-1px)}70%{transform:scale(.98)translate(0)}to{transform:scale(1)translate(0)}}#hint-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);cursor:pointer;touch-action:manipulation;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.hint-icon{width:auto;height:80px}.hint-title{color:#fff;margin:0;font-size:clamp(16px,4vw,22px);font-weight:900}.hint-text{color:#fff;text-align:center;max-width:320px;margin:0;font-size:clamp(12px,3vw,15px);font-weight:400;line-height:1.5}#hint-overlay .fb{color:#1d2228;cursor:pointer;touch-action:manipulation;background:#fff;border:none;border-radius:999px;width:100%;max-width:min(86vw,320px);padding:12px 0;font-size:15px;font-weight:900;box-shadow:0 6px 20px #0000004d}#hint-overlay .fb:active{transform:scale(.94)}.hint-fade-enter-active{transition:opacity .3s}.hint-fade-leave-active{transition:opacity .25s}.hint-fade-enter-from,.hint-fade-leave-to{opacity:0}.zoomer-enter-active,.zoomer-leave-active{transition:opacity .3s,transform .3s}.zoomer-enter-from,.zoomer-leave-to{opacity:0;transform:translate(-50%)translateY(-8px)}#zoomer{top:calc(10px + env(safe-area-inset-top));font-variant-numeric:tabular-nums;color:var(--ui-ink);z-index:3;background:#fff;border-radius:9999px;align-items:center;gap:6px;height:42px;padding:0 12px;font-size:clamp(13px,2.8vw,17px);font-weight:900;display:flex;position:absolute;left:50%;transform:translate(-50%)}.zreset{width:32px;height:32px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:none;place-items:center;padding:0;display:grid}.zreset svg{width:20px;height:20px}.zreset:active{transform:scale(.84)}@media (orientation:landscape) and (height<=500px){#counter{left:14px;right:auto;bottom:calc(14px + env(safe-area-inset-bottom));margin:0;padding:3px 14px;font-size:clamp(16px,3.2vw,24px)}#counter .cdoll{margin-right:6px}#counter .cgoal{margin-left:6px}}.shead{padding-bottom:2px}.stitle{color:var(--accent);font-size:16px;font-weight:900}.srow{justify-content:space-between;align-items:center;gap:10px;height:40px;display:flex}.lang{border:2px solid var(--ui-ink);color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;transition:transform .12s}.lang:active{transform:scale(.86)}.lang.active{background:var(--ui-ink);border-color:var(--ui-ink);color:#fff}.swatches{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.swatch{cursor:pointer;touch-action:manipulation;border:2px solid #8c8c8c;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s,border-color .15s;box-shadow:inset 0 0 0 1px #181c211f}.swatch:active{transform:scale(.86)}.swatch.active{border-color:var(--ui-ink)}.swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #181c211f}.swatch.custom.active{border:2px solid #000}.swatch.custom input{opacity:0;cursor:pointer;appearance:none;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}#overlay{-webkit-backdrop-filter:blur(9px);opacity:0;pointer-events:none;z-index:4;background:#f5f5f5b8;place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}#overlay.show{opacity:1;pointer-events:auto}.card{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:min(92vw,420px);padding:20px;transition:transform .45s cubic-bezier(.2,1.4,.4,1);display:flex;transform:translateY(10px)}#overlay.show .card{transform:none}.card h1{letter-spacing:.01em;font-size:clamp(48px,12vw,80px);font-weight:900}.card p{color:var(--soft);font-weight:700}.card .time{color:var(--soft);font-weight:800}.beat{color:var(--accent);font-size:14px;font-weight:900}.beat-loading{gap:1px;display:inline-flex}.beat-loading i{font-style:normal;animation:1.4s ease-in-out infinite beat-dot}.beat-loading i:nth-child(2){animation-delay:.2s}.beat-loading i:nth-child(3){animation-delay:.4s}@keyframes beat-dot{0%,60%,to{opacity:.2}30%{opacity:1}}.err{color:#c62828;max-width:min(70vw,240px);font-size:12px;font-weight:800}.upload:disabled{opacity:.6}.upload{background:var(--accent);color:#fff;cursor:pointer;min-height:44px;box-shadow:0 6px 16px rgba(var(--accent-rgb), .35);touch-action:manipulation;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:900;transition:transform .12s;display:inline-flex}.upload:active{transform:scale(.88)}.upload svg{flex:none;width:1.1em;height:1.1em}.ghost{border:2px solid var(--ui-ink);color:var(--ui-ink);cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:800;transition:transform .12s;display:inline-flex}.ghost:active{transform:scale(.88)}.ghost svg{flex:none;width:1.1em;height:1.1em}.replay{background:var(--accent);color:#fff;letter-spacing:.06em;cursor:pointer;min-height:44px;box-shadow:0 8px 22px rgba(var(--accent-rgb), .35);touch-action:manipulation;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:900;transition:transform .12s;display:inline-flex}.replay:active{transform:scale(.88)}.replay svg{flex:none;width:1.1em;height:1.1em}.card .btnrow{flex-direction:column;gap:10px;width:100%;margin-top:24px;display:flex}@media (orientation:landscape){.card .btnrow{flex-direction:row}.card .btnrow>button{flex:1 1 0;min-width:130px}}.noup{text-align:left;width:100%;color:var(--soft);flex:0 0 100%;justify-content:center;align-items:center;gap:5px;margin:2px 0;font-size:12px;font-weight:700;line-height:1.2;display:flex}.noup svg{flex:none;width:15px;height:15px;display:block}.noup span{display:block}.exitbtn{width:100%;color:var(--soft);cursor:pointer;text-underline-offset:3px;touch-action:manipulation;background:0 0;border:none;padding:10px;font-size:13px;font-weight:800;text-decoration:underline;transition:transform .12s}.exitbtn:active{transform:scale(.88)}#board-modal{z-index:10;background:#181c2159;justify-content:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.bdrawer{background:var(--paper);border:2px solid var(--ui-ink);border-right:none;border-radius:24px 0 0 24px;flex-direction:column;gap:12px;width:min(88vw,380px);height:100%;padding:20px 16px 16px;display:flex;position:relative;overflow:hidden}.bd-head{border-bottom:2px solid #181c2114;align-items:center;gap:8px;padding:0 4px 10px;display:flex}.bd-cup{color:var(--accent);font-size:22px;line-height:1;display:block}.bd-cup svg{width:24px;height:24px;display:block}.bd-head h2{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--accent);flex:0 auto;font-size:18px;font-weight:900;overflow:hidden}.bd-tabs{flex:1;gap:6px;min-width:0;padding:0;display:flex}.btab{border:2px solid var(--ui-ink);color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;flex:1;padding:4px 0;font-size:13px;font-weight:900;transition:transform .12s}.btab.on{background:var(--accent);color:#fff;border-color:var(--accent)}.btab:active{transform:scale(.94)}.bd-x{border:2px solid var(--ui-ink);width:32px;height:32px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;font-size:19px;font-weight:900;line-height:1}.bd-x:active{transform:scale(.84)}.bd-refresh{border:2px solid var(--ui-ink);width:32px;height:32px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid}.bd-refresh svg{width:16px;height:16px}.bd-refresh:active{transform:scale(.84)}.bd-refresh:disabled{opacity:.55;cursor:default}.bd-refresh.busy svg{animation:.8s linear infinite bdspin}@keyframes bdspin{to{transform:rotate(360deg)}}.blist{touch-action:pan-y;flex-direction:column;flex:1;gap:6px;padding:2px;display:flex;overflow:hidden auto}.brow{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;font-weight:800;animation:.42s cubic-bezier(.22,1,.36,1) both brow-in;display:flex;box-shadow:0 2px 8px #181c210f}.brow:first-child{animation-delay:50ms}.brow:nth-child(2){animation-delay:.1s}.brow:nth-child(3){animation-delay:.15s}.brow:nth-child(4){animation-delay:.2s}.brow:nth-child(5){animation-delay:.25s}.brow:nth-child(n+6){animation-delay:.3s}@keyframes brow-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:none}}.rk{text-align:center;color:#000;min-width:34px;font-style:italic;font-weight:800}.rk-medal{object-fit:contain;flex:none;width:34px;height:34px}.bav{flex:none}.bimg,.bph{object-fit:cover;background:var(--paper);border-radius:50%;width:26px;height:26px;display:block}.bph{color:var(--soft);place-items:center;font-size:12px;font-style:normal;display:grid}.bmine{color:var(--accent);text-align:center;background:rgba(var(--accent-rgb), .1);border-radius:10px;flex-shrink:0;padding:7px;font-size:13px;font-weight:900}.bn{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bt{color:var(--soft)}.bempty{color:var(--soft);text-align:center;padding:10px 0;font-weight:700}.drawer-enter-active,.drawer-leave-active{transition:opacity .32s}.drawer-enter-active .bdrawer,.drawer-leave-active .bdrawer{transition:transform .42s cubic-bezier(.22,1,.36,1)}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .bdrawer,.drawer-leave-to .bdrawer{transform:translate(100%)}#pause-btn{top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:6;border:2px solid var(--ui-ink);width:42px;height:42px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 3px 10px #181c211a}#pause-btn svg{width:20px;height:20px}#pause{z-index:9;-webkit-backdrop-filter:blur(2px);background:#181c216b;place-items:center;display:grid;position:absolute;inset:0}.pcard{border:2px solid var(--ui-ink);text-align:center;background:#fff;border-radius:20px;flex-direction:column;gap:10px;width:min(84vw,300px);padding:22px;display:flex}.pcard h2{color:var(--accent);letter-spacing:.06em;margin-bottom:4px;font-size:22px;font-weight:900}.pbtn{border:2px solid var(--ui-ink);width:100%;color:var(--ui-ink);letter-spacing:.04em;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-size:15px;font-weight:900;transition:transform .12s,background .12s,border-color .12s,color .12s;display:flex}.pbtn svg{flex:none;width:18px;height:18px}.pbtn:active{transform:scale(.88)}#pause-btn:active{transform:scale(.86)}.pbtn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pause-enter-active,.pause-leave-active{transition:opacity .26s}.pause-enter-active .pcard{transition:transform .3s cubic-bezier(.22,1,.36,1)}.pause-leave-active .pcard{transition:transform .2s}.pause-enter-from,.pause-leave-to{opacity:0}.pause-enter-from .pcard{transform:scale(.88)translateY(10px)}.pause-leave-to .pcard{transform:scale(.95)}#title{z-index:7;opacity:0;pointer-events:none;background:#ffffff4d;align-content:safe center;place-items:center;transition:opacity .4s;display:grid;position:absolute;inset:0;overflow-y:auto}#title.show{opacity:1;pointer-events:auto}.tcard{text-align:center;flex-direction:column;align-items:center;gap:24px;padding:12px 24px;display:flex;position:relative}.brand{color:var(--accent);letter-spacing:.02em;font-size:clamp(40px,10vw,72px);font-weight:900;line-height:1;animation:3.4s ease-in-out infinite bfloat}.logo-wrap{border-radius:6px;margin-bottom:3vh;display:inline-block;position:relative;overflow:hidden}.logo-wrap:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffffe6 45%,#ffffff59 60%,#0000 100%);width:30%;animation:4.5s ease-in-out infinite logosweep;position:absolute;top:-12%;bottom:-12%;left:0;transform:translate(-420%)skew(-16deg)}@keyframes logosweep{0%,82%{transform:translate(-420%)skew(-16deg)}94%,to{transform:translate(420%)skew(-16deg)}}.brand-logo{max-width:clamp(150px,40vw,250px);height:auto;display:block}@keyframes bfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tsub{letter-spacing:.08em;font-size:clamp(14px,3.2vw,20px);font-weight:900}.tpick{color:var(--soft);letter-spacing:.2em;margin-top:6px;font-size:clamp(11px,2.6vw,13px);font-weight:800}.tcount{color:var(--soft);letter-spacing:.12em;margin-top:2px;font-size:12px;font-weight:800}.groups{flex-direction:column;gap:8px;width:min(92vw,540px);display:flex}.cgroup{background:#ffffff8c;border-radius:14px;flex:none;overflow:hidden}.cgroup-head{cursor:pointer;width:100%;color:var(--ui-ink);touch-action:manipulation;background:0 0;border:none;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:900;display:flex}.cgroup-head .gname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cuser{width:14px;height:14px;color:var(--accent);flex:none}.ccount{color:var(--soft);font-size:11px;font-weight:800}.cgroup-head .chev{flex:none;width:14px;height:14px;margin-left:auto;transition:transform .2s}.cgroup.open .cgroup-head .chev{transform:rotate(180deg)}.cgroup .chars{padding:4px 10px 12px}.pickintro{z-index:3;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:linear-gradient(#f1f2f4,#fafafa);flex-direction:column;display:flex;position:fixed;inset:0}.picard{text-align:center;flex-direction:column;flex:auto;gap:8px;width:100%;min-height:0;margin-top:10px;display:flex}.pit{color:var(--ui-ink);text-align:left;font-size:clamp(20px,4.6vw,27px);font-weight:900}.pit-tip{color:var(--soft);text-align:left;margin-top:4px;font-size:clamp(12px,2.8vw,14px);font-weight:700}.pconfirm{left:50%;bottom:calc(52px + env(safe-area-inset-bottom));z-index:4;background:var(--accent);color:#fff;letter-spacing:.06em;cursor:pointer;width:max-content;box-shadow:0 10px 26px rgba(var(--accent-rgb), .45);touch-action:manipulation;white-space:nowrap;border:none;border-radius:999px;padding:12px 28px;font-size:16px;font-weight:900;transition:transform .4s cubic-bezier(.2,1.2,.4,1);position:fixed;transform:translate(-50%,calc(100% + 150px))}.pconfirm.up{transform:translate(-50%)}.pconfirm:active{transform:translate(-50%)scale(.88)}.pgrid{touch-action:pan-y;scrollbar-width:none;flex-wrap:wrap;flex:auto;place-content:flex-start center;gap:12px 16px;width:min(100%,720px);min-height:0;margin:0 auto;padding:24px 2px 104px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 24px calc(100% - 24px),#0000 100%)}.pgrid::-webkit-scrollbar{display:none}.pitem{cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;width:86px;padding:6px 4px;transition:border-color .15s,background .15s,transform .12s;display:flex}.pitem:active{transform:scale(.86)}.pitem.picked{border-color:var(--accent);background:0 0}.pitem .pimg{object-fit:contain;width:64px;height:64px}.csel{height:calc(100vh - 20px);overflow:hidden}.csel .groups{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;flex:auto;min-height:0;padding:48px 12px;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 48px calc(100% - 48px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 48px calc(100% - 48px),#0000 100%)}.csel .groups::-webkit-scrollbar{display:none}.tdoll{object-fit:contain;vertical-align:-.12em;width:.95em;height:.95em;margin-left:4px}.chars{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.charbtn{cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:10px 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:visible}.charbtn.sel{border-color:var(--accent)}.charbtn:active{transform:scale(.86)}.pwrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.pimg{object-fit:contain;width:100%;height:100%;display:block}.lock{color:var(--ui-ink);display:block;position:absolute;bottom:-2px;right:-2px}.lock svg{width:16px;height:16px;display:block}.lock img{width:auto;height:24px;display:block}.lock.semi{color:var(--accent)}.cname{color:var(--ui-ink);font-size:12px;font-weight:800}.tlayout{justify-content:center;align-items:flex-start;gap:clamp(24px,8vw,110px);margin:4px 0 2px;display:flex}.tside{flex-direction:column;align-items:center;gap:12px;display:flex}.pwrap.big{transform-origin:bottom;width:clamp(120px,28vw,200px);height:clamp(120px,28vw,200px);animation:3.8s ease-in-out infinite dfloat}.pwrap.big.beat{transform-origin:bottom;animation:beatbounce var(--beat-dur,.4s) cubic-bezier(.25, 1.35, .45, 1) both}@keyframes beatbounce{0%{transform:scale(1)}22%{transform:scale(1.3,.72)}58%{transform:scale(.92,1.12)}82%{transform:scale(1.03,.96)}to{transform:scale(1)}}.pwrap.big.squish{animation:.62s cubic-bezier(.3,1.4,.5,1) both toysquash}@keyframes toysquash{0%{transform:translateY(0)scale(1)}20%{transform:translateY(0)scale(1.45,.6)}50%{transform:translateY(0)scale(.84,1.24)}75%{transform:translateY(0)scale(1.08,.94)}90%{transform:translateY(0)scale(.98,1.03)}to{transform:translateY(0)scale(1)}}@keyframes dfloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.03)}}.pwrap.big .pimg{object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 18px #181c2138);width:100%;height:100%}.switchbtn{border:2px solid var(--ui-ink);cursor:pointer;touch-action:manipulation;color:var(--ui-ink);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:900;transition:transform .12s;display:flex}.switchbtn svg{width:16px;height:16px}.switchbtn:active{transform:scale(.88)}.csel{gap:16px}.backbtn{top:calc(10px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));border:2px solid var(--ui-ink);cursor:pointer;width:42px;height:42px;color:var(--ui-ink);touch-action:manipulation;z-index:1;background:#fff;border-radius:50%;place-items:center;transition:transform .12s;display:grid;position:absolute;box-shadow:0 3px 10px #181c211a}.backbtn svg{width:20px;height:20px}.backbtn:active{transform:scale(.86)}#start{background:var(--accent);color:#fff;letter-spacing:.1em;cursor:pointer;box-shadow:0 10px 26px rgba(var(--accent-rgb), .4);touch-action:manipulation;border:none;border-radius:999px;align-items:center;gap:8px;padding:14px 52px;font-size:clamp(16px,3.8vw,20px);font-weight:900;display:inline-flex}#start svg{width:1.2em;height:1.2em}#start:active{transform:scale(.88)}.corner-actions{top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:1;gap:10px;display:flex;position:absolute}.corner-actions.left{left:calc(12px + env(safe-area-inset-left));right:auto}.corner-actions.about-row{top:calc(60px + env(safe-area-inset-top))}@media (width<=640px){.corner-actions.about-row{top:calc(54px + env(safe-area-inset-top))}}.ticon{border:2px solid var(--ui-ink);width:auto;height:42px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:900;transition:transform .12s;display:inline-flex;box-shadow:0 3px 10px #181c211a}.ticon svg{flex:none;width:18px;height:18px}.ticon-label{white-space:nowrap}.ticon:active{transform:scale(.86)}.fcard{--modal-w:min(84vw, 320px);--modal-pad:18px 20px;--modal-gap:6px;text-align:center;align-items:center}.f1,.f2{margin:0;font-size:14px;font-weight:800}.f2{margin-bottom:0}.acc{color:#2196f3;letter-spacing:.04em;font-size:20px;font-weight:900}.fb,.fghost{width:100%}.fb{background:var(--accent);color:#fff;cursor:pointer;touch-action:manipulation;box-shadow:0 6px 16px rgba(var(--accent-rgb), .35);border:none;border-radius:999px;margin-top:0;padding:11px 22px;font-size:14px;font-weight:900;transition:transform .12s}.fb:active{transform:scale(.88)}.fghost{border:2px solid var(--ui-ink);color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:900;transition:transform .12s}.fghost:active{transform:scale(.88)}.ftip{color:#c62828;margin-top:6px;font-size:12px;font-weight:700}.fb:disabled{opacity:.6}.tdeco{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tdeco svg,.tdeco .tdot{animation:tfloat var(--dur,4s) ease-in-out var(--delay,0s) infinite alternate;position:absolute}.tdeco .tdot{background:currentColor;border-radius:50%}@keyframes tfloat{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-18px)rotate(8deg)}}@media (prefers-reduced-motion:reduce){.brand,.brand-logo,.tcard .pwrap.big,#start,.tdeco svg,.tdeco .tdot,.logo-wrap:after{animation:none}}.reward{z-index:9;-webkit-backdrop-filter:blur(4px);cursor:pointer;background:#181c219e;place-items:center;display:grid;position:fixed;inset:0}.rcard{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex;position:relative}.rrays{aspect-ratio:1;background:repeating-conic-gradient(#9fb3c0e6 0deg 9deg,#9fb3c000 9deg 21deg);border-radius:50%;width:min(80vw,440px);animation:9s linear infinite rspin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(closest-side,#000 18%,#00000080 46%,#0000 70%);mask:radial-gradient(closest-side,#000 18%,#00000080 46%,#0000 70%)}@keyframes rspin{to{transform:translate(-50%,-50%)rotate(360deg)}}.rglow{aspect-ratio:1;background:radial-gradient(closest-side,#becdd8e6,#becdd84d 55%,#0000 74%);border-radius:50%;width:min(62vw,330px);animation:1.5s ease-in-out infinite alternate rglow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rglow{0%{opacity:.7}to{opacity:1}}.rwrap{z-index:1;width:clamp(150px,38vw,200px);height:clamp(150px,38vw,200px);margin-top:26px;animation:2.8s ease-in-out .9s infinite rfloat;position:relative}@keyframes rfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.rdoll{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 30px #181c2173);width:100%;height:100%;animation:.65s cubic-bezier(.2,.9,.3,1.35) both rpop;position:relative}@keyframes rpop{0%{opacity:0;transform:scale(.2)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(0)}}.rget,.rname,.rtip{z-index:1;animation:.45s .3s both rtext;position:relative}@keyframes rtext{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rget{letter-spacing:.14em;color:#cfe0ea;text-shadow:0 2px 8px #181c2180;margin-top:30px;font-size:15px;font-weight:900}.rname{color:#fff;text-shadow:0 2px 10px #181c218c;font-size:24px;font-weight:900}.rtip{color:#fff9;margin-top:4px;font-size:12px;font-weight:700;animation:.45s .35s both rtext,1.9s ease-in-out .95s infinite rbreathe}@keyframes rbreathe{0%,to{opacity:1}50%{opacity:.35}}.reward-enter-from,.reward-leave-to{opacity:0}.reward-enter-active{transition:opacity .25s}.reward-leave-active{transition:opacity .2s}@media (width>=400px) and (height>=501px) and (height<=800px){#title .tcard:not(.csel){gap:clamp(6px,2.4vh,32px);padding:8px 24px}#title .tcard:not(.csel) .brand-logo{max-width:min(clamp(180px,50vw,320px),clamp(150px,38vh,320px))}#title .tcard:not(.csel) .pwrap.big{width:min(clamp(120px,28vw,200px),clamp(88px,24vh,200px));height:min(clamp(120px,28vw,200px),clamp(88px,24vh,200px))}#title .tcard:not(.csel) .tside{gap:clamp(4px,1.2vh,12px)}#title .tcard:not(.csel) #start{padding:clamp(10px,1.6vh,14px) 40px}}@media (height<=500px){.tcard{gap:6px;padding:10px 24px}.brand-logo{max-width:clamp(100px,25vw,160px)}.tlayout{margin:0}.pwrap.big{width:clamp(80px,22vh,120px);height:clamp(80px,22vh,120px)}.switchbtn{padding:5px 12px;font-size:11px}#start{padding:10px 36px;font-size:clamp(13px,3.2vh,16px);animation:none}.tdeco{display:none}.pickintro{padding:8px}.pgrid{gap:8px 12px;padding:12px 2px 80px}.pitem .pimg{width:48px;height:48px}.pconfirm{padding:8px 28px;font-size:14px}}@media (orientation:landscape) and (height<=500px){.tcard:not(.csel){align-items:center;gap:12px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-logo{max-width:clamp(100px,15vw,160px)}.tlayout{margin:0}.pickintro{padding:6px 12px}.picard{gap:4px;margin-top:4px}.pit{font-size:clamp(16px,3.5vw,22px)}.pit-tip{margin-top:0;font-size:11px}.pgrid{gap:6px 10px;padding:8px 2px 72px}.pitem .pimg{width:48px;height:48px}.pitem{padding:6px 8px}.pconfirm{bottom:calc(34px + env(safe-area-inset-bottom))}.csel .groups{padding:12px}}@media (width<=640px){.corner-actions{gap:6px}.ticon{gap:4px;height:36px;padding:6px 12px;font-size:11px}.ticon svg{width:16px;height:16px}}@media (width<=400px){.ticon{padding:6px 11px}}.acard{--modal-w:min(88vw, 380px);--modal-pad:22px;--modal-gap:0px;cursor:default;text-align:left;overflow:visible}.acard .atitle{color:var(--ui-ink);letter-spacing:.04em;margin-bottom:6px;font-size:20px;font-weight:900}.acard .asec{letter-spacing:.14em;color:var(--soft);text-transform:uppercase;margin:14px 0 6px;font-size:11px;font-weight:900}.acard .adesc{color:var(--ui-ink);font-size:13px;line-height:1.55}.acard .avids{flex-direction:column;gap:6px;display:flex}.acard .avid{border:1.5px solid var(--ui-ink);color:var(--ui-ink);text-align:left;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.acard .avid:hover{background:#181c210d}.acard .avid svg{width:20px;height:20px;color:var(--accent);flex:none}.acard .avid-arrow{color:var(--accent);flex:none;align-items:center;margin-left:auto;display:flex}.acard .avid-arrow svg{width:14px;height:14px}#music-player{top:calc(70px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));border:2px solid var(--ui-ink);z-index:8;--mp-avail:calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right));background:#fff;border-radius:999px;align-items:center;gap:10px;height:52px;padding:6px 10px 6px 6px;display:flex;position:absolute;box-shadow:0 4px 20px #181c2126}#music-player.collapsed{max-width:min(60vw, 420px, var(--mp-avail))}#music-player:not(.collapsed){max-width:min(500px, var(--mp-avail))}.mp-controls{flex:none;align-items:center;gap:2px;display:flex}#music-player.collapsed .mp-controls,.mp-expand-btn{display:none}#music-player.collapsed .mp-expand-btn{display:grid}.mp-cover{border:2px solid var(--ui-ink);background:var(--paper);cursor:pointer;touch-action:manipulation;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;transition:transform .12s;animation:8s linear infinite paused spin;display:grid;overflow:hidden}.mp-cover.spinning{animation-play-state:running}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-cover:active,.mp-cover.spinning:active{transform:scale(.88)}.mp-cover img{object-fit:cover;width:100%;height:100%}.mp-ph{color:var(--accent);font-size:16px;font-weight:900}.mp-info{cursor:pointer;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}#music-player.collapsed .mp-info{max-width:none}#music-player:not(.collapsed) .mp-info{max-width:200px}.mp-title{color:var(--ui-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:900;overflow:hidden}.mp-artist{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.mp-btn{width:32px;height:32px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:50%;place-items:center;transition:transform .12s,background .12s;display:grid}.mp-btn img{width:18px;height:18px}.mp-btn svg{stroke-width:2px;width:18px;height:18px}.mp-btn:active{transform:scale(.84)}.mp-btn:hover{background:#181c210f}.mp-play{width:36px;height:36px;color:var(--ui-ink);border:2px solid var(--ui-ink);background:0 0;border-radius:50%}.mp-play:hover{background:#181c210f}.mp-play:active{transform:scale(.84)}.mp-play img{width:20px;height:20px}@media (height<=500px){#music-player{top:calc(64px + env(safe-area-inset-top));gap:8px;height:44px;padding:4px 8px 4px 4px}.mp-cover{width:32px;height:32px}.mp-btn{width:28px;height:28px}.mp-btn img{width:14px;height:14px}.mp-play{width:30px;height:30px}.mp-play img{width:16px;height:16px}#music-player .mp-playlist-panel{top:calc(120px + env(safe-area-inset-top));max-height:none;bottom:calc(12px + env(safe-area-inset-bottom))}}@media (orientation:portrait) and (height>=501px){#music-player{top:calc(58px + env(safe-area-inset-top))}#music-player .mp-playlist-panel{top:calc(122px + env(safe-area-inset-top))}}@media (orientation:portrait) and (height>=501px) and (width>=641px){#music-player{top:calc(64px + env(safe-area-inset-top))}#music-player .mp-playlist-panel{top:calc(128px + env(safe-area-inset-top))}}.mp-playlist{z-index:9;justify-content:flex-start;align-items:flex-start;display:flex;position:fixed;inset:0}.mp-playlist-panel{top:calc(130px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left));border:2px solid var(--ui-ink);background:#fff;border-radius:16px;flex-direction:column;width:min(85vw,320px);max-height:50vh;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px 30px #181c2133}.mp-playlist-header{color:var(--ui-ink);align-items:center;gap:4px;padding:12px 12px 8px 16px;font-size:14px;font-weight:900;display:flex}.mp-playlist-heading{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;overflow:hidden}.mp-mode-group{flex:none;align-items:center;gap:2px;display:flex}.mp-mode-btn{width:26px;height:26px;color:var(--soft)}.mp-mode-btn svg{width:15px;height:15px}.mp-mode-btn.active{color:var(--accent);background:rgba(var(--accent-rgb), .12)}.mp-mode-btn.active:hover{background:rgba(var(--accent-rgb), .18)}.mp-playlist-scroll{scrollbar-width:thin;scrollbar-color:#181c2147 transparent;flex-direction:column;gap:2px;padding:0 8px 8px;display:flex;overflow-y:auto}.mp-playlist-scroll::-webkit-scrollbar{width:5px}.mp-playlist-scroll::-webkit-scrollbar-thumb{background:#181c2147;border-radius:999px}.mp-playlist-scroll::-webkit-scrollbar-track{background:0 0}.mp-playlist-scroll:hover::-webkit-scrollbar-thumb{background:#181c2173}.mp-playlist-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:8px;transition:background .12s;display:flex}.mp-playlist-item:hover{background:#181c210d}.mp-playlist-item.active{background:#181c2114}.mp-playlist-cover{object-fit:cover;border-radius:8px;flex:none;width:36px;height:36px}.mp-playlist-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mp-playlist-title{color:var(--ui-ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.mp-playlist-artist{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.mp-playlist-link{cursor:pointer;color:var(--accent);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:background .12s;display:flex}.mp-playlist-link:hover{background:#181c210d}.mp-playlist-link svg{width:12px;height:12px}.list-enter-active,.list-leave-active{transition:opacity .2s,transform .2s}.list-enter-active .mp-playlist-panel,.list-leave-active .mp-playlist-panel{transition:transform .2s}.list-enter-from,.list-leave-to{opacity:0}.list-enter-from .mp-playlist-panel,.list-leave-to .mp-playlist-panel{transform:translateY(10px)}.mp-light{z-index:210;cursor:pointer;background:#181c21c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mp-lx{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));color:#fff;cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid #fffc;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute}.mp-lx svg{width:18px;height:18px}.mp-limg{flex-direction:column;align-items:center;gap:12px;max-width:min(92vw,560px);margin:0;display:flex;position:relative}.mp-limg img{object-fit:contain;cursor:default;border-radius:14px;max-width:100%;max-height:72vh;box-shadow:0 18px 50px #00000073}.mp-limg figcaption{color:#fff;text-align:center;letter-spacing:.04em;max-width:84vw;font-size:15px;font-weight:800}.mpfade-enter-active,.mpfade-leave-active{transition:opacity .22s,transform .22s}.mpfade-enter-from,.mpfade-leave-to{opacity:0;transform:scale(.96)}.mp-egg{color:var(--ui-ink);border:2px solid var(--ui-ink);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:900;position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%);box-shadow:0 8px 26px #00000040}.eggfade-enter-active,.eggfade-leave-active{transition:opacity .3s}.eggfade-enter-from,.eggfade-leave-to{opacity:0}