:root{--ink: #07060e;--ink2: #0d0a18;--panel: #17122b;--panel2: #1f1838;--line: #2e2450;--line2: #463a72;--sys: #b39aff;--sys-dim: #6b5aa8;--violet: #a855f7;--vio2: #7c3aed;--vio-glow: rgba(168, 85, 247, .55);--gold: #f2c14e;--good: #35d9a6;--bad: #ff6b8a;--tx: #ede9ff;--tx2: #a99ecb;--tx3: #6d6291;--d: "Black Han Sans", "IBM Plex Sans KR", sans-serif;--b: "IBM Plex Sans KR", "Pretendard", "Malgun Gothic", sans-serif;--m: "IBM Plex Mono", "Consolas", monospace}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--tx);font-family:var(--b);font-size:15px;line-height:1.55;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;background-image:radial-gradient(130% 62% at 50% -12%,rgba(99,203,255,.14),transparent 62%),radial-gradient(95% 55% at 100% 102%,rgba(139,123,255,.1),transparent 72%);background-attachment:fixed;min-height:100vh}button{font-family:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--sys);outline-offset:2px;border-radius:4px}#app{max-width:468px;margin:0 auto;padding:16px 15px calc(90px + env(safe-area-inset-bottom))}h1,h2,h3{margin:0}.sys{position:relative;border:1px solid var(--line2);border-radius:4px;background:linear-gradient(158deg,#1a2547f7,#0a0f1ef7);padding:13px 15px 15px;margin-bottom:15px;box-shadow:0 0 0 1px #63cbff14,0 18px 46px -24px #63cbffbf}.sys:before,.sys:after{content:"";position:absolute;width:13px;height:13px;border:1px solid var(--sys);opacity:.9}.sys:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.sys:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.sys-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--m);font-size:10px;letter-spacing:.2em;color:var(--sys-dim);text-transform:uppercase}.sys-top b{color:var(--sys)}.sys-id{display:flex;align-items:center;gap:13px;margin:12px 0 13px}.rank{width:60px;height:60px;flex:0 0 60px;display:grid;place-items:center;font-family:var(--d);font-size:32px;line-height:1;border:1px solid currentColor;border-radius:3px;position:relative;color:var(--sys);text-shadow:0 0 18px currentColor;background:radial-gradient(circle at 50% 125%,rgba(99,203,255,.25),transparent 70%)}.rank:after{content:"";position:absolute;inset:4px;border:1px solid currentColor;opacity:.25;border-radius:2px}.rank[data-r=B],.rank[data-r=A]{color:var(--violet)}.rank[data-r=S]{color:var(--gold)}.rank small{position:absolute;bottom:4px;font-family:var(--m);font-size:7.5px;letter-spacing:.16em;opacity:.6}.id-txt{flex:1;min-width:0}.nm{font-family:var(--d);font-size:22px;letter-spacing:.01em}.ttl{color:var(--tx2);font-size:12.5px;display:block;margin-top:2px}.streak{text-align:right;font-family:var(--m);line-height:1.1}.streak b{display:block;font-size:24px;color:var(--gold)}.streak span{font-size:9px;letter-spacing:.16em;color:var(--tx3)}.xp-wrap{margin-top:2px}.xp-bar{height:6px;background:#070c1a;border:1px solid var(--line);border-radius:3px;overflow:hidden}.xp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sys-dim),var(--sys));box-shadow:0 0 12px var(--sys);transition:width .6s ease}.xp-num{display:flex;justify-content:space-between;font-family:var(--m);font-size:10px;color:var(--tx3);margin-top:6px;letter-spacing:.05em}.panel{border:1px solid var(--line);border-radius:5px;padding:15px 16px;margin-bottom:13px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),linear-gradient(170deg,#141c3ad9,#0d1329eb);box-shadow:inset 0 1px #8caaff0f}#app>*{animation:appin .22s ease-out both}@keyframes appin{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes fadepulse{0%,to{opacity:.4}50%{opacity:.9}}.eyebrow{font-family:var(--m);font-size:10px;letter-spacing:.22em;color:var(--sys-dim);text-transform:uppercase;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.eyebrow em{font-style:normal;color:var(--tx3);letter-spacing:.08em}.banner{border:1px solid var(--line2);border-left:3px solid var(--sys);border-radius:4px;background:linear-gradient(100deg,#63cbff1c,#11183280 55%);padding:12px 14px;margin-bottom:12px}.banner h2{font-family:var(--b);font-weight:800;font-size:17px;letter-spacing:-.01em;word-break:keep-all;text-shadow:0 1px 2px rgba(0,0,0,.85)}.banner p{margin:4px 0 0;font-size:12.5px;color:var(--tx2)}.banner.all{border-left-color:var(--good);background:linear-gradient(100deg,#35d9a621,#11183280 55%)}.banner.warn{border-left-color:var(--bad);background:linear-gradient(100deg,#ff6b8a21,#11183280 55%)}.banner.up{border-left-color:var(--gold);background:linear-gradient(100deg,#f2c14e26,#11183280 55%)}.act{display:block;width:100%;min-height:52px;margin-top:4px;font-family:var(--d);font-size:16px;letter-spacing:.06em;background:linear-gradient(180deg,#63cbff38,#63cbff0f);border:1px solid var(--sys-dim);border-radius:4px;color:var(--sys);box-shadow:0 0 28px -12px var(--sys);transition:transform .08s}.act:active{transform:translateY(1px);background:#63cbff4d}.act[disabled]{opacity:.4;box-shadow:none;color:var(--tx3);border-color:var(--line);background:var(--panel);cursor:default}.act.good{color:var(--good);border-color:#35d9a68c;background:linear-gradient(180deg,#35d9a633,#35d9a60d);box-shadow:0 0 28px -12px var(--good)}.act.gold{color:var(--gold);border-color:#f2c14e8c;background:linear-gradient(180deg,#f2c14e38,#f2c14e0d);box-shadow:0 0 28px -12px var(--gold)}.act.pick{font-family:var(--b);font-weight:800;font-size:15.5px;letter-spacing:-.01em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(168,85,247,.35);word-break:keep-all}.act.pick.gold{color:var(--gold);text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(242,193,78,.4)}.act.danger{color:var(--bad);border-color:#ff6b8a80;background:linear-gradient(180deg,#ff6b8a2e,#ff6b8a0a);box-shadow:0 0 28px -12px var(--bad)}.flash{border:1px solid var(--line2);border-radius:5px;background:linear-gradient(158deg,#1a2547eb,#0a0f1ef5);padding:30px 20px;text-align:center;margin-bottom:12px;min-height:214px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 18px 44px -26px #63cbffb3}.flash .loc{font-family:var(--m);font-size:10px;letter-spacing:.18em;color:var(--sys-dim);text-transform:uppercase}.flash .w{font-family:var(--d);font-size:42px;letter-spacing:.01em;margin:14px 0;word-break:break-word;color:var(--tx);line-height:1.1}.flash .k{font-size:23px;font-weight:700;color:var(--sys);min-height:32px;margin-top:4px}.flash .newtag{display:inline-block;font-family:var(--m);font-size:9px;letter-spacing:.14em;color:var(--good);border:1px solid rgba(53,217,166,.45);padding:2px 8px;border-radius:2px;margin-top:8px}.fb{border:1px solid rgba(242,193,78,.4);border-left:3px solid var(--gold);border-radius:4px;background:#f2c14e12;padding:12px 14px;margin-bottom:12px;font-size:13.5px;line-height:1.6;color:#f6d98a}.fb b{color:var(--gold)}.fb .pend{color:var(--tx3)}.two{display:flex;gap:10px;margin-top:4px}.two .act{margin-top:0}.blocks{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px;--tglow: transparent}.block{aspect-ratio:5 / 4;min-height:0!important}.block{position:relative;overflow:hidden;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 3px;background-size:cover;background-position:center;background-image:var(--wood, linear-gradient(168deg, #96683c, #6a4526));border:1px solid #3a2412;border-radius:7px;box-shadow:0 5px 14px -6px #000000a6,0 0 16px -4px var(--tglow);transition:transform .08s,box-shadow .2s}.block:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 100% at 50% 50%,#0000000d,#0006)}.block>*{position:relative;z-index:1}.block:active{transform:scale(.95)}.block .bk-w{font-family:var(--d);color:#fff6e8;letter-spacing:.01em;word-break:break-word;text-align:center;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.6)}.block .bk-k{font-size:11px;color:#ffe6b8;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.9);text-align:center;line-height:1.2;word-break:keep-all}.block.breaking{animation:bkflash .3s ease}@keyframes bkflash{0%{filter:brightness(1)}18%{filter:brightness(2.6);transform:scale(1.07)}to{filter:brightness(1);transform:scale(1)}}.block.gone{animation:bkgone .44s ease forwards}@keyframes bkgone{to{opacity:0;transform:scale(.34) rotate(9deg);filter:blur(2px)}}.chunk{position:absolute;width:52%;height:52%;pointer-events:none;z-index:5;border-radius:4px;background:repeating-linear-gradient(93deg,rgba(0,0,0,.12) 0 2px,transparent 2px 10px),linear-gradient(160deg,#8d6138,#66421f);border:1px solid var(--line);box-shadow:inset 0 1px #ffe6be40,0 3px 8px #00000080;animation:chunkfly .62s cubic-bezier(.2,.55,.6,1) forwards}@keyframes chunkfly{0%{opacity:1;transform:translate(0) rotate(0)}58%{opacity:1;transform:translate(var(--cx),var(--cy)) rotate(var(--cr))}to{opacity:0;transform:translate(calc(var(--cx) * 1.25),calc(var(--cy) * 1.25 + 70px)) rotate(calc(var(--cr) * 1.6))}}.shard2{position:absolute;left:50%;top:50%;pointer-events:none;z-index:5;border-radius:1px;background:linear-gradient(140deg,#a9744f,#6b4423);animation:shardfly2 .7s cubic-bezier(.15,.5,.55,1) forwards}@keyframes shardfly2{0%{opacity:1;transform:translate(-50%,-50%) rotate(0)}60%{opacity:1;transform:translate(calc(var(--tx) - 50%),calc(var(--ty) - 50%)) rotate(var(--rr))}to{opacity:0;transform:translate(calc(var(--tx) * 1.2 - 50%),calc(var(--ty) * 1.2 - 50% + 55px)) rotate(calc(var(--rr) * 1.5))}}.ring{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid rgba(255,226,170,.9);border-radius:50%;pointer-events:none;z-index:4;animation:ringout .42s ease-out forwards}@keyframes ringout{to{transform:scale(6.5);opacity:0;border-width:1px}}.dust{position:absolute;pointer-events:none;z-index:3;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,rgba(190,150,100,.5),transparent 70%);filter:blur(2px);animation:dustup .8s ease-out forwards}@keyframes dustup{to{transform:translate(var(--dx),-34px) scale(2.4);opacity:0}}.tierbar{display:flex;align-items:center;gap:6px;margin-bottom:10px}.tg{flex:1;height:7px;border-radius:3px;background:#1a2342;border:1px solid var(--line);transition:background .15s,box-shadow .15s}.tg.on{background:var(--tc, var(--sys));box-shadow:0 0 9px var(--tc, var(--sys));border-color:transparent}.scorechip{font-family:var(--m);font-size:13px;color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:4px}.pfloat{position:fixed;left:50%;top:30%;transform:translate(-50%);z-index:45;pointer-events:none;font-family:var(--d);font-size:30px;color:var(--gold);text-shadow:0 0 22px var(--gold);animation:pfl 1s ease-out forwards}@keyframes pfl{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-46px) scale(1)}}.block.hidden{display:none}.block.again{border-color:#ff6b8a8c;box-shadow:0 6px 20px -12px #ff6b8ab3,inset 0 1px #ffffff0a}.block.again .bk-w{color:#ffb3c4}.block.rubble{opacity:.14;pointer-events:none;border-style:dashed;box-shadow:none;transform:scale(.94);transition:opacity .3s,transform .3s}.block.listening{border-color:var(--violet);box-shadow:0 0 0 2px var(--violet),0 0 26px -4px var(--violet);animation:listenpulse 1.1s ease-in-out infinite}.block.listening.hearing{border-color:var(--good);box-shadow:0 0 0 2px var(--good),0 0 30px -2px var(--good);animation:listenpulse .45s ease-in-out infinite}.block.listening.hearing .bk-k{color:#8fe8c8}.block.listening .bk-k{color:#c9c0ff}@keyframes listenpulse{0%,to{box-shadow:0 0 0 2px var(--violet),0 0 16px -6px var(--violet)}50%{box-shadow:0 0 0 2px var(--violet),0 0 34px -2px var(--violet)}}.block.v-fail{border-color:var(--bad);animation:wshake .32s ease}.block.v-fail .bk-k{color:var(--bad)}.vt-bar{position:absolute;left:4px;right:4px;bottom:3px;height:3px;background:var(--gold);box-shadow:0 0 6px var(--gold);border-radius:2px;width:100%;transition:width 5s linear;z-index:4;pointer-events:none}.block.dead{pointer-events:none;filter:grayscale(.35) brightness(.72);border-color:#ff6b8aa6}.block.dead .bk-w{color:#d8b8b8;text-decoration:line-through;text-decoration-color:#ff6b8ab3}.block.dead .bk-k{color:#ffb3c4;font-size:10.5px;font-weight:700}.dtoast{position:fixed;left:50%;bottom:110px;transform:translate(-50%);z-index:46;pointer-events:none;text-align:center;background:linear-gradient(160deg,#2e121cf7,#0a0e1af7);border:1px solid rgba(255,107,138,.6);border-radius:8px;padding:13px 26px;box-shadow:0 0 40px -8px var(--bad);animation:dtin .3s ease-out;max-width:88vw}.dtoast b{display:block;font-family:var(--d);font-size:24px;color:#ffd9e0}.dtoast span{display:block;font-size:17px;font-weight:700;color:var(--bad);margin-top:2px}.dtoast em{display:block;font-style:normal;font-family:var(--m);font-size:10px;color:var(--tx3);margin-top:5px;letter-spacing:.08em}.dtoast.out{animation:dtout .4s ease forwards}@keyframes dtin{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}@keyframes dtout{to{opacity:0;transform:translate(-50%,10px)}}.block.lineclear{pointer-events:none;animation:linec .46s ease forwards;border-color:#fff}@keyframes linec{0%{opacity:1;transform:scale(1);background:#ffffffd9;filter:brightness(3)}45%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scaleY(.05);filter:blur(3px)}}.combo{position:fixed;top:17%;left:50%;transform:translate(-50%);z-index:40;pointer-events:none;font-family:var(--d);font-size:44px;color:var(--sys);text-shadow:0 0 24px var(--sys);opacity:0}.combo.show{opacity:1}.combo.hot{color:var(--gold);text-shadow:0 0 30px var(--gold);font-size:54px}.combo.pop{animation:combop .4s cubic-bezier(.2,1.5,.4,1)}@keyframes dotblink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}@keyframes combop{0%{transform:translate(-50%) scale(.5)}60%{transform:translate(-50%) scale(1.25)}to{transform:translate(-50%) scale(1)}}#app *,#fx *{animation-play-state:var(--hs, running)}.modecard{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 15px;margin-bottom:12px;border-radius:12px;border:1px solid var(--line2);background:linear-gradient(160deg,#182242e6,#0b1020f2);transition:transform .1s,border-color .15s}.modecard:active{transform:scale(.98)}.modecard img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(242,193,78,.4))}.modecard .mstico{width:58px;height:58px;display:grid;place-items:center;font-size:38px}.modecard b{display:block;font-family:var(--b);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--gold)}.modecard.mst b{color:#8fe8c8}.modecard span{display:block;font-size:12.5px;color:var(--tx2);line-height:1.55;margin-top:4px;word-break:keep-all}.mstbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.mback{background:#0c1329;border:1px solid var(--line);border-radius:8px;color:var(--tx2);padding:7px 12px;font-size:12.5px}.chgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chcard{padding:12px 6px;border-radius:10px;border:1px solid var(--line);background:#111832b3;text-align:center;transition:transform .1s,border-color .15s}.chcard:active{transform:scale(.96)}.chno{font-family:var(--m);font-size:11px;color:var(--tx3);letter-spacing:.1em}.chring{width:66px;height:66px;margin:6px auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,var(--ink) 68%,transparent 69%),conic-gradient(var(--c) var(--v),#1a2342 0)}.chring b{font-family:var(--d);font-size:20px;color:var(--c)}.chring small{font-size:10px}.chcnt{font-size:10px;color:var(--tx3)}.gmsw{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:11px;border:1px solid var(--line);border-radius:8px;background:#11183299}.gmsw button{padding:9px;border:0;border-radius:5px;background:transparent;color:var(--tx3);font-size:12.5px;font-weight:700}.gmsw button.on{background:linear-gradient(180deg,#f2c14e2e,#f2c14e0d);color:var(--gold)}.deckbar{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px;margin-bottom:11px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.deckbar::-webkit-scrollbar{display:none}.dk{flex:0 0 auto;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#11183299;color:var(--tx3);font-size:12.5px;font-weight:700;white-space:nowrap;transition:all .15s}.dk.on{border-color:var(--gold);color:var(--gold);background:#f2c14e1a;box-shadow:0 0 16px -8px var(--gold)}.dk.on:first-child{border-color:var(--sys);color:var(--sys);background:#63cbff1a;box-shadow:0 0 16px -8px var(--sys)}.dk.new{border-style:dashed}.dk .dkp{font-family:var(--m);font-size:10px;font-style:normal;font-weight:700;margin-left:6px;opacity:.75}.dk .dkg{display:block;height:3px;margin-top:5px;border-radius:999px;background:#ffffff17;overflow:hidden}.dk .dkg b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8a6a1f,var(--gold));transition:width .4s ease}.dk.on .dkg b{box-shadow:0 0 8px -1px var(--gold)}.selbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px;padding:11px 14px;border:1px solid var(--line2);border-radius:10px;background:linear-gradient(160deg,#1f1838e6,#0d0a18f2);box-shadow:0 0 18px -12px var(--vio-glow)}.selbar .selinfo{flex:1;min-width:0}.selbar .sellabel{display:block;font-family:var(--m);font-size:9px;letter-spacing:.2em;color:var(--sys-dim);text-transform:uppercase;margin-bottom:2px}.selbar .selinfo>b{font-size:16px;color:var(--tx)}.selbar .selinfo .dkg{display:block;max-width:150px}.selbar .selinfo .dkp{font-family:var(--m);font-size:10px;font-style:normal;color:var(--tx3);margin-left:0}.selbar .selchg{flex:0 0 auto;padding:10px 14px;border:1px solid rgba(179,154,255,.45);border-radius:8px;background:#a855f71f;color:var(--sys);font-size:13px;font-weight:700}.block .vchip{position:absolute;top:3px;right:5px;font-size:10px;font-family:var(--m);color:#ffb1c1;background:#14060cbf;border:1px solid rgba(255,107,138,.5);border-radius:999px;padding:1px 5px;z-index:2}.pipew{margin-top:12px}.pipebar{display:flex;height:9px;border-radius:5px;overflow:hidden;background:#0a0f20;border:1px solid var(--line)}.pipebar i{display:block;height:100%;transition:width .4s}.pipelbl{display:grid;grid-template-columns:repeat(4,1fr);font-size:12px;color:var(--tx2);margin-top:8px;gap:4px;text-align:center}.pipelbl span{white-space:nowrap}.pipelbl b{font-size:13.5px}.pipelbl b{font-variant-numeric:tabular-nums}.stgmap{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.stg{aspect-ratio:1;display:grid;place-items:center;font-family:var(--m);font-size:9.5px;color:var(--tx3);background:#0a0f20;border:1px solid var(--line);border-radius:4px}.stg.done{background:#f2c14e26;border-color:#f2c14e80;color:var(--gold)}.stg.cur{background:#63cbff26;border-color:var(--sys);color:var(--sys);box-shadow:0 0 10px -2px var(--sys);animation:micpulse 1.6s ease-in-out infinite}.starrow{display:flex;gap:4px}.star{background:none;border:0;font-size:30px;color:#2a3560;padding:2px 4px;transition:color .12s,transform .1s}.star.on{color:var(--gold);text-shadow:0 0 12px rgba(242,193,78,.5)}.star:active{transform:scale(1.2)}.dmg{background:#0c1329;border:1px solid var(--line);border-radius:6px;color:var(--tx2);padding:5px 9px;margin-left:5px;font-size:13px}.mixsel{display:flex;flex-wrap:wrap;gap:7px}.mx{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:#0c1329b3;color:var(--tx3);font-size:12.5px;font-weight:700;transition:all .15s}.mx.on{border-color:var(--violet);color:#c9c0ff;background:#8b7bff1f;box-shadow:0 0 14px -8px var(--violet)}.modesel{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:9px;border:1px solid var(--line);border-radius:7px;background:#11183299}.modesel button{padding:10px 6px;border:0;border-radius:5px;background:transparent;color:var(--tx3);font-family:var(--m);font-size:12px;letter-spacing:.04em;transition:background .15s,color .15s}.modesel button.on{background:linear-gradient(180deg,#8b7bff38,#8b7bff12);color:#c9c0ff;box-shadow:0 0 18px -10px var(--violet)}.modesel button:first-child.on{background:linear-gradient(180deg,#63cbff33,#63cbff0f);color:var(--sys);box-shadow:0 0 18px -10px var(--sys)}.v-mic{margin-top:18px;font-family:var(--m);font-size:12px;color:var(--tx2);letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.v-dot{width:10px;height:10px;border-radius:50%;background:var(--bad);box-shadow:0 0 10px var(--bad);animation:micpulse 1.1s ease-in-out infinite}@keyframes micpulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}.v-heard{color:var(--sys);min-height:16px}#v-card.v-ok{border-color:var(--good);box-shadow:0 0 40px -8px var(--good)}#v-card.v-ok .k{color:var(--good)}#v-card.v-no{border-color:var(--bad);box-shadow:0 0 40px -8px var(--bad)}#v-card.v-no .k{color:var(--bad)}.shard{position:absolute;left:50%;top:50%;width:7px;height:7px;margin:-3px 0 0 -3px;background:var(--sys);border-radius:1px;box-shadow:0 0 8px var(--sys);pointer-events:none;animation:shardfly .6s ease-out forwards}@keyframes shardfly{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--tx),var(--ty)) rotate(200deg)}}.reveal-item{border:1px solid var(--line);border-left:3px solid var(--bad);border-radius:4px;background:#11183299;padding:12px 14px;margin-bottom:9px}.reveal-item .ri-w{font-family:var(--d);font-size:20px;color:var(--tx)}.reveal-item .ri-k{font-size:16px;color:var(--sys);font-weight:700;margin-top:3px}.padd{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.padd input{background:#070c1a;border:1px solid var(--line);border-radius:4px;color:var(--tx);font-family:var(--b);font-size:14px;padding:10px 11px;min-width:0}.padd input:focus{border-color:var(--sys-dim);outline:none}.padd .act{margin-top:0;padding:0 16px}.msg{font-family:var(--m);font-size:11px;color:var(--sys);margin-top:8px;min-height:14px}.pitem{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:4px;background:#0c1329b3;padding:9px 12px;margin-top:7px}.pitem b{font-family:var(--m);font-size:14px;color:var(--tx)}.pitem span{font-size:13px;color:var(--tx2);margin-left:9px}.pitem button{background:none;border:0;color:var(--tx3);font-size:14px;padding:4px 7px}.pitem button:active{color:var(--bad)}.pcard{perspective:600px;background:transparent;border:0;box-shadow:none;padding:0}.pcard .pinner{position:relative;display:block;width:100%;min-height:62px;transition:transform .45s cubic-bezier(.3,1.2,.4,1);transform-style:preserve-3d}.pcard.flip .pinner{transform:rotateY(180deg)}.pface,.pback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:6px 3px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:7px;border:1px solid var(--line)}.pface{background-size:cover;background-position:center;background-image:url(/ui/block/b02.png);box-shadow:inset 0 0 40px #00000059}.pback{transform:rotateY(180deg);background:linear-gradient(168deg,#14342a,#0b241d);border-color:#35d9a673;box-shadow:inset 0 2px #78ffd226,0 0 14px -6px var(--good)}.pback .bk-k{word-break:keep-all;text-align:center;line-height:1.25}.sesstbl{width:100%;border-collapse:collapse;font-size:11.5px}.sesstbl th{font-family:var(--m);font-size:9px;letter-spacing:.1em;color:var(--tx3);text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}.sesstbl td{padding:6px;border-bottom:1px solid rgba(34,48,86,.5);color:var(--tx2);font-variant-numeric:tabular-nums}.sesstbl .hi{color:var(--good);font-weight:700}.sesstbl .lo{color:var(--bad);font-weight:700}.mini2{margin-top:12px}.mini2 button{width:100%;min-height:42px;font-size:13px;font-family:var(--m);letter-spacing:.1em;background:#0c1329;border:1px solid var(--line);color:var(--tx3);border-radius:4px}.choice{display:block;width:100%;text-align:left;min-height:54px;margin-bottom:9px;padding:14px 16px;font-size:15.5px;font-weight:600;background:#0c1329;border:1px solid var(--line);border-radius:4px;color:var(--tx2);transition:background .12s,border-color .12s,color .12s}.choice:active{background:var(--panel2)}.choice.right{color:var(--good);border-color:#35d9a699;background:#35d9a61a}.choice.wrong{color:var(--bad);border-color:#ff6b8a8c;background:#ff6b8a1a}.choice[disabled]{cursor:default}.qn{font-family:var(--m);font-size:10px;letter-spacing:.14em;color:var(--sys-dim);text-transform:uppercase;display:flex;justify-content:space-between;margin-bottom:11px}.qn b{color:var(--sys)}.q-bar{height:6px;background:#070c1a;border:1px solid var(--line);border-radius:3px;overflow:hidden;margin-bottom:13px}.q-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sys-dim),var(--sys));box-shadow:0 0 10px var(--sys);transition:width .35s ease}.q-bar.ex i{background:linear-gradient(90deg,#8a6a1f,var(--gold));box-shadow:0 0 10px var(--gold)}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.gd{aspect-ratio:1;border-radius:3px;border:1px solid var(--line);background:#070c1a;display:grid;place-items:center;font-family:var(--m);font-size:9.5px;color:var(--tx3)}.gd.clear{background:#35d9a633;border-color:#35d9a68c;color:var(--good)}.gd.some{background:#63cbff24;border-color:#63cbff66;color:var(--sys)}.gd.today{outline:1px solid var(--sys);outline-offset:1px}.gd.none{opacity:.28}.gh{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;font-family:var(--m);font-size:9px;color:var(--tx3);text-align:center;letter-spacing:.1em}.legend{display:flex;gap:13px;margin-top:11px;font-size:11px;color:var(--tx3);flex-wrap:wrap}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}.ab{margin-bottom:12px}.ab:last-child{margin-bottom:0}.ab-h{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--m);font-size:11px;color:var(--tx2);letter-spacing:.1em}.ab-h span{color:var(--tx3);font-size:10px}.ab-bar{height:5px;background:#070c1a;border-radius:3px;overflow:hidden;margin-top:6px}.ab-bar i{display:block;height:100%;transition:width .4s ease}.ab-bar i.voc{background:linear-gradient(90deg,var(--sys-dim),var(--sys))}.ab-bar i.ret{background:linear-gradient(90deg,#1f8f72,var(--good))}.ab-bar i.wil{background:linear-gradient(90deg,#5b4fa8,var(--violet))}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.st{border:1px solid var(--line);border-radius:3px;background:#070c1a;padding:10px 11px}.st b{display:block;font-family:var(--m);font-size:20px;color:var(--tx);font-variant-numeric:tabular-nums}.st span{font-size:11px;color:var(--tx3)}.note{font-size:12px;color:var(--tx2);line-height:1.65}.note b{color:var(--tx)}.note li{margin-bottom:5px}.note ul{padding-left:17px;margin:6px 0 0}.hist{font-family:var(--m);font-size:12px;color:var(--tx2);line-height:1.75}.hist .up{color:var(--gold)}.hist .dn{color:var(--bad)}.tabs{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);max-width:468px;margin:0 auto;background:#070a14f2;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{background:none;border:0;padding:8px 4px 10px;font-family:var(--m);font-size:10px;letter-spacing:.1em;color:var(--tx3);position:relative;display:flex;flex-direction:column;align-items:center;gap:3px}.tabs .tabic{width:26px;height:26px;object-fit:contain;opacity:.55}.tabs button.on .tabic{opacity:1;filter:drop-shadow(0 0 8px var(--vio-glow))}.tabs button.on{color:var(--sys)}.tabs button.on:before{content:"";position:absolute;top:0;left:24%;right:24%;height:2px;background:var(--sys);box-shadow:0 0 8px var(--sys)}.dot{animation:dotblink .9s ease-in-out infinite;position:absolute;top:8px;right:25%;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.gate{border:1px solid var(--line2);border-radius:4px;background:linear-gradient(158deg,#1a2547f2,#0a0f1ef5);padding:40px 26px;text-align:center;margin-top:40px;box-shadow:0 18px 46px -26px #63cbff99}.gate .lock{font-size:40px}.gate h2{font-family:var(--d);font-size:22px;margin:12px 0 8px}.gate p{color:var(--tx2);line-height:1.7;font-size:13.5px}.center{text-align:center;color:var(--tx3);font-family:var(--m);font-size:12px;padding:60px 0}.modebar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:14px;border:1px solid var(--line);border-radius:7px;background:#11183299}.modebar button{padding:11px;border:0;border-radius:5px;background:transparent;color:var(--tx3);font-family:var(--m);font-size:12px;letter-spacing:.06em;transition:background .15s,color .15s}.modebar button.on{background:linear-gradient(180deg,#63cbff33,#63cbff0f);color:var(--sys);box-shadow:0 0 18px -10px var(--sys)}#guide{position:fixed;inset:0;z-index:60;background:#04060ef5;backdrop-filter:blur(6px);overflow-y:auto;display:none}#guide.on{display:block;animation:pop .25s ease-out}.gd-in{max-width:468px;margin:0 auto;padding:18px 15px 30px;position:relative}.gd-x{position:sticky;top:8px;float:right;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid var(--line2);background:#111832e6;color:var(--tx2);font-size:16px}#fx{position:fixed;inset:0;pointer-events:none;z-index:70;display:grid;place-items:center}.fx-card{border:1px solid var(--good);border-radius:4px;padding:26px 40px;text-align:center;background:linear-gradient(160deg,#142c28f7,#080e1afa);box-shadow:0 0 70px -14px var(--good);animation:pop .32s ease-out}.fx-card.gold{border-color:var(--gold);box-shadow:0 0 80px -12px var(--gold);background:linear-gradient(160deg,#302810f7,#080e1afa)}.fx-card.bad{border-color:var(--bad);box-shadow:0 0 70px -14px var(--bad);background:linear-gradient(160deg,#2e121cf7,#080e1afa)}.fx-card h2{font-family:var(--d);font-size:27px;color:var(--good);letter-spacing:.05em}.fx-card.gold h2{color:var(--gold)}.fx-card.bad h2{color:var(--bad)}.fx-card p{margin:7px 0 0;font-family:var(--m);font-size:12px;color:var(--tx2);letter-spacing:.08em}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.boot{display:flex;flex-direction:column;align-items:center;gap:16px;padding:90px 0;color:var(--tx3);font-family:var(--m);font-size:11px;letter-spacing:.24em}.boot-ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(from 0deg,transparent,var(--sys));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot span{animation:blink 1.4s ease-in-out infinite}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.sys{overflow:hidden}.sys.hero{min-height:300px;border-color:var(--line2);background:linear-gradient(180deg,#07060e26,#07060e8c 55%,#07060ef5),url(/ui/bg/hero.jpg) center 18% / cover no-repeat,var(--ink);box-shadow:0 0 0 1px #a855f724,0 22px 60px -28px var(--vio-glow)}.sys .accent{position:absolute;top:0;left:0;width:45%;height:1px;background:linear-gradient(90deg,transparent,var(--sys),transparent);animation:sweep 3.4s ease-in-out infinite}@keyframes sweep{0%{transform:translate(-20%);opacity:.2}50%{transform:translate(180%);opacity:.9}to{transform:translate(-20%);opacity:.2}}.tbadge{width:62px;height:62px;flex:0 0 62px;border-radius:50%;position:relative;filter:drop-shadow(0 0 14px rgba(242,193,78,.45))}.tbadge img{width:100%;height:100%;object-fit:contain;animation:rankglow 3s ease-in-out infinite;border-radius:50%}.tbadge.empty{display:grid;place-items:center;border:1px dashed var(--line2);color:var(--tx3);font-family:var(--d);font-size:26px;filter:none}.betatag{display:inline-block;font-family:var(--m);font-size:8.5px;letter-spacing:.14em;color:var(--gold);border:1px solid rgba(242,193,78,.5);border-radius:3px;padding:1px 5px;vertical-align:middle;margin-left:4px}.xpline{display:block;font-family:var(--m);font-size:10.5px;color:var(--gold);margin-top:2px;letter-spacing:.05em}.tpreview{display:flex;align-items:center;gap:13px;margin-bottom:11px}.tpreview img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(242,193,78,.5))}.tpreview.locked img{filter:grayscale(1) brightness(.45)}.tpreview b{display:block;font-family:var(--d);font-size:19px;letter-spacing:.03em}.tpreview span{color:var(--tx2);font-size:12.5px}.troad{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.titem{text-align:center}.titem img{width:100%;aspect-ratio:1;object-fit:contain;filter:grayscale(1) brightness(.35);transition:filter .3s}.titem.got img{filter:none}.titem span{display:block;font-family:var(--m);font-size:7px;color:var(--tx3);letter-spacing:.02em;margin-top:2px}.titem.got span{color:var(--gold)}.titem .tneed{font-size:7px;color:var(--sys-dim);margin-top:0}.titem.got .tneed{color:var(--tx3)}.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.aitem{text-align:center}.aitem img{width:74%;aspect-ratio:1;object-fit:contain;filter:grayscale(1) brightness(.3);transition:filter .3s}.aitem.got img{filter:drop-shadow(0 0 10px rgba(242,193,78,.4))}.aitem b{display:block;font-size:10.5px;color:var(--tx3);font-weight:700;margin-top:2px}.aitem.got b{color:var(--gold)}.aitem span{display:block;font-size:8.5px;color:var(--tx3);line-height:1.3;margin-top:1px}.ach-tag{font-family:var(--m);font-size:11px;letter-spacing:.3em;color:var(--gold);margin-bottom:8px}.fx-badge{position:relative;text-align:center;animation:popbig .6s cubic-bezier(.2,1.3,.4,1);padding:30px 34px 26px;border-image:url(/ui/frame/card.png) 96 fill / 40px stretch;border-style:solid;border-width:30px;background:radial-gradient(circle at 50% 26%,#2a1e4d,#120c24 55%,#0a0716);box-shadow:0 0 60px -10px #000000e6,0 0 40px -14px var(--vio-glow)}.fx-badge img{width:168px;height:168px;object-fit:contain;filter:drop-shadow(0 0 44px rgba(242,193,78,.85));animation:badgefloat 2.4s ease-in-out infinite}@keyframes badgefloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.fx-badge h2{font-family:var(--d);font-size:32px;color:var(--gold);letter-spacing:.08em;text-shadow:0 0 26px var(--gold);margin-top:6px}.fx-badge .bkr{font-size:15px;color:#f6d98a;margin:3px 0 5px}.fx-badge p{font-family:var(--m);font-size:12px;color:var(--tx2);letter-spacing:.06em;margin:0}.rank{animation:rankglow 3s ease-in-out infinite}@keyframes rankglow{0%,to{box-shadow:0 0 8px -2px currentColor}50%{box-shadow:0 0 24px 0 currentColor}}.rank:before{content:"";position:absolute;inset:-5px;border-radius:4px;background:conic-gradient(from 0deg,currentColor,transparent 55%,currentColor);opacity:.28;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);animation:spin 6s linear infinite}.xp-bar i{position:relative;overflow:hidden}.xp-bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-100%);animation:shimmer 2.6s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(320%)}}.flash .w{text-shadow:0 0 34px rgba(99,203,255,.28)}.flash .k{animation:krise .34s ease}@keyframes krise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.choice.right{animation:rpulse .45s ease}@keyframes rpulse{0%{transform:scale(1)}30%{transform:scale(1.02)}to{transform:scale(1)}}.choice.wrong{animation:wshake .32s ease}@keyframes wshake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.fx-veil{position:absolute;inset:0;opacity:0;animation:veil 2.6s ease-out}.fx-veil.gold{background:radial-gradient(circle at 50% 44%,rgba(242,193,78,.42),transparent 62%)}.fx-veil.good{background:radial-gradient(circle at 50% 44%,rgba(53,217,166,.3),transparent 62%)}.fx-veil.bad{background:radial-gradient(circle at 50% 44%,rgba(255,107,138,.36),transparent 62%)}@keyframes veil{0%{opacity:0}14%{opacity:1}to{opacity:0}}.fx-rays{position:absolute;width:680px;height:680px;left:50%;top:44%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0 7deg,rgba(242,193,78,.2) 7deg 9deg,transparent 9deg 18deg);border-radius:50%;-webkit-mask:radial-gradient(circle,#000 28%,transparent 60%);mask:radial-gradient(circle,#000 28%,transparent 60%);animation:rayspin 2.6s linear,veil 2.6s ease-out}@keyframes rayspin{to{transform:translate(-50%,-50%) rotate(80deg)}}.fx-burst{position:absolute;left:50%;top:44%;width:620px;height:620px;transform:translate(-50%,-50%) scale(.4);background:url(/ui/fx/rays.png) center / contain no-repeat;opacity:0;animation:burstin 2.4s cubic-bezier(.15,.9,.3,1) forwards;pointer-events:none}@keyframes burstin{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-8deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35) rotate(10deg)}}.fx-shards{position:absolute;left:50%;top:44%;width:560px;height:560px;transform:translate(-50%,-50%);background:url(/ui/fx/burst.png) center / contain no-repeat;opacity:0;animation:shardout 1.9s ease-out forwards;pointer-events:none}@keyframes shardout{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}14%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.fx-card{animation:popbig .46s cubic-bezier(.2,1.3,.4,1)}@keyframes popbig{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}#app.shake{animation:screenshake .5s ease}@keyframes screenshake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}