:root{--bg:#0d1220;--bg-2:#121a2c;--card:#19223a;--card-2:#212c47;--card-3:#2a3756;--line:#ffffff12;--text:#f3f5fa;--sub:#a3adc2;--muted:#6c7792;--blue:#3182f6;--blue-soft:#3182f629;--green:#1ec77f;--green-soft:#1ec77f2e;--red:#f04452;--red-soft:#f044522e;--gold:#ffc53d;--gold-soft:#ffc53d29;--violet:#8d6bff;--radius:22px;--ui:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;--jp:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--emoji:Tossface, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}:root[data-theme=light]{--bg:#fff;--bg-2:#f7f8fa;--card:#f7f8fa;--card-2:#eef0f3;--card-3:#e5e8eb;--line:#0f172a17;--text:#191f28;--sub:#4e5968;--muted:#8b95a1;--blue-soft:#3182f61f;--green-soft:#1ec77f24;--red-soft:#f044521f;--gold:#c98a00;--gold-soft:#c98a001f}[data-theme=light] .btn kbd,[data-theme=light] .choice kbd{color:#0f172aa6;background:#0f172a14}[data-theme=light] .top-actions .icon-btn{background:#0f172a0d}[data-theme=light] .account-chip{background:#0f172a0b}[data-theme=light] .account-chip:hover{background:#0f172a14}[data-theme=light] .game-title{background:linear-gradient(100deg,#3182f6 0%,#191f28 38%,#6f5bd0 72%,#1ec7c7 100%);color:#0000;filter:drop-shadow(0 6px 20px #318aff2e);-webkit-background-clip:text;background-clip:text}[data-theme=light] .game-sub{color:#8b95a1}[data-theme=light] .game-sub i{background:linear-gradient(90deg,#0000,#0f172a2e)}[data-theme=light] .game-sub i:last-child{background:linear-gradient(90deg,#0f172a2e,#0000)}[data-theme=light] .rec{background:#fff;box-shadow:0 1px 2px #0f172a0d}[data-theme=light] .rec small{color:#8b95a1}[data-theme=light] .mode-card.practice{background:#fff;box-shadow:0 1px 2px #0f172a0d}[data-theme=light] .mode-card.practice:hover{background:var(--card-2)}[data-theme=light] .new-letters span{background:#0f172a0a}[data-theme=light] .menu-btn{background:#fff;box-shadow:0 1px 2px #0f172a0d}[data-theme=light] .menu-btn:hover{background:var(--card-2)}[data-theme=light] .lv.m-lv0,[data-theme=light] .cell.m-lv0,[data-theme=light] .meter{background:#0f172a0f}[data-theme=light] .chip{color:var(--sub);background:#0f172a0f}[data-theme=light] .chip.on small{color:#ffffffd9}[data-theme=light] .mr-foot{border-top-color:#0f172a14}[data-theme=light] .skel-line{background:#0f172a14}[data-theme=light] .prompt-card{border-color:#0f172a14;box-shadow:0 20px 40px -28px #0f172a40,inset 0 1px #fff9}[data-theme=light] .countdown{color:#191f28;text-shadow:0 10px 30px #3182f640}[data-theme=light] .choice{border-color:#0f172a0f;box-shadow:0 2px #0f172a1a}[data-theme=light] .sub-answer b{color:#0a7a4d}[data-theme=light] .sc-check{background:#0f172a1f}[data-theme=light] .set-all{border-color:#0f172a29}[data-theme=light] .side-bar{background:#0f172a12}[data-theme=light] .chip-btn.ghost{background:#0f172a0f}[data-theme=light] .pg-row{background:#0f172a0b}[data-theme=light] .pg-row:hover{background:#0f172a1a}[data-theme=light] .pcell{background:#0f172a09}[data-theme=light] .picked-preview span{background:#0f172a0f}[data-theme=light] .rt-dot{background:#0f172a1a}[data-theme=light] .rt-dot.now{background:var(--blue);box-shadow:0 0 12px #3182f680}[data-theme=light] .duel{background:#0f172a08}[data-theme=light] .delta.muted{background:#0f172a0f}[data-theme=light] .page-bar{background:#ffffffdb}[data-theme=light] .start-bar{background:linear-gradient(#fff0,#fffffff7 16%,#fffffffc)}[data-theme=light] .tag{background:#0f172a12}[data-theme=light] .kd-box,[data-theme=light] .perk-list,[data-theme=light] .rule-box{color:var(--sub)}[data-theme=light] .today-cell small{color:#8b95a1}[data-theme=light] .mr-rank,[data-theme=light] .mr-val,[data-theme=light] .mr-cells b,[data-theme=light] .mr-foot b,[data-theme=light] .course-hero h3,[data-theme=light] .ch-stats b{color:#f3f5fa}[data-theme=light] .mr-rank small,[data-theme=light] .mr-empty,[data-theme=light] .mr-foot,[data-theme=light] .mr-cells small,[data-theme=light] .course-hero p,[data-theme=light] .ch-stats small{color:#a3adc2}[data-theme=light] .sheet-eyebrow{color:#3182f6}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;font-size:15px;line-height:1.5}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 50% -200px,#3182f638,#0000 60%),radial-gradient(800px 500px at 110% 110%,#8d6bff1f,#0000 60%),radial-gradient(700px 420px at 8% 30%,#44c8ff12,#0000 62%),radial-gradient(620px 380px at 92% 18%,#a36cff12,#0000 62%);animation:90s ease-in-out infinite alternate nebula;position:fixed;inset:-10%}@keyframes nebula{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1.5%)scale(1.06)}}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}kbd{font-family:var(--ui)}[hidden]{display:none!important}.emoji{font-family:var(--emoji);font-style:normal;line-height:1}.jp{font-family:var(--jp)}.app{max-width:540px;padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));min-height:100dvh;margin:0 auto}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.btn{border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:0 20px;font-size:17px;font-weight:700;transition:transform .12s,background-color .15s,opacity .15s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px -10px #3182f6b3}.btn-primary:hover{background:#4490ff}.btn-secondary{background:var(--card-2);color:var(--text)}.btn-secondary:hover{background:var(--card-3)}.btn-ghost{color:var(--sub);background:0 0;min-height:48px;font-weight:600}.btn-danger{background:var(--red);color:#fff;box-shadow:0 10px 30px -10px #f0445299}.btn-danger:hover{background:#ff5a67}.confirm-sheet h3{margin:0 0 6px;font-size:18px}.confirm-sheet .btn{margin-top:10px}.btn kbd,.choice kbd{color:#fffc;background:#ffffff24;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.icon-btn{width:44px;height:44px;color:var(--sub);background:var(--card);border-radius:14px;place-items:center;font-size:20px;transition:background-color .15s,transform .12s;display:grid}.icon-btn:hover{background:var(--card-2);color:var(--text)}.icon-btn:active{transform:scale(.94)}.text-btn{color:var(--muted);text-underline-offset:3px;padding:8px;font-size:13px;text-decoration:underline}.home{min-height:100dvh;padding-block:calc(10px + var(--safe-t)) calc(14px + var(--safe-b));flex-direction:column;gap:10px;display:flex;position:relative;overflow:hidden}.bg-kana{z-index:-1;pointer-events:none;position:absolute;inset:-12% -8%;overflow:hidden}.bg-kana:before{content:"";opacity:.9;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#ffffff8c,#0000 60%),radial-gradient(1.4px 1.4px at 76% 9%,#bedcff80,#0000 60%),radial-gradient(1.2px 1.2px at 34% 62%,#fff6,#0000 60%),radial-gradient(1.8px 1.8px at 88% 44%,#ffffff73,#0000 60%),radial-gradient(1.3px 1.3px at 58% 82%,#b4d2ff73,#0000 60%),radial-gradient(1.1px 1.1px at 22% 92%,#ffffff59,#0000 60%),radial-gradient(1.5px 1.5px at 66% 28%,#fff6,#0000 60%),radial-gradient(1.2px 1.2px at 5% 52%,#c8e1ff66,#0000 60%);background-repeat:repeat;background-size:620px 620px;animation:150s linear infinite stardrift;position:absolute;inset:-20%}.bg-kana:after{content:"";opacity:.8;background-image:radial-gradient(1px 1px at 18% 34%,#ffffff6b,#0000 60%),radial-gradient(1px 1px at 62% 12%,#ffffff57,#0000 60%),radial-gradient(1px 1px at 86% 72%,#bed7ff66,#0000 60%),radial-gradient(1px 1px at 41% 88%,#ffffff4d,#0000 60%),radial-gradient(1px 1px at 8% 66%,#ffffff5c,#0000 60%),radial-gradient(1px 1px at 72% 48%,#d2e6ff52,#0000 60%);background-repeat:repeat;background-size:340px 340px;animation:220s linear infinite stardrift-slow;position:absolute;inset:-20%}@keyframes stardrift{to{transform:translate(-620px,-310px)}}@keyframes stardrift-slow{to{transform:translate(340px,-170px)}}.bg-kana span{font-family:var(--jp);color:#ffffff0e;will-change:transform, opacity;font-weight:700;animation:40s ease-in-out infinite alternate float-a,11s ease-in-out infinite alternate twinkle;position:absolute}@keyframes float-a{0%{transform:translate(0,0)rotate(-6deg)}to{transform:translate(6vw,-7vh)rotate(10deg)}}@keyframes float-b{0%{transform:translate(0,0)rotate(8deg)}to{transform:translate(-7vw,5vh)rotate(-9deg)}}@keyframes float-c{0%{transform:translate(0,0)rotate(0)}to{transform:translate(4vw,9vh)rotate(16deg)}}@keyframes float-d{0%{transform:translate(0,0)rotate(12deg)}to{transform:translate(-5vw,-8vh)rotate(-4deg)}}@keyframes float-e{0%{transform:translate(0,0)rotate(-14deg)}to{transform:translate(8vw,4vh)rotate(6deg)}}@keyframes float-f{0%{transform:translate(0,0)rotate(4deg)}to{transform:translate(-4vw,-10vh)rotate(-12deg)}}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.bg-kana span:first-child{font-size:82px;animation-duration:46s,9s;top:8%;left:6%}.bg-kana span:nth-child(2){font-size:54px;animation-name:float-c,twinkle;animation-duration:52s,13s;animation-delay:-8s,-2s;top:12%;left:78%}.bg-kana span:nth-child(3){filter:blur(.6px);font-size:38px;animation-name:float-b,twinkle;animation-duration:58s,10s;animation-delay:-20s,-5s;top:4%;left:40%}.bg-kana span:nth-child(4){font-size:66px;animation-name:float-d,twinkle;animation-duration:44s,14s;animation-delay:-12s,-7s;top:33%;left:92%}.bg-kana span:nth-child(5){font-size:44px;animation-name:float-e,twinkle;animation-duration:62s,12s;animation-delay:-30s,-1s;top:38%;left:2%}.bg-kana span:nth-child(6){filter:blur(.8px);font-size:30px;animation-name:float-f,twinkle;animation-duration:50s,8s;animation-delay:-16s,-4s;top:26%;left:63%}.bg-kana span:nth-child(7){font-size:58px;animation-name:float-c,twinkle;animation-duration:56s,15s;animation-delay:-26s,-9s;top:30%;left:24%}.bg-kana span:nth-child(8){font-size:74px;animation-name:float-a,twinkle;animation-duration:48s,11s;animation-delay:-6s,-3s;top:66%;left:86%}.bg-kana span:nth-child(9){font-size:40px;animation-name:float-b,twinkle;animation-duration:54s,9s;animation-delay:-33s,-6s;top:68%;left:14%}.bg-kana span:nth-child(10){font-size:62px;animation-name:float-d,twinkle;animation-duration:60s,16s;animation-delay:-18s,-10s;top:58%;left:52%}.bg-kana span:nth-child(11){font-size:48px;animation-name:float-e,twinkle;animation-duration:46s,12s;animation-delay:-9s,-2s;top:88%;left:70%}.bg-kana span:nth-child(12){font-size:88px;animation-name:float-f,twinkle;animation-duration:64s,13s;animation-delay:-24s,-8s;top:92%;left:30%}.bg-kana span:nth-child(13){filter:blur(1px);font-size:26px;animation-name:float-a,twinkle;animation-duration:42s,7s;animation-delay:-14s,-5s;top:18%;left:46%}.bg-kana span:nth-child(14){font-size:70px;animation-name:float-c,twinkle;animation-duration:58s,15s;animation-delay:-28s,-11s;top:54%;left:8%}.bg-kana span:nth-child(15){filter:blur(.7px);font-size:34px;animation-name:float-b,twinkle;animation-duration:50s,10s;animation-delay:-5s,-1s;top:18%;left:96%}.bg-kana span:nth-child(16){filter:blur(1.1px);font-size:24px;animation-name:float-d,twinkle;animation-duration:66s,9s;animation-delay:-37s,-6s;top:44%;left:60%}.bg-kana span:nth-child(17){font-size:52px;animation-name:float-e,twinkle;animation-duration:52s,14s;animation-delay:-21s,-4s;top:74%;left:36%}.bg-kana span:nth-child(18){font-size:46px;animation-name:float-f,twinkle;animation-duration:48s,11s;animation-delay:-11s,-7s;top:2%;left:82%}.bg-kana span:nth-child(19){filter:blur(.9px);font-size:28px;animation-name:float-a,twinkle;animation-duration:60s,8s;animation-delay:-31s,-3s;top:46%;left:18%}.bg-kana span:nth-child(20){font-size:36px;animation-name:float-b,twinkle;animation-duration:44s,12s;animation-delay:-17s,-9s;top:56%;left:74%}.bg-kana span:nth-child(21){font-size:56px;animation-name:float-c,twinkle;animation-duration:56s,16s;animation-delay:-7s,-12s;top:36%;left:44%}.bg-kana span:nth-child(22){font-size:64px;animation-name:float-d,twinkle;animation-duration:62s,10s;animation-delay:-35s,-2s;top:84%;left:4%}.bg-kana span:nth-child(23){filter:blur(.8px);font-size:32px;animation-name:float-e,twinkle;animation-duration:46s,13s;animation-delay:-13s,-5s;top:92%;left:90%}.bg-kana span:nth-child(24){font-size:42px;animation-name:float-f,twinkle;animation-duration:54s,9s;animation-delay:-23s,-8s;top:8%;left:56%}.home-bar{justify-content:space-between;align-items:center;gap:10px;min-height:44px;display:flex}.top-actions{flex:none;gap:6px;display:flex}.top-actions .icon-btn{background:#ffffff0f;width:42px;height:42px;font-size:19px}.account-chip{border:1px solid var(--line);min-width:0;max-width:62%;color:var(--text);background:#ffffff12;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 9px;font-size:14px;font-weight:700;transition:background-color .15s,transform .12s;display:flex}.account-chip:hover{background:#ffffff1f}.account-chip:active{transform:scale(.96)}.account-chip.guest{color:var(--sub);padding-left:14px}.avatar.sm.me{width:28px;height:28px;font-size:12px}.ac-body{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}.ac-body b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.ac-body small{color:var(--sub);white-space:nowrap;font-size:11px;font-weight:600}.ac-rank{color:var(--gold)}.title-block{text-align:center;padding:6px 0 2px}.game-title{letter-spacing:-.03em;background:linear-gradient(100deg,#7cc0ff 0%,#fff 38%,#9ea8ff 72%,#6ce5ff 100%);color:#0000;filter:drop-shadow(0 6px 26px #428aff8c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(40px,13vw,56px);font-weight:900;line-height:1.05}.game-sub{letter-spacing:.22em;color:#7f8db0;justify-content:center;align-items:center;gap:10px;margin:8px 0 0;font-size:11px;font-weight:800;display:flex}.game-sub i{background:linear-gradient(90deg,#0000,#ffffff47);width:26px;height:1px;display:block}.game-sub i:last-child{background:linear-gradient(90deg,#ffffff47,#0000)}.record-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-block:auto;display:grid}.rec{text-align:center;border:1px solid var(--line);background:#ffffff0d;border-radius:16px;padding:10px 4px 9px}.rec small{letter-spacing:.1em;color:#7f8db0;font-size:9.5px;font-weight:800;display:block}.rec b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:2px 0 1px;font-size:24px;font-weight:900;line-height:1.1;display:block}.rec em{color:var(--muted);font-size:11px;font-style:normal}.rec:first-child b{color:var(--gold)}.mode-block{flex-direction:column;gap:12px;display:flex}.mode-card{text-align:left;border-radius:24px;align-items:center;gap:14px;padding:18px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.mode-card:active{transform:scale(.98)}.mode-card.single{color:#fff;background:linear-gradient(135deg,#3a8bff,#2f6ef0 58%,#4b5cff);min-height:132px;animation:2.8s ease-in-out infinite play-glow;box-shadow:0 18px 40px -18px #3182f6f2,inset 0 1px #ffffff38}.mode-card.single:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60px;animation:3.6s ease-in-out infinite shine;position:absolute;top:-60%;bottom:-60%;transform:skew(-18deg)}@keyframes shine{0%{left:-30%}55%,to{left:130%}}@keyframes play-glow{0%,to{box-shadow:0 16px 34px -18px #3182f6cc,inset 0 1px #ffffff38}50%{box-shadow:0 20px 50px -14px #3182f6,inset 0 1px #ffffff38}}.mode-card.multi{background:var(--card);border:1px solid var(--line);min-height:96px;color:var(--text)}.mode-card.multi:hover{background:var(--card-2)}.mode-card.practice{border:1px solid var(--line);min-height:80px;color:var(--text);background:#ffffff0d;padding:14px 18px}.mode-card.practice:hover{background:#ffffff1a}.mode-card.practice .mc-icon{background:var(--card-2);border-radius:15px;width:46px;height:46px;font-size:24px}.mode-card.practice .mc-title{font-size:17px}.mode-card.practice .mc-sub{color:var(--sub);font-size:12.5px}.mc-icon{background:#ffffff29;border-radius:18px;flex:none;place-items:center;width:58px;height:58px;font-size:32px;font-weight:700;line-height:1;display:grid}.mode-card.multi .mc-icon{background:var(--card-2);font-size:27px}.mode-card.multi.locked .mc-icon{filter:grayscale(.5);opacity:.8}.mc-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mc-title{letter-spacing:-.02em;align-items:center;gap:6px;font-size:23px;font-weight:900;line-height:1.15;display:flex}.mode-card.multi .mc-title{font-size:20px}.mc-lock{font-size:13px}.mc-sub{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mode-card.multi .mc-sub{color:var(--sub)}.mc-go{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.mc-go b{opacity:.9;font-size:20px;line-height:1}.mc-go kbd{background:#fff3;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.mode-card .tag.gold{position:absolute;top:13px;right:14px}.new-letters{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.new-letters span{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:6px 0 5px;display:flex}.new-letters b{font-size:20px;font-weight:700;line-height:1.2}.new-letters small{color:var(--sub);font-size:11px;font-weight:600}.menu-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.menu-btn{border:1px solid var(--line);min-height:64px;color:var(--text);background:#ffffff0f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:9px 6px;transition:background-color .15s,transform .12s;display:flex;position:relative}.menu-btn .emoji{font-size:19px}.menu-btn .mb-label{align-items:center;gap:3px;font-size:13px;font-weight:800;display:flex}.menu-btn .mb-sub{max-width:100%;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.menu-btn:hover{background:#ffffff1f}.menu-btn:active{transform:scale(.96)}.menu-btn.locked .mb-label{color:var(--sub)}.menu-btn.locked .emoji:first-child{filter:grayscale(.5);opacity:.8}.menu-lock{font-size:10px}.stage-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.sgrid-tile{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;transition:background-color .15s,transform .12s;display:flex;position:relative}.sgrid-tile:not(:disabled):hover{background:var(--card-2)}.sgrid-tile:not(:disabled):active{transform:scale(.96)}.sgrid-tile:disabled{opacity:.45;cursor:not-allowed}.sg-no{color:var(--muted);font-size:11px;font-weight:800;position:absolute;top:7px;left:10px}.sg-k{font-size:26px;font-weight:700;line-height:1.15}.sgrid-tile.final .sg-k{font-size:15px;font-weight:800}.sg-name{color:var(--sub);font-size:12px;font-weight:600}.sg-foot,.sg-foot .stars{font-size:11px}.sg-time{color:var(--gold);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.sgrid-tile.current{border-color:#5ea2ffe6;box-shadow:0 0 0 3px #3182f629}.meter .m-lv1,.kc-dot.m-lv1,.lv.m-lv1{background:#f04452}.meter .m-lv2,.kc-dot.m-lv2,.lv.m-lv2{background:#ffc53d}.meter .m-lv3,.kc-dot.m-lv3,.lv.m-lv3{background:#3182f6}.meter .m-lv4,.kc-dot.m-lv4,.lv.m-lv4{background:#1ec77f}.lv.m-lv0{background:#ffffff1f}.lv{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:5px;display:inline-block}.meter{background:#ffffff0f;border-radius:4px;height:8px;display:flex;overflow:hidden}.meter i{height:100%;display:block}.legend{color:var(--sub);flex-wrap:wrap;gap:6px 12px;margin-top:10px;padding-inline:4px;font-size:12px;display:flex}.lv-text.m-lv1{color:#ff8f99}.lv-text.m-lv2{color:#ffd66e}.lv-text.m-lv3{color:#8ab8ff}.lv-text.m-lv4{color:#6ee7ad}.chip-btn{background:var(--card-2);color:var(--text);border-radius:999px;flex:none;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:700;transition:background-color .15s,transform .12s;display:inline-flex}.chip-btn:hover{background:var(--card-3)}.chip-btn:active{transform:scale(.95)}.chip-btn.primary{background:var(--blue);color:#fff}.chip-btn.primary:hover{background:#4490ff}.link-btn{color:var(--sub);padding:4px 2px;font-size:13px;font-weight:600}.link-btn:hover{color:var(--text)}@media (max-height:680px){.record-strip{margin-block:6px}.mc-icon{width:46px;height:46px;font-size:26px}.mc-title{font-size:19px}.mode-card.single{min-height:112px;padding-block:13px}.mode-card.multi{padding-block:11px}.game-title{font-size:36px}.game-sub{margin-top:5px;font-size:10px}.title-block{padding:2px 0 0}.rec b{font-size:20px}.bp-glyph{width:48px;height:48px;font-size:28px}.bp-label{font-size:24px}}@media (orientation:landscape) and (max-height:520px){.home{min-height:0;display:block}.bg-kana{display:none}.title-block{padding:8px 0 10px}}.page{padding-block:0 calc(24px + var(--safe-b))}.page-bar{z-index:10;padding:calc(8px + var(--safe-t)) 16px 8px;-webkit-backdrop-filter:blur(14px);background:#0d1220db;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;margin-inline:-16px;display:grid;position:sticky;top:0}.page-bar h2{text-align:center;margin:0;font-size:17px;font-weight:800}.page-bar-side{white-space:nowrap;justify-content:flex-end;display:flex}.tag{color:var(--sub);white-space:nowrap;background:#ffffff1a;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.3;display:inline-block}.tag.gold{background:var(--gold-soft);color:var(--gold)}.seg.seg-lg{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column;margin:8px 0 10px}.seg.seg-lg button{flex-direction:row;gap:5px;min-height:44px}.seg.seg-sm button{min-height:40px;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.chips.scroll{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.chips.scroll::-webkit-scrollbar{display:none}.chip{color:var(--sub);background:var(--card);border:1px solid var(--line);border-radius:999px;flex:none;padding:7px 13px;font-size:13px;font-weight:700;transition:background-color .15s}.chip small{color:var(--muted);font-size:11px;font-weight:600}.chip.on{background:var(--blue);color:#fff;border-color:#0000}.chip.on small{color:#ffffffbf}.page-hint{color:var(--sub);margin:2px 2px 12px;font-size:13px}.page-cta{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;margin-top:18px;padding:18px 16px}.page-cta p{color:var(--sub);margin:0 0 10px;font-size:14px}.kana-grid{gap:6px;display:grid}.kana-grid.cols-5{grid-template-columns:repeat(5,1fr)}.kana-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kg-col{text-align:center;color:var(--muted);font-size:11px;font-weight:700}.kcell{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:66px;padding:7px 2px 6px;transition:background-color .15s,transform .1s;display:flex;position:relative}.kcell:hover{background:var(--card-2)}.kcell:active{transform:scale(.94)}.kcell.empty{visibility:hidden}.kc-glyph{font-size:27px;font-weight:700;line-height:1.15}.kcell.long .kc-glyph{font-size:23px}.kc-ko{color:var(--sub);font-size:12px;font-weight:600}.kc-dot{border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}@media (min-width:480px){.kcell{min-height:76px}.kc-glyph{font-size:32px}.kcell.long .kc-glyph{font-size:27px}}.rank-headline{justify-content:space-between;align-items:baseline;gap:8px;margin:6px 2px 12px;display:flex}.rank-headline h3{margin:0;font-size:17px;font-weight:800}.rank-headline span{color:var(--muted);white-space:nowrap;font-size:12px}.podium{grid-template-columns:1fr 1.22fr 1fr;align-items:end;gap:8px;margin-bottom:10px;padding-top:14px;display:grid}.pod{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:12px 6px;display:flex;position:relative}.pod-1{z-index:1;background:linear-gradient(170deg, #ffc53d47, var(--card) 72%);border-color:#ffc53d73;padding:14px 6px 18px;transform:translateY(-10px);box-shadow:0 16px 32px -14px #ffc53d8c}.pod-medal{font-size:24px}.pod-1 .pod-medal{filter:drop-shadow(0 2px 6px #ffc53d99);font-size:26px}.avatar{background:var(--card-3);width:36px;height:36px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.avatar.sm{width:30px;height:30px;font-size:12px}.avatar.me{background:var(--blue);color:#fff}.pod-avatar-wrap{place-items:center;display:grid}.pod-1 .pod-avatar-wrap .avatar{width:52px;height:52px;font-size:19px;box-shadow:0 0 0 3px #ffc53db3,0 0 22px -2px #ffc53d8c}.pod-nick{max-width:100%;color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.pod-1 .pod-nick{color:var(--text);font-size:13px}.pod-val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.pod-1 .pod-val{color:var(--gold);font-size:18px}.pod.empty{opacity:.45}.pod.empty .pod-medal{filter:grayscale()opacity(.6)}.pod-empty-text{color:var(--muted);margin-top:4px;font-size:13px;font-weight:700}.rank-empty{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:10px;padding:28px 16px}.rank-empty .emoji{font-size:34px}.rank-empty p{color:var(--sub);margin:8px 0 0;font-size:13px;line-height:1.5}.rank-list{background:var(--card);border:1px solid var(--line);border-radius:20px;margin:0;padding:0;list-style:none;overflow:hidden}.rank-list li{align-items:center;gap:10px;padding:9px 14px;display:flex}.rank-list li+li{border-top:1px solid var(--line)}.clickable{cursor:pointer;transition:background .15s,transform .15s}.rank-list li.clickable:active{background:var(--card-2)}.pod.clickable:active{transform:scale(.97)}.rl-rank{text-align:center;width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.rl-body{flex-direction:column;flex:1;min-width:0;display:flex}.rl-nick{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.rl-sub{color:var(--muted);font-size:11px}.rl-val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.rank-list li.rl-more{color:var(--muted);letter-spacing:.2em;justify-content:center;padding:6px}.sample-note{color:var(--muted);margin:12px 4px 0;font-size:12px;line-height:1.5}.my-rank{bottom:calc(10px + var(--safe-b));z-index:5;background:linear-gradient(160deg,#24438a,#1d2b52);border:1px solid #78a0ff59;border-radius:22px;margin-top:12px;padding:12px 14px;position:sticky;box-shadow:0 -12px 34px #0408148c}.mr-main{align-items:center;gap:10px;display:flex}.mr-body{flex-direction:column;flex:1;min-width:0;display:flex}.mr-label{color:#9cc2ff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.mr-rank{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900;line-height:1.2}.mr-rank small{color:var(--sub);font-size:12px;font-weight:600;line-height:1.3;display:block}.mr-val{font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.mr-empty{color:var(--sub);font-size:13px}.mr-foot{color:var(--sub);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.mr-foot b{color:var(--text)}.mr-foot .chip-btn{margin-left:0}.empty-state{text-align:center;padding:44px 12px 20px}.empty-emoji{font-size:48px}.empty-state h3{margin:10px 0 4px;font-size:18px}.empty-state p{color:var(--sub);margin:0 0 18px;font-size:14px}.empty-state .btn{max-width:300px;margin-inline:auto}.toast{left:50%;bottom:calc(26px + var(--safe-b));z-index:70;color:var(--text);white-space:nowrap;background:#2a3756f7;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0006}.toast.show{animation:.25s cubic-bezier(.2,.9,.3,1.3) both toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.sheet-wrap{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#04070f9e;animation:.2s both fade;position:absolute;inset:0}.sheet{background:var(--bg-2);border:1px solid var(--line);width:100%;max-width:520px;padding:12px 20px calc(20px + var(--safe-b));border-bottom:0;border-radius:28px 28px 0 0;max-height:92vh;animation:.3s cubic-bezier(.2,.9,.3,1) both sheet-up;position:relative;overflow-y:auto}.sheet:before{content:"";background:var(--card-3);border-radius:3px;width:40px;height:5px;margin:0 auto 16px;display:block}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (min-width:640px){.sheet-wrap{align-items:center}.sheet{border-bottom:1px solid var(--line);border-radius:28px;animation-name:pop-in}.sheet:before{display:none}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.sheet-eyebrow{color:#9cc2ff;font-size:13px;font-weight:700}.sheet h3{letter-spacing:-.02em;margin:2px 0 4px;font-size:24px;font-weight:800}.sheet-desc{color:var(--sub);margin:0 0 16px;font-size:14px}.learn{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;padding:10px 4px 8px}.learn .jp{font-size:30px;font-weight:700;line-height:1.2;display:block}.learn small{color:var(--sub);font-size:13px;font-weight:600}.seg-label{color:var(--sub);margin:0 0 8px 2px;font-size:13px;font-weight:600}.seg{background:var(--card);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;padding:5px;display:grid}.seg button{min-height:52px;color:var(--sub);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;font-size:15px;font-weight:700;line-height:1.2;display:flex}.seg button small{color:var(--muted);font-size:11px;font-weight:600}.seg button.on{background:var(--card-3);color:var(--text);box-shadow:0 2px 10px #00000040}.seg button:disabled{opacity:.45;cursor:not-allowed}.mode-help{color:var(--muted);min-height:20px;margin:0 2px 18px;font-size:13px}.sheet-info{gap:8px;margin-bottom:16px;display:flex}.pill{text-align:center;background:var(--card);color:var(--sub);border-radius:14px;flex:1;padding:10px;font-size:13px}.pill b{color:var(--text);font-size:17px;display:block}.sheet h3.center,.center{text-align:center}.sheet.wide{max-width:560px}.set-group{background:var(--card);border:1px solid var(--line);border-radius:18px;margin-bottom:10px;padding:2px 14px}.set-row{justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 0;display:flex}.set-row+.set-row{border-top:1px solid var(--line)}.set-row.col{flex-direction:column;justify-content:center;align-items:stretch;gap:10px;padding:12px 0}.set-row.muted{opacity:.45}.set-label{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.set-label b{color:var(--sub);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.set-label small{color:var(--muted);font-size:12px;font-weight:500}.set-group>.seg{margin:0 0 8px}.set-help{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.5}.switch{background:var(--card-3);border-radius:15px;flex:none;width:50px;height:30px;transition:background-color .2s;position:relative}.switch i{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000004d}.switch.on{background:var(--green)}.switch.on i{transform:translate(20px)}input[type=range]{width:100%;height:28px;accent-color:var(--blue);margin:0}.input{background:var(--bg-2);border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);font:inherit;border-radius:12px;padding:0 12px;font-size:15px}.input:focus{border-color:var(--blue);outline:none}.danger-link{color:#ff7a85;margin:12px auto 2px;padding:8px;font-size:14px;font-weight:700;display:block}.set-foot{text-align:center;color:var(--muted);margin:0 0 12px;font-size:12px}.multi-hero{flex-direction:column;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.multi-hero .emoji{font-size:52px}.soon-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.soon-list li{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.soon-list li>.emoji:first-child{font-size:24px}.soon-list b{font-size:15px;display:block}.soon-list small{color:var(--sub);font-size:12px}.soon-list .lock{opacity:.6;margin-left:auto;font-size:15px}.kd-top{align-items:center;gap:16px;margin:2px 0 14px;display:flex}.kd-glyph{background:linear-gradient(170deg, var(--card-2), var(--card));border:1px solid #ffffff14;border-radius:28px;flex:none;place-items:center;width:116px;height:116px;font-size:74px;font-weight:700;line-height:1;display:grid}.kd-glyph.long{font-size:50px}.kd-info{flex-direction:column;min-width:0;display:flex}.kd-script{color:#9cc2ff;font-size:12px;font-weight:700}.kd-ko{font-size:36px;font-weight:900;line-height:1.15}.kd-romaji{color:var(--sub);font-size:14px;font-weight:600}.kd-pair{color:var(--sub);margin-top:6px;font-size:13px}.kd-pair b{color:var(--text);margin-left:2px;font-size:20px}.kd-voice{margin-bottom:10px}.kd-voice .tag{margin-left:2px}.kd-box{background:var(--card);color:#d6def0;border-radius:16px;align-items:center;gap:10px;margin-bottom:8px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.kd-origin{color:var(--muted);font-size:30px;font-weight:500;line-height:1}.kd-arrow{color:var(--muted)}.kd-origin-to{font-size:30px;font-weight:700;line-height:1}.kd-origin-note{text-align:right;color:var(--sub);margin-left:auto;font-size:12px;line-height:1.4}.kd-origin-note small{color:var(--muted)}.kd-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px;display:grid}.kd-stats div{background:var(--card);text-align:center;border-radius:14px;padding:10px 4px}.kd-stats small{color:var(--sub);font-size:11px;display:block}.kd-stats b{font-size:15px;font-weight:800}.kd-similar{color:var(--sub);justify-content:space-between;align-items:center;gap:10px;margin:12px 0 4px;font-size:13px;display:flex}.kd-sim-list{gap:6px;display:flex}.kd-sim-list button{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:54px;font-size:22px;font-weight:700;line-height:1.1;display:flex}.kd-sim-list small{font-family:var(--ui);color:var(--sub);font-size:10px;font-weight:600}.chart{background:var(--card);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px;display:grid}.cell{aspect-ratio:1.6;font-family:var(--jp);border-radius:10px;place-items:center;font-size:18px;font-weight:700;display:grid}.cell.empty{visibility:hidden}.cell.m-lv0{color:var(--muted);background:#ffffff0a}.cell.m-lv1{color:#ffc2c7;background:#f0445247}.cell.m-lv2{color:#ffe3a3;background:#ffc53d38}.cell.m-lv3{color:#cfe1ff;background:#3182f64d}.cell.m-lv4{color:#d3ffe9;background:#1ec77f57}.avatar.guest{color:#aab0bd;filter:grayscale();background:linear-gradient(160deg,#3a3f4c,#23262e);font-size:18px}.avatar-img{object-fit:cover;background:var(--card-3)}.avatar.xl{width:64px;height:64px;font-size:26px}.gate{margin-top:6px;position:relative}.gate-preview{filter:blur(3px);opacity:.45;pointer-events:none}.gate-card{text-align:center;background:#182036f5;border:1px solid #78a0ff40;border-radius:24px;max-width:360px;margin:0 auto;padding:22px 18px 12px;position:absolute;top:40px;left:0;right:0;box-shadow:0 24px 60px #00000080}.gate-card.inline{max-width:none;box-shadow:none;margin-top:14px;position:static}.gate-card h3{margin:8px 0 4px;font-size:18px}.gate-card p{color:var(--sub);margin:0 0 16px;font-size:14px}.gate-card .btn+.btn{margin-top:4px}.gate-emoji{font-size:40px}.gate-sheet{background:var(--card);border-radius:24px;place-items:center;width:72px;height:72px;margin:4px auto 10px;display:grid;position:relative}.gate-sheet .gate-emoji{font-size:38px}.gate-lock{font-size:22px;position:absolute;bottom:-6px;right:-6px}.perk-list{background:var(--card);color:#d6def0;border-radius:16px;flex-direction:column;gap:8px;margin:0 0 16px;padding:12px 14px;font-size:14px;list-style:none;display:flex}.perk-list .emoji{margin-right:6px}.login-hero{flex-direction:column;align-items:center;margin:4px 0 6px;display:flex}.login-hero .brand-mark{border-radius:18px;width:56px;height:56px;margin-bottom:10px;font-size:32px}.login-hero h3{margin:0 0 2px}.login-buttons{flex-direction:column;gap:8px;margin:12px 0;display:flex}.login-btn{font-size:16px}.login-btn.google{color:#1f1f1f;background:#fff}.login-btn.google:hover{background:#f1f3f4}.login-btn.kakao{color:#191919;background:#fee500}.login-btn.kakao:hover{background:#f5dc00}.login-btn:disabled{opacity:.6;cursor:progress}.demo-note{font-size:13px}.demo-note b{color:var(--text)}.profile-head{align-items:center;gap:14px;margin:2px 0 12px;display:flex}.profile-head h3{margin:0}.profile-provider{color:var(--sub);font-size:13px}.profile-head.xl{gap:16px;margin-bottom:16px}.profile-head.xl .avatar.xl{width:76px;height:76px;font-size:30px}.profile-head.xl h3{font-size:21px}.kd-stats.profile-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.kd-stats.profile-stats div{border-radius:20px;padding:18px 10px}.kd-stats.profile-stats small{margin-bottom:3px;font-size:12.5px}.kd-stats.profile-stats b{font-size:21px}.ps-sub{color:var(--muted);margin-top:3px;font-size:11px;font-weight:700;display:block}.ps-ratio{background:#f0445259;border-radius:99px;height:5px;margin:7px 2px 0;overflow:hidden}.ps-ratio i{background:var(--green,#1ec77f);border-radius:99px;height:100%;display:block}.nick-row{align-items:center;gap:8px;display:flex}.nick-row .input{flex:1;min-width:0}.nick-row .chip-btn{border-radius:12px;min-height:46px;margin-left:0;padding-inline:16px}.skel-line{background:#ffffff14;border-radius:5px;width:80%;height:10px;animation:1.1s ease-in-out infinite skel;display:block}.skel-line.short{width:50%}.pod.skel{justify-content:center;gap:8px;min-height:120px}.pod.skel .avatar,.rank-list li.skel .avatar{animation:1.1s ease-in-out infinite skel}.rank-list li.skel{min-height:50px}@keyframes skel{50%{opacity:.45}}.mr-title{color:#9cc2ff;letter-spacing:.02em;margin-bottom:6px;font-size:12px;font-weight:800}.mr-cells{flex:none;gap:14px;display:flex}.mr-cells>span{flex-direction:column;align-items:flex-end;display:flex}.mr-cells small{color:var(--sub);font-size:11px;font-weight:600}.mr-cells b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:900;line-height:1.15}.mr-cells em{color:var(--gold);font-size:11px;font-style:normal;font-weight:700}.mr-label{color:var(--text);font-size:14px;font-weight:800}.multi-hero-page{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px 0 18px;display:flex}.mh-emoji{font-size:60px}.multi-hero-page h3{margin:0;font-size:22px;font-weight:800;line-height:1.35}.soon-list li.disabled{opacity:.75}.soon-state{color:var(--muted);flex:none;margin-left:auto;font-size:12px;font-weight:700}.res-login{background:linear-gradient(160deg,#3182f633,#3182f60f);border:1px solid #5ea2ff4d;border-radius:18px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.res-login.muted{background:var(--card);border-color:var(--line)}.res-login>.emoji{font-size:26px}.res-login-body{flex-direction:column;flex:1;min-width:0;display:flex}.res-login-body b{font-size:14px;font-weight:800}.res-login-body small{color:var(--sub);font-size:12px}.res-login .chip-btn{margin-left:0}.res-rank.pending{opacity:.8}.center{text-align:center}.play{height:100dvh;padding-block:calc(10px + var(--safe-t)) calc(16px + var(--safe-b));-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.play-top{align-items:center;gap:12px;display:flex}.play-progress{flex:1;min-width:0}.play-title{color:var(--sub);justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.bar{background:var(--card-2);border-radius:3px;height:6px;overflow:hidden}.bar i{background:var(--blue);border-radius:3px;width:0;height:100%;transition:width .25s;display:block}.play-score{text-align:right;min-width:72px}.play-score small{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:800;display:block}.play-score b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.play-score b.bump{animation:.25s bump}@keyframes bump{50%{color:var(--gold);transform:scale(1.18)}}.timer{background:var(--card);border-radius:4px;height:8px;margin:14px 0 0;overflow:hidden}.timer i{background:linear-gradient(90deg, var(--green), #54e0a4);transform-origin:0;border-radius:4px;width:100%;height:100%;display:block}.timer.warn i{background:linear-gradient(90deg, var(--gold), #ffd978)}.timer.danger i{background:linear-gradient(90deg, var(--red), #ff7a85)}.arena{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:8px 0;display:flex;position:relative}.combo{letter-spacing:.02em;height:28px;color:var(--gold);text-shadow:0 0 18px #ffc53d73;opacity:0;font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:17px;font-weight:900;transition:opacity .2s}.combo.show{opacity:1}.combo.pop{animation:.22s combo-pop}@keyframes combo-pop{50%{transform:scale(1.25)}}.combo.broken{color:var(--red);text-shadow:none;font-size:16px}.prompt-card{aspect-ratio:1;background:linear-gradient(170deg, var(--card-2), var(--card));border:1px solid #ffffff14;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;width:min(100%,300px);max-height:100%;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 30px 60px -30px #0009,inset 0 1px #ffffff0f}.prompt-label{text-align:center;color:var(--muted);font-size:13px;font-weight:700;position:absolute;top:18px;left:0;right:0}.prompt{font-size:clamp(110px,34vw,156px);font-weight:700;line-height:1;transition:opacity .12s,filter .12s}.prompt.kana{font-family:var(--jp)}.prompt.hangul{font-family:var(--ui);letter-spacing:-.03em;font-size:clamp(96px,30vw,132px);font-weight:800}.prompt.enter{animation:.18s cubic-bezier(.2,.9,.3,1.3) prompt-in}@keyframes prompt-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.prompt.hidden-flash{opacity:0;filter:blur(12px)}.prompt-sub{text-align:center;color:var(--muted);font-size:13px;font-weight:600;position:absolute;bottom:18px;left:8px;right:8px}.sub-answer{background:var(--green-soft);color:#bff5dc;border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;font-size:15px;animation:.15s both fade;display:inline-flex}.sub-answer b{color:#fff;font-size:20px}.prompt-card.good{box-shadow:0 0 0 6px var(--green-soft), 0 30px 60px -30px #0009;border-color:#1ec77fb3}.prompt-card.bad{box-shadow:0 0 0 6px var(--red-soft), 0 30px 60px -30px #0009;border-color:#f04452b3;animation:.36s shake}@keyframes shake{20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.flash-mark{font-family:var(--ui);color:var(--muted);font-size:64px;font-weight:800}.fx{pointer-events:none;position:absolute;inset:0}.spark{background:var(--c,var(--green));border-radius:50%;width:10px;height:10px;animation:.6s cubic-bezier(.1,.8,.3,1) forwards spark;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spark{to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.2);opacity:0}}.float-pts{color:var(--gold);white-space:nowrap;font-size:22px;font-weight:900;animation:.55s ease-out forwards float-up;position:absolute;top:44px;right:14px}.float-pts.miss{color:var(--red);font-size:18px}@media (max-height:700px){.float-pts{font-size:18px;top:40px}}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-8px)scale(1)}}.banner{z-index:5;text-align:center;white-space:nowrap;color:#1a1205;letter-spacing:-.01em;background:linear-gradient(135deg,#ffb72b,#ff7a3d);border-radius:14px;padding:8px 14px;font-size:19px;font-weight:900;animation:1s cubic-bezier(.2,.9,.3,1.2) forwards banner;position:absolute;top:4%;right:2%;transform:rotate(-7deg);box-shadow:0 12px 30px -10px #ff8c3299}.banner small{opacity:.75;font-size:11px;font-weight:800;display:block}@keyframes banner{0%{opacity:0;transform:rotate(-7deg)scale(.6)translateY(8px)}20%{opacity:1;transform:rotate(-7deg)scale(1.06)}32%{transform:rotate(-7deg)scale(1)}75%{opacity:1}to{opacity:0;transform:rotate(-7deg)scale(.96)translateY(-10px)}}.countdown{z-index:6;color:#fff;text-shadow:0 10px 40px #3182f699;font-variant-numeric:tabular-nums;place-items:center;font-size:120px;font-weight:900;display:grid;position:absolute;inset:0}.countdown span{animation:.4s both count}@keyframes count{0%{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{background:var(--card-2);border:1px solid #ffffff0f;border-radius:22px;place-items:center;min-height:84px;transition:transform 80ms,background-color .12s,box-shadow 80ms;display:grid;position:relative;box-shadow:0 4px #00000047}.choice span{letter-spacing:-.02em;font-size:32px;font-weight:800}.choice.kana span{font-family:var(--jp);font-size:40px;font-weight:700}.choice kbd{display:none;position:absolute;top:8px;left:10px}@media (hover:hover) and (pointer:fine){.choice kbd{display:inline-block}.choice:hover{background:var(--card-3)}}.choice:active{transform:translateY(3px);box-shadow:0 1px #00000047}.choice.right{background:var(--green);color:#04291a;animation:.2s right-pop;box-shadow:0 4px #11925b}.choice.wrong{background:var(--red);color:#fff;animation:.3s shake;box-shadow:0 4px #b3202d}.choice.reveal{box-shadow:inset 0 0 0 3px var(--green), 0 4px 0 #00000047}.choice.dim{opacity:.4}.choices.locked .choice{pointer-events:none}@keyframes right-pop{50%{transform:scale(1.05)}}.overlay{z-index:40;background:#04070fb3;place-items:center;padding:16px;animation:.2s both fade;display:grid;position:fixed;inset:0}.overlay-card{background:var(--bg-2);border:1px solid var(--line);text-align:center;border-radius:28px;width:min(100%,340px);padding:26px 20px 14px}.overlay-emoji{font-size:44px}.overlay-card h3{margin:10px 0 2px;font-size:20px}.overlay-card p{color:var(--sub);margin:0 0 18px}.overlay-card .btn+.btn{margin-top:6px}@media (min-height:820px){.prompt-card{width:min(100%,340px)}.prompt{font-size:clamp(120px,38vw,176px)}.choice{min-height:96px}}@media (max-height:700px){.prompt-card{border-radius:30px;width:min(100%,230px)}.prompt{font-size:104px}.prompt.hangul{font-size:88px}.choice{min-height:70px}.combo{height:28px;margin-bottom:4px;font-size:17px}}@media (max-height:560px){.prompt-card{width:min(100%,180px)}.prompt{font-size:84px}.prompt.hangul{font-size:72px}.choice{min-height:58px}}.result{padding-block:calc(26px + var(--safe-t)) calc(24px + var(--safe-b))}.res-head{text-align:center}.res-emoji{font-size:60px;animation:.4s cubic-bezier(.2,.9,.3,1.4) both pop-in;display:inline-block}.res-eyebrow{color:var(--sub);margin-top:8px;font-size:13px;font-weight:700}.res-title{letter-spacing:-.02em;margin:2px 0 6px;font-size:30px;font-weight:900}.res-title.clear{background:linear-gradient(90deg,#ffd35c,#ff9a3d);color:#0000;-webkit-background-clip:text;background-clip:text}.res-msg{color:var(--sub);margin:0;font-size:14px}.res-stars{justify-content:center;gap:8px;margin:18px 0 6px;display:flex}.res-stars .star{font-size:44px;line-height:1}.res-stars .star.on{text-shadow:0 0 24px #ffc53d8c;animation:.45s cubic-bezier(.2,.9,.3,1.5) both star-in}@keyframes star-in{0%{opacity:0;transform:scale(.2)rotate(-40deg)}to{opacity:1;transform:none}}.res-score{text-align:center;margin:8px 0 18px}.res-score small{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800;display:block}.res-score b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:48px;font-weight:900}.badge{vertical-align:14px;background:var(--gold);color:#2a1d00;border-radius:8px;margin-left:6px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-block}.res-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.stat{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:18px;padding:14px 8px}.stat small{color:var(--sub);font-size:12px;font-weight:600;display:block}.stat b{font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.res-note{background:var(--blue-soft);color:#cfe1ff;border-radius:16px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:14px;display:flex}.res-note .emoji{font-size:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:16px}.card h4{margin:0 0 10px;font-size:15px;font-weight:800}.miss-list{flex-direction:column;gap:8px;display:flex}.miss{align-items:center;gap:12px;display:flex}.miss-kana{background:var(--red-soft);width:48px;height:48px;font-family:var(--jp);color:#ffc2c7;border-radius:14px;flex:none;place-items:center;font-size:26px;font-weight:700;display:grid}.miss-body{color:var(--sub);flex:1;font-size:14px;line-height:1.4}.miss-body b{color:var(--text)}.miss-body .jp{color:var(--text);font-weight:700}.miss-count{color:var(--muted);font-size:12px;font-weight:700}.perfect{text-align:center;color:var(--sub);padding:6px 0}.res-record{text-align:center;margin:6px 0 12px}.res-record small{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:800;display:block}.res-record b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:900;line-height:1.1;display:block}.res-record.invalid b{color:var(--muted)}.delta{border-radius:999px;margin-top:6px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-block}.delta.up{background:var(--green-soft);color:#8ff0c3}.delta.muted{color:var(--sub);background:#ffffff0f;font-weight:600}.res-record-rule{color:var(--muted);margin-top:6px;font-size:11px;display:block}.res-rank{text-align:left;background:linear-gradient(160deg,#ffc53d29,#ffc53d0d);border:1px solid #ffc53d4d;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:12px 14px;transition:transform .12s;display:flex}.res-rank:active{transform:scale(.98)}.res-rank>.emoji{font-size:28px}.res-rank-body{flex-direction:column;flex:1;min-width:0;display:flex}.res-rank-body>span{color:#ffd98a;font-size:12px;font-weight:700}.res-rank-body b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.res-rank-body b small{color:var(--sub);font-size:12px;font-weight:600}.res-rank-arrow{color:var(--muted);font-size:22px}.res-stats{grid-template-columns:repeat(4,1fr);gap:6px}.stat{padding:11px 2px;position:relative}.stat b{font-size:18px}.stat .badge{vertical-align:baseline;border-radius:6px;margin:0;padding:2px 5px;font-size:9px;position:absolute;top:-7px;right:-2px}button.miss{text-align:left;border-radius:14px;width:100%;padding:4px;transition:background-color .15s}button.miss:hover{background:var(--card-2)}.res-actions{flex-direction:column;gap:8px;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html.playing,html.playing body{overscroll-behavior:none;height:100%;overflow:hidden}.play,.choice,.prompt-card{-webkit-touch-callout:none}.choice{touch-action:manipulation}@media (orientation:landscape) and (max-height:520px){html.playing .app{max-width:900px}.play{padding-block:calc(8px + var(--safe-t)) calc(10px + var(--safe-b));grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr 1fr;column-gap:24px;display:grid}.play-top,.timer{grid-column:1/-1}.timer{margin-top:8px}.arena{grid-area:3/1;padding:4px 0}.combo{height:24px;margin-bottom:4px;font-size:16px}.prompt-card,.prompt-card[class]{border-radius:28px;width:auto;max-width:100%;height:min(240px,100dvh - 128px)}.prompt{font-size:min(118px,50dvh - 64px)}.prompt.hangul{font-size:min(100px,42dvh - 53.76px)}.prompt-label{font-size:12px;top:10px}.prompt-sub{bottom:10px}.choices{grid-area:3/2;align-self:center}.choice,.choice[class]{min-height:min(96px,50dvh - 75px)}.countdown{font-size:90px}.home,.result{padding-block:calc(12px + var(--safe-t)) calc(20px + var(--safe-b))}}@media not all and (hover:hover) and (pointer:fine){.btn kbd,.kbd-hint,.mc-go kbd{display:none}}.combo.hot{color:#ff9a3d;text-shadow:0 0 22px #ff8c3c99}.combo.blaze{color:#ff5f6d;text-shadow:0 0 26px #ff465ab3}.prompt-card.fever{border-color:#ffa83d8c;box-shadow:0 0 0 4px #ffa83d1f,0 30px 60px -30px #0009}.banner.fever{color:#fff;background:linear-gradient(135deg,#ff7a3d,#ff3d6e)}.timer.danger i{animation:.5s ease-in-out infinite timer-pulse}@keyframes timer-pulse{50%{filter:brightness(1.6)}}.res-grade{background:radial-gradient(circle at 50% 35%, #ffffff2e, transparent 65%), var(--card-2);border:2px solid var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;margin:14px auto 2px;animation:.45s cubic-bezier(.2,.9,.3,1.5) both pop-in;display:flex}.res-grade span{letter-spacing:-.02em;font-size:46px;font-weight:900;line-height:1}.res-grade small{letter-spacing:.18em;color:var(--muted);margin-top:2px;font-size:9px;font-weight:800}.res-grade.grade-S{border-color:#ffc53dd9;box-shadow:0 0 38px #ffc53d59}.res-grade.grade-S span{background:linear-gradient(100deg,#ffe07a,#ff9a3d);color:#0000;-webkit-background-clip:text;background-clip:text}.res-grade.grade-A{border-color:#1ec77fb3}.res-grade.grade-A span{color:#6ee7ad}.res-grade.grade-B{border-color:#3182f6b3}.res-grade.grade-B span{color:#8ab8ff}.res-grade.grade-C span,.res-grade.grade-D span{color:var(--sub)}.weak-row{align-items:center;gap:8px;margin:0 0 12px;display:flex}.lc-label{color:var(--muted);font-size:12px;font-weight:700}.weak-chips{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.weak-chips span{color:#ffb3ba;background:var(--red-soft);border-radius:8px;padding:1px 7px;font-size:16px;font-weight:700}.weak-row .chip-btn{margin-left:auto}.app{position:relative}.screen{animation:none}.screen.leaving{z-index:1;position:absolute;top:0;left:0;right:0}.screen.in-right{animation:.28s cubic-bezier(.22,.8,.28,1) both page-in-right}.screen.in-left{animation:.28s cubic-bezier(.22,.8,.28,1) both page-in-left}.screen.out-left{animation:.26s cubic-bezier(.4,0,.7,.4) both page-out-left}.screen.out-right{animation:.26s cubic-bezier(.4,0,.7,.4) both page-out-right}@keyframes page-in-right{0%{opacity:0;transform:translate(28px)scale(.985)}to{opacity:1;transform:none}}@keyframes page-in-left{0%{opacity:0;transform:translate(-28px)scale(.985)}to{opacity:1;transform:none}}@keyframes page-out-left{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-22px)scale(.99)}}@keyframes page-out-right{0%{opacity:1;transform:none}to{opacity:0;transform:translate(22px)scale(.99)}}.opt-group{margin-bottom:14px}.opt-label{color:var(--sub);justify-content:space-between;align-items:baseline;margin:0 2px 8px;font-size:13px;font-weight:700;display:flex}.opt-label b{color:var(--text)}.opt-help{color:var(--muted);margin:8px 2px 0;font-size:12px}.row-chips{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.row-chip{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:9px 2px 7px;transition:background-color .15s,transform .1s;display:flex}.row-chip b{color:var(--sub);font-size:21px;font-weight:700;line-height:1.1}.row-chip small{color:var(--muted);font-size:10px}.row-chip.on{background:var(--blue);border-color:#0000}.row-chip.on b,.row-chip.on small{color:#fff}.row-chip:active{transform:scale(.94)}.pick-head{color:var(--sub);justify-content:space-between;align-items:center;gap:8px;margin:0 2px 8px;font-size:13px;display:flex}.pick-head b{color:var(--text);font-size:15px;font-weight:800}.pick-actions{gap:6px;display:flex}.pick-actions .chip-btn{padding:6px 10px;font-size:12px}.picked-preview{flex-wrap:wrap;gap:4px;margin:10px 2px 0;display:flex}.picked-preview span{color:var(--sub);background:#ffffff0f;border-radius:7px;padding:2px 6px;font-size:15px;font-weight:700}.picked-preview .more{color:var(--muted);font-size:12px}.start-bar{padding:18px 16px calc(12px + var(--safe-b));-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0d122000,#0d1220f7 16%,#0d1220fc);margin:18px -16px 0;position:sticky;bottom:0}.start-info{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin:0 2px 8px;display:flex}.start-info b{font-size:14px;font-weight:800}.start-info small{color:var(--sub);font-size:12px}.start-warn{text-align:center;color:var(--muted);margin:8px 0 0;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed;animation:none}.multi-top{align-items:center;gap:14px;margin:6px 0 16px;display:flex}.multi-top h3{margin:0;font-size:20px;font-weight:800}.multi-top p{color:var(--sub);margin:2px 0 0;font-size:13px}.rule-box{background:var(--card);border:1px solid var(--line);color:#d6def0;border-radius:18px;flex-direction:column;gap:8px;padding:14px;font-size:13px;display:flex}.rule-box .emoji{margin-right:6px}.search-wrap{text-align:center;padding:24px 0 10px}.search-wrap h3{margin:22px 0 4px;font-size:20px}.search-sub{color:var(--sub);font-variant-numeric:tabular-nums;margin:0 0 22px;font-size:13px}.radar{place-items:center;width:140px;height:140px;margin:0 auto;display:grid;position:relative}.radar i{border:2px solid #5ea2ff80;border-radius:50%;animation:2.4s ease-out infinite radar;position:absolute;inset:0}.radar i:nth-child(2){animation-delay:.8s}.radar i:nth-child(3){animation-delay:1.6s}.radar span{font-family:var(--jp);color:#fff;font-size:44px;font-weight:700}@keyframes radar{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1)}}.vs-row{justify-content:center;align-items:center;gap:18px;margin-bottom:22px;display:flex}.vs-side{flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.vs-side .avatar{width:48px;height:48px;font-size:18px}.vs-side.searching .avatar{background:var(--card-2);color:var(--muted);animation:1.1s ease-in-out infinite skel}.vs-side.searching b{color:var(--muted)}.vs-mark{color:var(--muted);letter-spacing:.04em;font-size:15px;font-weight:900}.search-actions{justify-content:center;gap:10px;display:flex}.search-actions .btn{flex:0 auto}.mastery-top{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:12px;padding:14px 16px}.mt-main{align-items:baseline;gap:6px;margin-bottom:10px;display:flex}.mt-main b{font-size:30px;font-weight:900;line-height:1}.mt-main span{color:var(--sub);font-size:13px}.section{margin-top:20px}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding-inline:2px;display:flex}.section-head h2{margin:0;font-size:16px;font-weight:800}.section-meta{color:var(--muted);font-size:12px}.weak-list{flex-direction:column;gap:8px;display:flex}.weak-item{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:background-color .15s;display:flex}.weak-item:hover{background:var(--card-2)}.wi-kana{background:var(--red-soft);color:#ffc2c7;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-size:24px;font-weight:700;display:grid}.wi-body{flex-direction:column;flex:1;min-width:0;display:flex}.wi-body b{font-size:15px;font-weight:800}.wi-body small{color:var(--sub);font-size:12px}.wi-ms{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.rank-list.near li.me{background:#3182f62e}.rank-list.near li.me .rl-nick{font-weight:800}.trend-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.trend{width:100%;height:56px;overflow:visible}.trend-foot{color:var(--sub);justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.trend-foot b{color:var(--text);font-weight:800}.trend-foot .arrow{color:var(--muted)}.trend-foot .up{color:#6ee7ad;font-weight:700}.trend-foot .down{color:#ff8f99;font-weight:700}.route{margin-top:12px}.rt-line{justify-content:center;align-items:center;gap:5px;height:16px;display:flex}.rt-dot{background:#ffffff24;border-radius:2px;flex:1 1 0;min-width:4px;max-width:18px;height:5px;transition:background-color .2s,transform .2s}.rt-dot.done{background:var(--green)}.rt-dot.now{background:#fff;border-radius:5px;height:10px;transform:scaleY(1.1);box-shadow:0 0 12px #ffffffb3}.rt-edge{color:var(--muted);font-size:10px;font-weight:700}.rt-count{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px;font-weight:700;display:none}.play-score b{font-variant-numeric:tabular-nums}.prompt-card.pass{border-color:#1ec77f99}.course-list{flex-direction:column;gap:8px;display:flex}.cl-group{letter-spacing:.06em;color:var(--muted);margin:8px 2px 2px;font-size:12px;font-weight:800}.course-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;align-items:center;gap:12px;padding:12px 14px;transition:background-color .15s,transform .12s;display:flex}.course-card:not(:disabled):hover{background:var(--card-2)}.course-card:not(:disabled):active{transform:scale(.98)}.course-card:disabled{opacity:.45;cursor:not-allowed}.course-card.current{border-color:#5ea2ffe6;box-shadow:0 0 0 3px #3182f629}.cc-line{background:var(--blue);border-radius:3px;flex:none;align-self:stretch;width:6px}.cc-line.line-0{background:#3182f6}.cc-line.line-1{background:#1ec77f}.cc-line.line-2{background:#ffc53d}.cc-line.line-3{background:#8d6bff}.cc-line.line-4{background:#ff7a3d}.cc-body{flex-direction:column;flex:1;min-width:0;display:flex}.cc-title{font-size:15px;font-weight:800}.cc-sub{color:var(--sub);font-size:12px}.cc-kana{color:var(--muted);letter-spacing:.04em;font-size:16px}.cc-lock{font-size:14px}.round-toggle{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.round-toggle.on{background:var(--blue-soft);border-color:#5ea2ffcc}.rt-icon{font-size:22px}.rt-text{flex-direction:column;flex:1;display:flex}.rt-text b{font-size:14px;font-weight:800}.rt-text small{color:var(--sub);font-size:12px}.course-hero{background:linear-gradient(160deg,#21407f 0%,#1b2748 55%,#19223a 100%);border:1px solid #78a0ff38;border-radius:24px;flex-direction:column;gap:12px;margin-bottom:12px;padding:18px 18px 16px;display:flex;position:relative;overflow:hidden}.ch-line{background:linear-gradient(#5ea2ff,#8d6bff);width:5px;position:absolute;top:0;bottom:0;left:0}.ch-eyebrow{letter-spacing:.18em;color:#9cc2ff;font-size:10px;font-weight:800}.course-hero h3{letter-spacing:-.02em;margin:6px 0;font-size:24px;font-weight:900;line-height:1.25}.course-hero p{color:var(--sub);margin:0;font-size:13px;line-height:1.5}.ch-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ch-stats div{text-align:center;background:#0408144d;border-radius:14px;padding:10px}.ch-stats small{color:var(--sub);font-size:11px;display:block}.ch-stats b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.track-seg{margin-bottom:10px}.learn-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.learn-row.learn-12,.learn-row.learn-9,.learn-row.learn-11{grid-template-columns:repeat(6,1fr)}.learn-row.learn-12 .learn .jp,.learn-row.learn-9 .learn .jp,.learn-row.learn-11 .learn .jp{font-size:22px}.sgrid-tile.long .sg-k{font-size:20px}.set-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.set-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 14px 12px;transition:background-color .15s,transform .12s,border-color .15s;display:flex;position:relative}.set-card:active{transform:scale(.97)}.set-card.on{background:var(--blue-soft);border-color:#5ea2ffe6}.sc-check{color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:grid;position:absolute;top:12px;right:12px}.set-card.on .sc-check{background:var(--blue)}.sc-emoji{margin-bottom:4px;font-size:24px}.sc-label{font-size:16px;font-weight:800}.sc-sub{color:var(--sub);letter-spacing:.04em;font-size:13px}.sc-meta{color:var(--muted);margin-top:4px;font-size:11px}.set-card.on .sc-meta{color:#9cc2ff}.set-all{background:var(--card);text-align:left;border:1px dashed #ffffff2e;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:13px 14px;display:flex}.set-all.on{background:var(--blue-soft);border-style:solid;border-color:#5ea2ffe6}.set-all .emoji{font-size:22px}.sa-body{flex-direction:column;flex:1;display:flex}.sa-body b{font-size:15px;font-weight:800}.sa-body small{color:var(--sub);font-size:12px}.sa-mark{color:var(--muted);font-size:12px;font-weight:700}.set-all.on .sa-mark{color:#9cc2ff}.home-grid{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex}.home-left,.home-side{flex-direction:column;gap:12px;display:flex}.side-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px}.side-card h3{align-items:center;gap:6px;margin:0 0 12px;font-size:15px;font-weight:800;display:flex}.side-row{margin-bottom:12px}.side-row:last-child{margin-bottom:0}.side-top{justify-content:space-between;align-items:baseline;margin-bottom:5px;font-size:12.5px;display:flex}.side-top b{font-weight:700}.side-top span{color:var(--muted);font-variant-numeric:tabular-nums}.side-bar{background:#ffffff12;border-radius:4px;height:8px;overflow:hidden}.side-bar i{background:linear-gradient(90deg,#3182f6,#6ce5ff);border-radius:4px;height:100%;display:block}.side-weak{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.side-weak span{color:#ffb3ba;background:var(--red-soft);border-radius:8px;padding:1px 7px;font-size:16px;font-weight:700}.side-empty{color:var(--muted);margin:0;font-size:12.5px}@media (max-width:899px){#home-status .side-card{border-radius:18px;padding:13px}#home-status h3{margin-bottom:9px;font-size:13.5px}#home-status .side-top{font-size:11.5px}#home-status .side-bar{height:6px}#home-status .side-row{margin-bottom:9px}}.rush-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 6px;display:grid}.rush-grid.two{grid-template-columns:repeat(2,1fr)}.rush-card.ranked.on{background:#ffc53d1a;border-color:#ffc53dd9}.rc-tag{letter-spacing:.06em;color:var(--gold);background:#ffc53d29;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.rush-card{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px 10px;transition:background-color .15s,transform .12s;display:flex;position:relative}.rush-card:hover{background:var(--card-2)}.rush-card:active{transform:scale(.96)}.rush-card.on{background:#ffc53d1a;border-color:#ffc53dd9}.rc-emoji{font-size:24px}.rc-label{font-size:15px;font-weight:800}.rc-sub{color:var(--sub);font-size:11px;line-height:1.25}.rc-meta{color:var(--muted);margin-top:3px;font-size:11px;font-weight:700}.rush-card.on .rc-meta{color:var(--gold)}@media (min-width:900px){.rc-emoji{font-size:30px}.rc-label{font-size:17px}.rc-sub{font-size:12.5px}.rush-card{border-radius:22px;padding:16px 12px 14px}}.pick-top{align-items:center;gap:10px;margin:12px 2px 10px;display:flex}.pick-top p{color:var(--muted);margin:0;font-size:12.5px}.chip-btn.ghost{color:var(--sub);background:#ffffff12}.preset-row{flex-wrap:wrap;gap:6px;margin:0 2px 12px;display:flex}.pick-tables{gap:14px;display:grid}.pick-block{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:12px}.pick-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.pick-head b{align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex}.ph-count{color:#9cc2ff;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.ph-count.off{color:var(--muted)}.pick-block .pick-actions{gap:5px;margin-left:auto;display:flex}.pick-block .pick-actions .chip-btn{padding:6px 10px;font-size:12px}.pick-grid{gap:4px;display:grid}.pick-grid.cols-5{grid-template-columns:24px repeat(5,minmax(0,1fr))}.pick-grid.cols-3{grid-template-columns:24px repeat(3,minmax(0,1fr))}.pg-corner,.pg-col{text-align:center;color:var(--muted);align-self:center;font-size:10px;font-weight:700}.pg-row{color:var(--muted);background:#ffffff0d;border-radius:8px;font-size:12px;font-weight:700;transition:background-color .15s,color .15s}.pg-row:hover{color:var(--text);background:#ffffff24}.pcell{aspect-ratio:1;background:#ffffff0b;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;transition:background-color .14s,transform .1s;display:flex;position:relative}.pcell.empty{background:0 0}.pcell:active{transform:scale(.92)}.pc-glyph{color:var(--sub);font-size:21px;font-weight:700;line-height:1.1}.pcell.long .pc-glyph{letter-spacing:-.03em;font-size:15px}.pc-ko{color:var(--muted);font-size:9.5px}.pcell{opacity:.5}.pcell.on{opacity:1;background:#3182f63d;border-color:#5ea2ffd9}.pcell.on .pc-glyph{color:#e8f1ff}.pcell.on .pc-ko{color:#9cc2ff}.pcell.empty{opacity:1}.pcell .kc-dot{border-radius:2px;width:6px;height:6px;position:absolute;top:4px;right:4px}@media (min-width:760px){.pick-tables{grid-template-columns:repeat(auto-fit,minmax(290px,370px));justify-content:start;align-items:start}.set-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.app{max-width:1080px;padding-inline:max(28px, env(safe-area-inset-left,0px)) max(28px, env(safe-area-inset-right,0px))}html.playing .app{max-width:720px}.start-bar{margin-inline:-28px;padding-inline:28px}.home-grid{flex-direction:row;align-items:center;gap:28px;padding-top:6px}.home-left{flex:1.2 1 0;gap:16px;min-width:0}.home-side{flex:.85 1 0;min-width:280px;position:sticky;top:18px}.title-block{text-align:left;padding-top:4px}.game-sub{justify-content:flex-start}.game-sub i:first-child{display:none}.game-title{font-size:54px}.mode-card{border-radius:28px;gap:18px;padding:24px}.mode-card.single{min-height:184px}.mode-card.multi{min-height:124px}.mode-card.practice{min-height:92px;padding:18px 22px}.mode-card.practice .mc-icon{width:56px;height:56px;font-size:30px}.mode-card.practice .mc-title{font-size:21px}.mc-icon{border-radius:24px;width:78px;height:78px;font-size:44px}.mode-card.multi .mc-icon{width:62px;height:62px;font-size:32px}.mc-title{font-size:30px}.mode-card.multi .mc-title{font-size:23px}.mc-sub{font-size:15px}.mc-go b{font-size:24px}.menu-row{gap:12px}.menu-btn{border-radius:22px;min-height:92px}.menu-btn .emoji{font-size:24px}.menu-btn .mb-label{font-size:15px}.menu-btn .mb-sub{font-size:12px}.rec b{font-size:27px}.page-bar h2{font-size:21px}.btn{border-radius:20px;min-height:60px;font-size:18px}.seg.seg-lg button{font-size:16px}.page-hint{font-size:13.5px}.start-info b{font-size:16px}.start-info small{font-size:13px}.pc-glyph{font-size:24px}.pcell.long .pc-glyph{font-size:17px}.pc-ko{font-size:10.5px}.stage-grid{grid-template-columns:repeat(6,1fr)}.kana-grid,.rank-list,.podium,.my-rank{max-width:720px}}@media (min-width:1200px){.game-title{font-size:60px}.mode-card.single{min-height:210px}}.duel{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 6px;padding:7px 12px;transition:border-color .2s,background-color .2s;display:flex}.duel.lead{background:#1ec77f14;border-color:#1ec77f8c}.duel.behind{background:#f0445212;border-color:#f0445280}.duel-side{align-items:center;gap:8px;min-width:0;display:flex}.duel-side.opp{flex-direction:row}.du-nick{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;max-width:34vw;font-size:12px;font-weight:700;overflow:hidden}.du-score{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900;line-height:1}.duel.lead .duel-side.me .du-score{color:#6ee7ad}.duel.behind .duel-side.opp .du-score{color:#ff8f99}.du-score.bump{animation:.3s pop-score}@keyframes pop-score{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.duel-vs{letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:900}.duel.opp-done .duel-side.opp{opacity:.6}.du-hearts{gap:1px;font-size:13px;line-height:1;display:flex}.dh{opacity:.35;filter:grayscale();transition:opacity .15s;display:inline-block;position:relative}.dh.on{opacity:1;filter:none}.dh.pop{animation:.5s ease-out heart-pop}@keyframes heart-pop{0%{opacity:1;filter:none;transform:scale(1)}30%{opacity:1;filter:none;transform:scale(1.7)}60%{opacity:.7;transform:scale(1.3)}to{opacity:.35;filter:grayscale();transform:scale(1)}}.duel-board{background:var(--card);border:1px solid var(--line);border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 6px;padding:16px 14px;display:flex}.duel-board.win{border-color:#1ec77f99;box-shadow:0 0 34px -12px #1ec77f99}.duel-board.lose{border-color:#f0445280}.db-side{flex-direction:column;flex:1;align-items:center;gap:5px;min-width:0;display:flex}.db-side b{color:var(--sub);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;font-weight:700;overflow:hidden}.db-score{font-variant-numeric:tabular-nums;font-size:34px;font-weight:900;line-height:1}.duel-board.win .db-side:first-child .db-score{color:#6ee7ad}.duel-board.lose .db-side:last-child .db-score{color:#ff8f99}.db-vs{letter-spacing:.08em;color:var(--muted);flex:none;font-size:13px;font-weight:900}.duel-board.win .db-vs{color:var(--green)}.duel-board.lose .db-vs{color:#ff8f99}.duel-foot{text-align:center;color:var(--muted);margin:0 2px 4px;font-size:12px}.res-rank-body small.up{color:#6ee7ad}.res-rank-body small.down{color:#ff8f99}.vs-side small{color:var(--muted);font-size:11px}.vs-side.found{animation:.4s pop-score}@media (min-width:900px){.du-score{font-size:24px}.db-score{font-size:42px}}.tier-card{background:var(--card);border:1px solid var(--line);border-radius:20px;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.tier-emoji{font-size:30px}.tier-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tier-body b{font-size:17px;font-weight:800}.tier-body b small{color:var(--gold);margin-left:4px;font-size:13px;font-weight:700}.tier-body small{color:var(--sub);font-size:12px}.today-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:16px}.today-head{color:var(--sub);align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.today-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.today-cell{flex-direction:column;gap:1px;display:flex}.today-cell small{letter-spacing:.08em;color:#7f8db0;font-size:10px;font-weight:800}.today-cell b{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:900;line-height:1.1}.today-cell b em{color:var(--muted);margin-left:3px;font-size:13px;font-style:normal;font-weight:700}.today-cell:first-child b{color:var(--gold)}.today-cell span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.today-hint{border-top:1px solid var(--line);color:var(--sub);margin:12px 0 0;padding-top:11px;font-size:12.5px}.today-cell.mode{gap:6px}.today-breakdown{flex-direction:column;gap:3px;display:flex}.today-breakdown span{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.today-breakdown b{color:var(--text);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.mode-card.play-now{justify-content:space-between;min-height:128px}.pn-body{flex-direction:column;gap:4px;min-width:0;display:flex}.pn-title{letter-spacing:-.02em;align-items:center;gap:8px;font-size:26px;font-weight:900;display:flex}.pn-sub{color:#ffffffe0;font-size:13.5px;font-weight:600}.mode-pick{flex-direction:column;gap:12px;display:flex}.pick-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:24px;align-items:center;gap:14px;padding:18px;transition:background-color .15s,transform .12s,border-color .15s;display:flex;position:relative}.pick-card:hover{background:var(--card-2)}.pick-card:active{transform:scale(.98)}.pick-card.ranked{border-color:#ffc53d66}.pick-card.duel{border-color:#8d6bff59}.pick-card.locked{opacity:.75}.pk-icon{background:var(--card-2);border-radius:18px;flex:none;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.pick-card.practice .pk-icon{background:#3182f629}.pick-card.ranked .pk-icon{background:#ffc53d24}.pick-card.duel .pk-icon{background:#8d6bff29}.pk-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pk-body b{letter-spacing:-.02em;font-size:20px;font-weight:900}.pk-desc{color:var(--sub);font-size:13px}.pk-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.pk-go{color:var(--muted);flex:none;font-size:22px}.entry-row{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 4px;display:flex}.entry-tag{color:#9cc2ff;background:#3182f629;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:800;display:inline-flex}.entry-row p{min-width:140px;color:var(--muted);flex:1;margin:0;font-size:12.5px}@media (min-width:900px){.today-cell b{font-size:34px}.mode-card.play-now{min-height:150px}.pn-title{font-size:32px}.pn-sub{font-size:15px}.mode-pick{max-width:640px;margin-inline:auto}.pick-card{padding:22px}.pk-icon{border-radius:22px;width:68px;height:68px;font-size:36px}.pk-body b{font-size:23px}.pk-desc{font-size:14px}}.credit-footer{text-align:center;padding:10px 16px calc(14px + var(--safe-b));color:var(--muted);font-size:11px}.badge-dot{background:var(--red);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.img-picker{margin-top:10px}.img-picker-btn{background:var(--card-2);color:var(--sub);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.img-picker-btn:hover{background:var(--card-3)}.img-preview{margin-top:4px;display:inline-block;position:relative}.img-preview img{object-fit:cover;border-radius:12px;max-width:140px;max-height:140px;display:block}.img-preview-remove{background:var(--red);color:#fff;border:2px solid var(--bg);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;position:absolute;top:-8px;right:-8px}.mc-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mc-item{background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:18px;padding:14px}.mc-item.unread{border-color:#3182f680}.mc-item-head{align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.mc-status{background:var(--card-2);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11px;font-weight:700}.mc-status.resolved{background:var(--green-soft);color:#6ee7ad}.mc-item-msg{color:var(--sub);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13.5px;display:-webkit-box;overflow:hidden}.mc-item-foot{color:var(--muted);justify-content:space-between;font-size:11.5px;display:flex}.thread-title{align-items:center;gap:6px;margin-bottom:12px;font-size:15px;font-weight:800;display:flex}.msg-thread{flex-direction:column;gap:10px;max-height:50vh;padding-right:2px;display:flex;overflow-y:auto}.msg-bubble{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.msg-bubble.admin{background:var(--blue-soft);border-color:#3182f659}.msg-bubble-head{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11.5px;display:flex}.msg-bubble-head b{color:var(--sub);font-size:12.5px}.msg-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:13.5px;line-height:1.5}.msg-img{object-fit:cover;border-radius:10px;max-width:100%;max-height:220px;margin-top:8px;display:block}.admin-root{background:var(--bg);min-height:100dvh;color:var(--text)}.admin-login{place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-login-card{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:24px;width:100%;max-width:360px;padding:32px 24px}.admin-login-mark{margin-bottom:10px;font-size:40px;display:block}.admin-login-card h1{margin:0 0 6px;font-size:20px;font-weight:900}.admin-login-card p{color:var(--sub);margin:0 0 18px;font-size:13px}.admin-login-error{color:var(--red);margin:8px 0 0;font-size:12.5px}.admin-input{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--text);font-size:15px;font-family:var(--ui);border-radius:14px;padding:12px 14px}.admin-input.sm{width:auto;padding:9px 12px;font-size:13px}.admin-input:focus{outline:2px solid var(--blue);outline-offset:-1px}.admin-btn{cursor:pointer;font-size:14px;font-weight:800;font-family:var(--ui);border:none;border-radius:14px;padding:12px 18px;transition:opacity .15s,transform .1s}.admin-btn:active{transform:scale(.97)}.admin-btn:disabled{opacity:.6;cursor:default}.admin-btn-primary{background:var(--blue);color:#fff;width:100%;margin-top:14px}.admin-btn-ghost{background:var(--card-2);color:var(--text)}.admin-btn-danger{background:var(--red-soft);color:#ff8f99}.admin-btn.sm{border-radius:10px;padding:7px 12px;font-size:12.5px}.admin-shell{max-width:880px;padding:20px 16px calc(40px + var(--safe-b));margin:0 auto}.admin-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.admin-header-title{align-items:center;gap:12px;display:flex}.admin-mark{background:var(--blue);color:#fff;width:44px;height:44px;font-family:var(--jp);border-radius:14px;flex:none;place-items:center;font-size:22px;font-weight:700;display:grid}.admin-header-title h1{margin:0;font-size:17px;font-weight:900}.admin-header-title p{color:var(--muted);margin:2px 0 0;font-size:12px}.admin-tabs{gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.admin-tab{border:1px solid var(--line);background:var(--card);color:var(--sub);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:10px 16px;font-size:13.5px;font-weight:800;display:flex}.admin-tab.on{background:var(--blue);border-color:var(--blue);color:#fff}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.admin-seg{gap:6px;display:flex}.admin-chip{border:1px solid var(--line);background:var(--card);color:var(--sub);cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700}.admin-chip.on{background:var(--blue-soft);border-color:var(--blue);color:#9cc2ff}.admin-section-title{margin:0;font-size:15px;font-weight:800}.admin-empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:13.5px}.admin-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px}.admin-card.muted{opacity:.6}.admin-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.admin-card-nick{font-size:13.5px;font-weight:800}.admin-card-date{color:var(--muted);font-size:11.5px}.admin-card-msg{white-space:pre-wrap;word-break:break-word;margin:0 0 10px;font-size:14px;line-height:1.5}.admin-card-actions{gap:8px;display:flex}.admin-card.security{background:#f0445212;border-color:#f0445273}.admin-card.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-card.clickable{cursor:pointer;transition:background .15s}.admin-card.clickable:hover{background:var(--card-2)}.admin-thumb{object-fit:cover;border-radius:10px;max-width:160px;max-height:120px;margin-bottom:10px;display:block}.admin-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-reply-count{color:var(--sub);font-size:12px;font-weight:700}.admin-unread-dot{background:var(--blue);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.admin-thread-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0;display:flex}.admin-msg-thread{flex-direction:column;gap:10px;max-height:55vh;display:flex;overflow-y:auto}.admin-msg-bubble{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.admin-msg-bubble.admin{background:var(--blue-soft);border-color:#3182f659}.admin-msg-head{color:var(--muted);justify-content:space-between;gap:8px;margin-bottom:4px;font-size:11.5px;display:flex}.admin-msg-head b{color:var(--sub);font-size:12.5px}.admin-msg-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:13.5px;line-height:1.5}.admin-msg-img{object-fit:cover;border-radius:10px;max-width:100%;max-height:260px;margin-top:8px;display:block}.admin-type-badge{background:var(--card-2);color:var(--sub);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.admin-type-badge.security{background:var(--red-soft);color:#ff8f99}.admin-type-badge.bug{color:#ff8f99;background:#f0445224}.admin-type-badge.suggestion{background:var(--gold-soft);color:#ffd776}.admin-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.admin-stat{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:4px;padding:14px;display:flex}.admin-stat small{color:var(--muted);font-size:11.5px;font-weight:700}.admin-stat b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:900}.admin-stat-wide{grid-column:1/-1}.admin-rank-list{background:var(--card);border:1px solid var(--line);border-radius:18px;margin:0;padding:0;list-style:none;overflow:hidden}.admin-rank-list li{align-items:center;gap:10px;padding:11px 14px;display:flex}.admin-rank-list li+li{border-top:1px solid var(--line)}.admin-rank-no{text-align:center;width:20px;color:var(--muted);font-size:13px;font-weight:800}.admin-rank-nick{flex:1;font-size:14px;font-weight:700}.admin-rank-val{color:var(--sub);font-size:12.5px}.admin-table-wrap{border:1px solid var(--line);border-radius:18px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13.5px}.admin-table th,.admin-table td{text-align:left;white-space:nowrap;padding:11px 14px}.admin-table thead tr{background:var(--card-2)}.admin-table th{color:var(--muted);font-size:11.5px;font-weight:800}.admin-table tbody tr{background:var(--card)}.admin-table tbody tr+tr{border-top:1px solid var(--line)}.admin-table-actions{gap:8px;display:flex}@media (min-width:640px){.admin-stat-grid{grid-template-columns:repeat(3,1fr)}}