:root{--bg: #e6e4df;--bg-deep: #d4d0c8;--ink: #111110;--muted: #5c5a55;--line: rgba(17, 17, 16, .14);--accent: #b8ff1a;--accent-ink: #111110;--card: rgba(255, 255, 255, .55);--danger: #ff3b1f;--shadow: 0 18px 50px rgba(17, 17, 16, .12);--display: "Bebas Neue", "Oswald", "Arial Narrow", "Noto Sans SC", sans-serif;--brand-display: "ZCOOL QingKe HuangYou", "Noto Sans SC", sans-serif;--sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}html{scrollbar-gutter:stable both-edges}body{font-family:var(--sans);overflow-y:scroll;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(184,255,26,.28),transparent 55%),radial-gradient(900px 500px at 100% 0%,rgba(255,59,31,.12),transparent 50%),linear-gradient(160deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.heipa-load-banner{display:none;position:sticky;top:0;z-index:90;margin:0;padding:.55rem 2.4rem .55rem 1rem;background:#111110;color:#f4f1ea;font-size:.86rem;line-height:1.4;text-align:center}.heipa-load-banner.is-on{display:block}.heipa-load-banner p{margin:0}.heipa-load-banner-close{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:inherit;font-size:1.2rem;line-height:1;padding:.2rem .4rem}.rank-retry-hint{margin:.35rem 0 .85rem;color:var(--muted);font-size:.88rem;text-align:center}#rank-retry-btn{display:block;margin:0 auto 1rem}#app{position:relative;z-index:1;min-height:100vh}#app:has(.hero){min-height:max(100vh,56rem)}button,a{font:inherit}button{cursor:pointer}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 3.5rem}.topbar-brand-col{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.topbar-actions{display:flex;align-items:center;gap:.5rem;flex:none;padding-top:.15rem}a.ghost-btn{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.mode-hint{margin:.55rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.45}.setup-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;align-items:center}.setup-actions .primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pick-status{position:sticky;top:0;z-index:5;margin:0 0 .85rem;padding:.65rem 1rem;border-radius:999px;border:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;font-size:.92rem;color:var(--ink);width:fit-content}.pick-status.is-ready{border-color:transparent;background:var(--accent);color:#111}.song-preview.pick-mode li{cursor:pointer;-webkit-user-select:none;user-select:none}.song-preview.pick-mode li.is-picked{border-color:#11111059;background:#b9ff4638}.song-preview.pool-mode li.in-field{border-color:#11111047;background:#b9ff4629}.song-preview.pool-mode li:not(.in-field){opacity:.78}.song-field-tag{flex:none;width:1.35rem;height:1.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;background:var(--accent);color:#111}.song-field-tag.muted{background:#11111014;color:var(--muted);font-size:.58rem;font-weight:700}.song-pick-cb{width:1.05rem;height:1.05rem;flex:none;accent-color:#111;cursor:pointer}.setup-expand-btn{display:block;width:100%;margin:1.1rem 0 .25rem;padding:.9rem 1rem;border-radius:999px;border:1px dashed var(--line);background:#ffffff8c;color:var(--ink);font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,border-color .2s ease}.setup-expand-btn:hover:not(:disabled){background:#ffffffd9;border-color:#11111047}.setup-expand-btn:disabled{opacity:.55;cursor:wait}.setup-toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%) translateY(120%);z-index:80;max-width:min(92vw,22rem);padding:.7rem 1.1rem;border-radius:999px;background:#111110eb;color:#fff;font-size:.88rem;font-weight:600;pointer-events:none;opacity:0;transition:transform .25s ease,opacity .25s ease}.setup-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.shell-wide{width:min(1560px,calc(100% - .75rem));max-width:100%;box-sizing:border-box;overflow-x:hidden}.bracket-preview{display:flex;flex-direction:column;min-height:calc(100vh - 5.25rem);min-height:calc(100dvh - 5.25rem);width:100%;max-width:100%;overflow:hidden}.bracket-preview-head{display:flex;align-items:center;justify-content:center;gap:.85rem;flex:0 0 auto;text-align:center;margin:0 auto;width:fit-content;max-width:100%}.bracket-preview-head .setup-avatar{width:3.1rem;height:3.1rem;border-radius:50%;border:2px solid rgba(255,255,255,.95);box-shadow:0 6px 18px #1111102e}.bracket-preview-copy{text-align:left}.bracket-preview h1,.bracket-title-fx{font-family:var(--display);font-size:clamp(1.35rem,3.2vw,2.05rem);letter-spacing:.03em;margin:0}.rapper-name{position:relative;display:inline-block;background:linear-gradient(120deg,#111110,#2a2a28 35%,#b8ff1a 52%,#111110 70%,#111110);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rapper-shine 4.5s ease-in-out infinite;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.rapper-name:after{content:"";position:absolute;left:6%;right:6%;bottom:-.12em;height:.18em;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(184,255,26,.85),transparent);opacity:.9}.bracket-preview-head p{margin:.2rem 0 0;color:var(--muted);font-size:.84rem}@keyframes rapper-shine{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.bracket-actions{margin-top:.75rem;margin-bottom:.25rem;justify-content:center;flex:0 0 auto}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-content:center;gap:.35rem;pointer-events:none;background:radial-gradient(circle at center,rgba(17,17,16,.18),transparent 55%)}.countdown-overlay.is-ready{pointer-events:none;background:transparent;transition:opacity .28s ease}.countdown-overlay.is-ready.is-out{opacity:0}.bracket-ready-hint{margin:0;font-family:var(--display);font-size:clamp(2.7rem,10.8vw,4.6rem);letter-spacing:.12em;line-height:1;text-align:center;color:#b8ff1ab8;text-shadow:0 0 18px rgba(184,255,26,.28),0 2px 10px rgba(17,17,16,.12);animation:bracket-ready-fade 1.6s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}@keyframes bracket-ready-fade{0%,to{opacity:.45}50%{opacity:.85}}.countdown-num{font-family:var(--display);font-size:clamp(7.5rem,28vw,14rem);line-height:.85;letter-spacing:.04em;text-align:center;color:var(--accent);-webkit-text-stroke:1.5px rgba(17,17,16,.55);paint-order:stroke fill;text-shadow:0 0 24px rgba(184,255,26,.45),0 8px 28px rgba(17,17,16,.22)}.countdown-num.pop{animation:countdown-pop .55s cubic-bezier(.2,1.4,.3,1)}.countdown-tip{text-align:center;font-size:.95rem;font-weight:600;letter-spacing:.12em;color:var(--muted)}@keyframes countdown-pop{0%{transform:scale(.55);opacity:.2}55%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.bracket-fit{flex:1 1 auto;width:100%;max-width:100%;min-width:0;min-height:18rem;overflow:hidden;margin-top:.45rem;display:flex;align-items:center;justify-content:center}.bracket-board.is-split{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 9.5rem minmax(0,1fr);gap:.45rem;align-items:stretch;width:max-content;margin:0 auto;padding:.25rem;isolation:isolate}.path-chain-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.path-chain-glow{stroke:#a8d63a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.14;animation:path-aura-soft 2.8s ease-in-out infinite}@keyframes path-aura-soft{0%,to{opacity:.08}50%{opacity:.2}}.path-chain-line{stroke:#8fbf20;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.88;stroke-dasharray:none;animation:path-line-soft 2.8s ease-in-out infinite;filter:drop-shadow(0 0 1.5px rgba(184,255,26,.28))}@keyframes path-line-soft{0%,to{opacity:.72}50%{opacity:.95}}.bracket-slot.on-path{position:relative;z-index:4;background:#c9e87873!important;box-shadow:0 0 0 1.5px #8fbf2080}.bracket-board.has-champ-path .bracket-slot.is-loser{opacity:.38;filter:grayscale(.2)}.bracket-board.has-champ-path .bracket-slot.is-winner:not(.on-path){opacity:.78}.bracket-board.has-champ-path .bracket-slot.on-path{opacity:1;filter:none}.bracket-match.has-path{border-color:#8fbf2073;box-shadow:none;overflow:visible}.bracket-board.is-split.has-champ-path{grid-template-columns:minmax(0,1fr) 12rem minmax(0,1fr);gap:.55rem;align-items:center}.champ-path-wrap{position:relative;border-radius:6px}.champ-path-wrap .bracket-slot.on-path{box-shadow:0 0 0 1.5px #8fbf20d9}.champ-path-wrap:after{content:"♛";position:absolute;top:-.55rem;right:-.35rem;font-size:.95rem;line-height:1;z-index:5;color:#e6b800;text-shadow:0 1px 0 rgba(0,0,0,.18)}.bracket-center.is-hero{align-items:center;justify-content:center;gap:.85rem;padding:.35rem .15rem .5rem;z-index:4}.bracket-center.is-hero .bracket-round-label{font-size:.85rem;opacity:.7}.bracket-center.is-hero .bracket-final{width:100%;transform:scale(.96);transform-origin:center top}.bracket-champ-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;padding:.35rem 0 .15rem;z-index:5}.champ-hero-aura{position:absolute;left:50%;top:42%;width:11.5rem;height:11.5rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(184,255,26,.28) 0%,rgba(184,255,26,.1) 38%,transparent 70%);filter:none;animation:none;pointer-events:none;z-index:0}.champ-hero-orbit{display:none}.champ-hero-cover-wrap{position:relative;width:8.05rem;height:8.05rem;z-index:2;border-radius:14px;box-shadow:0 0 0 1.5px #8fbf20bf,0 12px 28px #11111038}.champ-hero-cover{width:100%;height:100%;object-fit:cover;border-radius:14px;display:block;background:#1111101f}.champ-hero-crown{position:absolute;top:-.75rem;right:-.6rem;font-size:1.7rem;line-height:1;color:#ffe566;text-shadow:0 0 6px rgba(255,220,80,.95),0 0 14px rgba(255,200,40,.75),0 0 22px rgba(255,180,0,.45),0 1px 0 rgba(0,0,0,.25);animation:crown-shine 1.5s ease-in-out infinite;transform-origin:50% 80%;z-index:6}@keyframes crown-shine{0%,to{transform:rotate(8deg) translateY(0) scale(1);filter:brightness(1) drop-shadow(0 0 4px rgba(255,215,64,.55))}50%{transform:rotate(12deg) translateY(-3px) scale(1.1);filter:brightness(1.4) drop-shadow(0 0 12px rgba(255,235,120,.95))}}@media(prefers-reduced-motion:reduce){.path-chain-line{animation:none;filter:drop-shadow(0 0 1.5px rgba(184,255,26,.28));opacity:.88}.path-chain-glow{animation:none;opacity:.12;stroke-width:4}.champ-hero-crown{animation:none;filter:brightness(1.15)}}.champ-hero-crown:before,.champ-hero-crown:after{content:none;display:none}.champ-hero-badge{position:relative;z-index:2;margin-top:.7rem;display:inline-flex;align-items:center;justify-content:center;padding:.28rem .75rem;border-radius:999px;background:linear-gradient(120deg,#c8ff3d,#b8ff1a 45%,#9ad600);color:#111110;font-size:.68rem;font-weight:800;letter-spacing:.08em;box-shadow:0 6px 18px #b8ff1a59}.champ-hero-title{position:relative;z-index:2;margin:.45rem auto 0;font-family:var(--display);font-size:1.35rem;letter-spacing:.04em;line-height:1.15;width:100%;max-width:14rem;text-align:center;color:#c9a227;text-shadow:0 1px 0 rgba(255,248,220,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-hero-meta{position:relative;z-index:2;margin:.25rem auto 0;width:100%;max-width:14rem;text-align:center;color:#a67c00;font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes champ-aura-pulse{0%,to{transform:translate(-50%,-50%) scale(.92);opacity:.75}50%{transform:translate(-50%,-50%) scale(1.08);opacity:1}}@keyframes champ-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes champ-crown-bob{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-3px) rotate(6deg)}}@keyframes champ-crown-sparkle{0%,to{color:#e6c200;filter:brightness(1) drop-shadow(0 0 3px rgba(255,215,0,.7)) drop-shadow(0 2px 3px rgba(120,80,0,.35))}40%{color:#ffe566;filter:brightness(1.35) drop-shadow(0 0 8px rgba(255,236,140,1)) drop-shadow(0 0 16px rgba(255,200,0,.85))}70%{color:#fff3a8;filter:brightness(1.5) drop-shadow(0 0 10px rgba(255,255,200,.95)) drop-shadow(0 0 18px rgba(255,215,0,.75))}}@keyframes champ-spark-twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.bracket-board.has-center-bg:before{content:"";position:absolute;left:50%;top:46%;width:min(72%,38rem);height:min(100%,42rem);transform:translate(-50%,-50%);background-image:var(--artist-bg);background-size:cover;background-position:center 16%;background-repeat:no-repeat;opacity:.72;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 55% 58% at 50% 42%,#000 0%,#000 22%,rgba(0,0,0,.85) 38%,rgba(0,0,0,.45) 58%,rgba(0,0,0,.12) 78%,transparent 100%);mask-image:radial-gradient(ellipse 55% 58% at 50% 42%,#000 0%,#000 22%,rgba(0,0,0,.85) 38%,rgba(0,0,0,.45) 58%,rgba(0,0,0,.12) 78%,transparent 100%)}.bracket-board.has-center-bg:after{content:"";position:absolute;left:50%;top:46%;width:min(72%,38rem);height:min(100%,42rem);transform:translate(-50%,-50%);z-index:0;pointer-events:none;background:radial-gradient(ellipse 55% 58% at 50% 42%,#e6e4df0d,#e6e4df2e 45%,#e6e4df8c 75%,#e6e4dff2);-webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 42%,#000 0%,#000 30%,rgba(0,0,0,.5) 60%,transparent 100%);mask-image:radial-gradient(ellipse 58% 62% at 50% 42%,#000 0%,#000 30%,rgba(0,0,0,.5) 60%,transparent 100%)}.bracket-board>.bracket-wing,.bracket-board>.bracket-center{position:relative;z-index:1}.bracket-wing{display:flex;gap:.35rem;min-width:0}.bracket-wing-left{justify-content:flex-end}.bracket-wing-right{justify-content:flex-start}.bracket-round{flex:1 1 0;display:flex;flex-direction:column;width:8.6rem;min-width:8.6rem}.bracket-round-label{font-family:var(--display);font-size:.95rem;letter-spacing:.03em;margin-bottom:.35rem;text-align:center;white-space:nowrap}.bracket-round-matches{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:.35rem}.bracket-match{display:flex;flex-direction:column;gap:1px;padding:0;background:transparent;border:1px solid var(--line);border-radius:4px;overflow:hidden;box-shadow:0 4px 12px #1111100d}.bracket-board.has-champ-path .bracket-match.has-path{overflow:visible}.bracket-slot{display:grid;grid-template-columns:1.55rem 1fr;gap:.35rem;align-items:center;min-height:1.7rem;padding:.22rem .32rem;background:#ffffffd1}.bracket-slot+.bracket-slot{border-top:1px solid var(--line)}.bracket-slot.is-empty{grid-template-columns:1fr;color:var(--muted);font-size:.72rem;padding:.28rem .32rem;border:none;border-radius:0;text-align:center;justify-items:center}.bracket-slot-cover{width:1.55rem;height:1.55rem;object-fit:cover;border-radius:2px;background:#11111014}.bracket-slot-title{display:block;font-size:.72rem;font-weight:600;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracket-center{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.7rem;padding-top:1rem}.bracket-final{background:#b8ff1a38;border-color:#11111038}.bracket-final .bracket-slot{background:#ffffffb3}.bracket-champ{display:flex;flex-direction:column;gap:.3rem}.champ-slot{width:100%;min-height:2rem;background:#fff9;text-align:center}.shell:has(.hero) .topbar{margin-bottom:.75rem}.shell:has(.hero) .topbar-actions .ghost-btn[href="#/rank"],.shell:has(.hero) .topbar-actions .rank-link{position:relative;background:var(--accent);border-color:transparent;color:var(--accent-ink);font-weight:800;letter-spacing:.06em;padding:.5rem 1.05rem;box-shadow:0 0 #b8ff1a8c,0 6px 18px #b8ff1a59;animation:rank-btn-pulse 1.8s ease-in-out infinite}.shell:has(.hero) .topbar-actions .ghost-btn[href="#/rank"]:after,.shell:has(.hero) .topbar-actions .rank-link:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:1.5px solid rgba(184,255,26,.7);animation:rank-btn-ring 1.8s ease-out infinite;pointer-events:none}.shell:has(.hero) .topbar-actions .ghost-btn[href="#/rank"]:hover,.shell:has(.hero) .topbar-actions .rank-link:hover{filter:brightness(1.06);transform:translateY(-1px)}.shell:has(.hero) .topbar-actions .hangla-top-btn{position:relative;border:none;background:var(--ink);color:#fff;font-weight:700;letter-spacing:.04em;padding:.5rem 1.05rem;white-space:nowrap;box-shadow:0 0 0 3px #1111102e,0 6px 16px #11111038;animation:hangla-btn-pulse 2s ease-in-out infinite}.shell:has(.hero) .topbar-actions .guide-top-btn{border:1px solid var(--line);background:#ffffff8c;color:var(--ink);font-weight:600;letter-spacing:.06em;padding:.48rem .95rem;opacity:.88;box-shadow:none}.shell:has(.hero) .topbar-actions .guide-top-btn:hover{opacity:1;background:#ffffffe6;transform:translateY(-1px);filter:none}.shell:has(.hero) .topbar-actions .hangla-top-btn:hover{background:#000;transform:translateY(-1px);filter:brightness(1.08)}.shell:has(.hero) .topbar-actions .beef-top-btn{position:relative;border:none;background:#ff2d55;color:#fff;font-weight:800;letter-spacing:.04em;padding:.5rem 1.05rem;white-space:nowrap;box-shadow:0 0 0 3px #ff2d5538,0 6px 16px #ff2d5559;animation:beef-btn-pulse 2s ease-in-out infinite}.shell:has(.hero) .topbar-actions .beef-top-btn:hover{background:#ff1744;transform:translateY(-1px);filter:brightness(1.06)}.shell:has(.hero) .topbar-actions .artist-pk-top-btn{position:relative;border:none;background:var(--accent, #b8ff1a);color:#111110;font-weight:800;letter-spacing:.04em;padding:.5rem 1.05rem;white-space:nowrap;box-shadow:0 0 0 3px #b8ff1a47,0 6px 16px #b8ff1a59;animation:artist-pk-btn-pulse 2s ease-in-out infinite}.shell:has(.hero) .topbar-actions .artist-pk-top-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.shell:has(.hero) .topbar-actions .duel-king-top-btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,215,120,.85);background:linear-gradient(115deg,#8a5a12,#c9922a 18%,#ffe08a 38%,#f0c14d 52%,#b8781c 72%,#ffe7a8 88%,#a36b16);background-size:220% 220%;color:#3a2408;font-weight:800;letter-spacing:.04em;padding:.5rem 1.05rem;white-space:nowrap;text-shadow:0 1px 0 rgba(255,248,220,.55);box-shadow:0 0 0 3px #f0c14d47,0 0 18px #ffd25a73,0 6px 16px #a86e1459;animation:duel-king-btn-pulse 2s ease-in-out infinite,duel-king-btn-shine 2.8s linear infinite}.shell:has(.hero) .topbar-actions .duel-king-top-btn:after{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,rgba(255,248,210,.85) 50%,rgba(255,255,255,.45) 52%,transparent 65%);transform:translate(-45%) rotate(8deg);animation:duel-king-btn-sweep 2.8s ease-in-out infinite;pointer-events:none;z-index:1;mix-blend-mode:soft-light}.shell:has(.hero) .topbar-actions .duel-king-top-btn:hover{filter:brightness(1.08) saturate(1.08);transform:translateY(-1px);box-shadow:0 0 0 3px #f0c14d61,0 0 24px #ffdc6ea6,0 8px 18px #a86e146b}@keyframes artist-pk-btn-pulse{0%,to{box-shadow:0 0 0 3px #b8ff1a3d,0 6px 16px #b8ff1a4d}50%{box-shadow:0 0 0 5px #b8ff1a1f,0 8px 18px #b8ff1a6b}}@keyframes duel-king-btn-pulse{0%,to{box-shadow:0 0 0 3px #f0c14d42,0 0 14px #ffd25a66,0 6px 16px #a86e1452}50%{box-shadow:0 0 0 5px #f0c14d24,0 0 26px #ffe68cb3,0 8px 20px #a86e1473}}@keyframes duel-king-btn-shine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes duel-king-btn-sweep{0%,18%{transform:translate(-55%) rotate(8deg);opacity:0}35%{opacity:.95}55%{transform:translate(55%) rotate(8deg);opacity:0}to{transform:translate(55%) rotate(8deg);opacity:0}}@keyframes beef-btn-pulse{0%,to{box-shadow:0 0 0 3px #ff2d5533,0 6px 16px #ff2d5552}50%{box-shadow:0 0 0 5px #ff2d551a,0 8px 18px #ff2d556b}}@keyframes hangla-btn-pulse{0%,to{box-shadow:0 0 0 3px #11111029,0 6px 16px #11111033}50%{box-shadow:0 0 0 5px #11111014,0 8px 18px #11111047}}@media(prefers-reduced-motion:reduce){.shell:has(.hero) .topbar-actions .hangla-top-btn,.shell:has(.hero) .topbar-actions .beef-top-btn,.shell:has(.hero) .topbar-actions .artist-pk-top-btn,.shell:has(.hero) .topbar-actions .duel-king-top-btn{animation:none}.shell:has(.hero) .topbar-actions .duel-king-top-btn:after{display:none}.bracket-ready-hint{animation:none;opacity:.7}}@media(max-width:640px){.shell:has(.hero) .topbar-actions .hangla-top-btn,.shell:has(.hero) .topbar-actions .guide-top-btn,.shell:has(.hero) .topbar-actions .artist-pk-top-btn,.shell:has(.hero) .topbar-actions .duel-king-top-btn{padding:.45rem .75rem;font-size:.82rem}}@keyframes rank-btn-pulse{0%,to{box-shadow:0 0 #b8ff1a80,0 6px 18px #b8ff1a4d}50%{box-shadow:0 0 0 6px #b8ff1a00,0 8px 22px #b8ff1a73}}@keyframes rank-btn-ring{0%{transform:scale(.92);opacity:.85}to{transform:scale(1.28);opacity:0}}.rank-report{margin:.75rem 0 0;color:var(--muted);font-size:.92rem}.rank-page h1{font-family:var(--display);font-size:clamp(2.4rem,8vw,4rem);letter-spacing:.04em;margin:0}.rank-head-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem}.rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem 1.25rem;flex-wrap:wrap;margin-bottom:.35rem}.rank-head-main{flex:1 1 12rem;min-width:0}.rank-weekly-hot{flex:0 1 22rem;width:min(100%,22rem);min-height:9.5rem;padding:.65rem .75rem .55rem;border-radius:14px;border:1px solid rgba(40,48,28,.1);background:linear-gradient(165deg,#ffffffeb,#f4f8e8bf);box-shadow:0 6px 18px #141c080a}.rank-weekly-hot-inner{display:flex;flex-direction:column;gap:.35rem}.rank-weekly-hot-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.rank-weekly-hot-title{font-size:.82rem;font-weight:700;letter-spacing:.02em;color:#2a3218}.rank-weekly-hot-tip{font-size:.68rem;color:#6a7a3a;white-space:nowrap}.rank-weekly-hot-svg{width:100%;height:auto;display:block}.rank-weekly-hot-bar{transition:opacity .15s ease}.rank-weekly-hot-bar-val{fill:#3d5210;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.rank-weekly-hot-bar-name{font-size:9px;font-weight:700}.rank-weekly-hot-bar-rank{font-size:8px;font-weight:600;opacity:.85}.rank-weekly-hot-empty{font-size:.78rem;line-height:1.45;color:#6a7a3a;padding:1.1rem .35rem;text-align:center}@media(max-width:720px){.rank-head{flex-direction:column}.rank-weekly-hot{width:100%;flex-basis:auto}}.rank-total-wins.rank-grand-total{min-width:7.2rem;padding:.55rem 1.15rem;border-radius:999px;border:1px solid rgba(154,214,0,.38);background:linear-gradient(160deg,#d4ff4a24,#ffffffb8 55%);box-shadow:0 0 0 1px #b8ff1a14,0 4px 14px #9ad60014}.rank-grand-total:before,.rank-grand-total:after{content:none;display:none}.rank-grand-total.rank-total-wins--accent .rank-total-wins-label{color:#5f7a12;opacity:.85;font-size:.7rem;letter-spacing:.04em;animation:rank-accent-glow 2.8s ease-in-out infinite}.rank-grand-total.rank-total-wins strong{color:#3d5210;font-family:inherit;font-size:1.15rem;font-weight:800;line-height:1.15;letter-spacing:0;text-shadow:none}.rank-sub{margin:.35rem 0 0;color:var(--muted)}.rank-tabs{display:flex;gap:.5rem;margin:1.25rem 0 .85rem;flex-wrap:wrap;align-items:flex-start}.rank-tabs .rank-tab-artist-pk:not(.active){background:color-mix(in srgb,var(--accent, #b8ff1a) 28%,#fff);border-color:color-mix(in srgb,var(--accent, #b8ff1a) 55%,var(--line));font-weight:700}.rank-region-row{margin:0 0 .65rem}.rank-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem;min-height:28rem}.rank-list-hangla{min-height:20rem}.rank-hangla-hint{margin:0;grid-column:1 / -1;font-size:.82rem;color:var(--muted);line-height:1.45}.rank-hangla-board{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%}.rank-hangla-col{min-width:0;border-radius:14px;border:1px solid rgba(17,17,16,.08);background:#ffffff8c;padding:.65rem .55rem .75rem}.rank-hangla-col-title{margin:0 0 .55rem;font-size:.95rem;font-weight:800;letter-spacing:.02em;text-align:center}.rank-hangla-col--hang .rank-hangla-col-title{color:#1a1a18}.rank-hangla-col--lale .rank-hangla-col-title{color:#5a5a56}.rank-hangla-col-list{display:flex;flex-direction:column;gap:.4rem}.rank-row-hangla{grid-template-columns:1.5rem 2.5rem 1fr;gap:.4rem;padding:.4rem .35rem}.rank-row-hangla .rank-cover{width:2.5rem;height:2.5rem}.rank-row-hangla .rank-title{font-size:.82rem}.rank-row-hangla .rank-desc{font-size:.7rem}@media(max-width:640px){.rank-hangla-board{gap:.55rem}.rank-hangla-col{padding:.5rem .35rem .6rem}.rank-hangla-col-title{font-size:.85rem}.rank-row-hangla{grid-template-columns:1.2rem 2.1rem 1fr}}.rank-row-skeleton{opacity:.55;pointer-events:none}.rank-cover-skel{width:3.2rem;height:3.2rem;border-radius:3px;background:#11111014}.rank-skel-line{height:.72rem;width:68%;border-radius:4px;background:#11111014}.rank-skel-line.short{width:42%;margin-top:.4rem}.rank-more-sentinel{height:1px;width:100%;pointer-events:none}.rank-row{display:grid;grid-template-columns:2.2rem 3.2rem 1fr;gap:.75rem;align-items:center;padding:.55rem .65rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.rank-row-label{grid-template-columns:2.2rem 3.2rem 1fr auto}.rank-matchup-btn{flex:none;border:1px solid rgba(17,17,16,.14);background:#ffffffdb;color:#5f5d57;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1;padding:.48rem .7rem;cursor:pointer;white-space:nowrap}.rank-matchup-btn:hover{color:#2a2a28;border-color:#9ad60073;background:#d4ff4a2e}.label-matchup-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:1rem;background:#080808b8;opacity:0;pointer-events:none;transition:opacity .18s ease}.label-matchup-modal.is-on{opacity:1;pointer-events:auto}.label-matchup-panel{width:min(420px,94vw);max-height:min(78vh,36rem);overflow:auto;background:#141414;color:#f4f4f2;border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 22px 60px #0000007a;padding:1rem 1rem 1.1rem}.label-matchup-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.label-matchup-head h3{margin:0;font-size:1.02rem;font-weight:800}.label-matchup-close{width:2rem;height:2rem;border:none;border-radius:999px;background:#ffffff1f;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer}.label-matchup-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.label-matchup-list li{display:flex;flex-direction:column;gap:.35rem;padding:.55rem .65rem;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.label-matchup-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.label-matchup-row-meta{display:flex;flex-direction:column;gap:.18rem;min-width:0;flex:1}.label-matchup-list strong{font-size:.9rem}.label-matchup-list span{font-size:.78rem;color:#f4f4f2b8}.label-champ-toggle{flex-shrink:0;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#f4f4f2eb;border-radius:999px;padding:.28rem .62rem;font-size:.72rem;font-weight:650;line-height:1.2;cursor:pointer;white-space:nowrap}.label-champ-toggle.is-on{background:#ffffff24;border-color:#ffffff47}.label-champ-panel{margin-top:.15rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.08)}.label-champ-empty{margin:0;font-size:.76rem;color:#f4f4f28c;line-height:1.4}.label-champ-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.label-champ-list>li{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:0;border:none;background:transparent;border-radius:0}.label-champ-cover{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#ffffff14}.label-champ-meta{min-width:0;display:flex;flex-direction:column;gap:.1rem}.label-champ-meta strong{font-size:.82rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-champ-meta span{font-size:.72rem;color:#f4f4f29e}.label-matchup-done{margin-top:.9rem;width:100%;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;border-radius:12px;padding:.7rem 1rem;font-weight:700;cursor:pointer}@media(max-width:640px){.rank-row-label{grid-template-columns:1.8rem 2.6rem 1fr;grid-template-areas:"num cover meta" "btn btn btn"}.rank-row-label .rank-num{grid-area:num}.rank-row-label .rank-cover,.rank-row-label .rank-cover-skel{grid-area:cover}.rank-row-label .rank-meta{grid-area:meta}.rank-row-label .rank-matchup-btn{grid-area:btn;justify-self:stretch;margin-top:.15rem}}.rank-num{font-family:var(--display);font-size:1.35rem;text-align:center;color:var(--muted)}.rank-num.top1,.rank-num.top2,.rank-num.top3{color:#b8860b}.rank-num.top1{color:#c9a227;text-shadow:0 0 10px rgba(212,175,55,.35)}.rank-num.top2{color:#8a9199;text-shadow:0 0 10px rgba(180,190,200,.35)}.rank-num.top3{color:#a67c52;text-shadow:0 0 10px rgba(184,115,51,.28)}.rank-cover{width:3.2rem;height:3.2rem;object-fit:cover;border-radius:3px;background:#11111014}.rank-cover.round{border-radius:999px}.rank-meta{min-width:0}.rank-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-title.top1,.rank-title.top2,.rank-title.top3{display:inline-block;max-width:100%;font-weight:800;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.rank-title.top1{background-image:linear-gradient(105deg,#8a6a12,#d4af37 35%,#c9a227 65%,#8a6a12);filter:drop-shadow(0 0 3px rgba(212,175,55,.22))}.rank-title.top2{background-image:linear-gradient(105deg,#6d757e,#b8c0c8 35%,#9aa3ab 65%,#6d757e);filter:drop-shadow(0 0 3px rgba(170,180,190,.2))}.rank-title.top3{background-image:linear-gradient(105deg,#7a5230,#c08a5a 35%,#a67c52 65%,#7a5230);filter:drop-shadow(0 0 3px rgba(184,115,51,.18))}.rank-desc{margin-top:.15rem;color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.rank-row{grid-template-columns:1.8rem 2.6rem 1fr;gap:.55rem}}.brand{display:inline-flex;flex-direction:column;gap:.05rem;text-decoration:none;color:inherit}.brand-mark{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:.18em;font-family:var(--brand-display);font-size:clamp(1.45rem,3.2vw,1.95rem);letter-spacing:.04em;line-height:1;font-weight:400;font-style:italic;transform:skew(-8deg)}.brand-mark .bm-a,.brand-mark .bm-b{color:var(--ink)}.brand-mark .bm-b{background:var(--accent);padding:.06em .14em .02em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.brand-sub{font-size:.78rem;color:var(--muted);letter-spacing:.08em}.about-site-btn{margin:.15rem 0 0;padding:.35rem .75rem;border:1px solid rgba(132,204,22,.35);border-radius:.45rem;background:#b8ff1a24;color:#4a7c00;font-size:.82rem;font-weight:800;letter-spacing:.04em;line-height:1.3;cursor:pointer;text-decoration:none;text-shadow:0 0 12px rgba(184,255,26,.35);transition:background .15s ease,border-color .15s ease,color .15s ease}.hero .about-site-btn{justify-self:center}.hero-about-actions{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap}.about-site-btn:hover{color:#3d6600;background:#b8ff1a38;border-color:#84cc168c;text-decoration:none}.donate-ticker{width:min(100%,42rem);margin:.1rem 0 0;padding:.5rem 0;border:1px solid rgba(132,204,22,.35);border-radius:.55rem;background:#b8ff1a24;overflow:hidden;cursor:pointer;text-align:left;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.donate-ticker:hover{background:#b8ff1a38;border-color:#84cc168c}.donate-ticker:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.donate-ticker-track{display:flex;width:max-content;gap:3rem;animation:donate-ticker-scroll 28s linear infinite}.donate-ticker:hover .donate-ticker-track{animation-play-state:paused}.donate-ticker-text{flex:none;white-space:nowrap;font-size:.88rem;font-weight:800;letter-spacing:.02em;color:#4a7c00;text-shadow:0 0 12px rgba(184,255,26,.35)}@keyframes donate-ticker-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1.5rem))}}@media(prefers-reduced-motion:reduce){.donate-ticker-track{animation:none;width:100%;justify-content:center}.donate-ticker-text[aria-hidden=true]{display:none}.donate-ticker-text{white-space:normal;text-align:center;line-height:1.45}}.sponsor-ticker{width:100%;margin:-.35rem 0 .85rem;padding:.55rem 0;border:1px solid rgba(212,175,90,.28);border-radius:.55rem;background:linear-gradient(90deg,#d4af5a0f,#d4af5a24,#d4af5a0f);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.sponsor-ticker-track{display:flex;width:max-content;gap:3rem;animation:donate-ticker-scroll 24s linear infinite}.sponsor-ticker-text{flex:none;white-space:nowrap;font-size:.9rem;font-weight:700;letter-spacing:.04em;color:#d4b87a;text-shadow:0 0 14px rgba(212,175,90,.35)}.sponsor-ticker--match{width:100%;box-sizing:border-box;margin:0 0 .55rem;padding:.38rem 0;border:1px solid rgba(180,150,90,.22);border-radius:.4rem;background:linear-gradient(90deg,#b4965a0d,#b4965a1f,#b4965a0d);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.sponsor-ticker--match .sponsor-ticker-track{animation-duration:32s}.sponsor-ticker--match .sponsor-ticker-text{font-size:.86rem;font-weight:600;letter-spacing:.03em;color:#9a7840;text-shadow:none}@media(prefers-reduced-motion:reduce){.sponsor-ticker-track{animation:none;width:100%;justify-content:center}.sponsor-ticker-text[aria-hidden=true]{display:none}.sponsor-ticker-text{white-space:normal;text-align:center;line-height:1.45}}.home-controls-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(11.5rem,15.5rem);gap:1rem 1.25rem;align-items:start;margin-bottom:.35rem}.home-controls-main{min-width:0}.home-donate-wall{margin-top:1.65rem;padding:.65rem .75rem .7rem;border-radius:.7rem;border:1px solid rgba(212,175,90,.14);background:#d4af5a0d}.home-donate-wall-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.home-donate-wall-title{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#3d34288c;text-transform:uppercase}.home-donate-wall-expand{padding:.15rem .45rem;border:none;border-radius:.35rem;background:transparent;font-size:.72rem;font-weight:600;color:#c4a86ae6;cursor:pointer}.home-donate-wall-expand:hover{background:#d4af5a1a;color:#a88745}.home-donate-wall-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.28rem;max-height:8rem;overflow:hidden}.home-donate-wall-item{display:grid;grid-template-columns:1.35rem minmax(0,1fr) auto;align-items:center;gap:.35rem;min-height:1.45rem;font-size:.8rem;line-height:1.3}.home-donate-wall-rank{text-align:center;font-size:.72rem;opacity:.85}.home-donate-wall-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3d3428d1;font-weight:600}.home-donate-wall-amt{flex:none;font-size:.74rem;font-weight:700;color:#c4a86a}.home-donate-wall-empty{list-style:none}.home-donate-wall-placeholder{width:100%;padding:.35rem .25rem;border:none;background:transparent;font:inherit;font-size:.78rem;color:#3d342873;text-align:center;cursor:pointer}.home-donate-wall-placeholder:hover{color:#a88745f2}.donate-wall-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .22s ease}.donate-wall-modal.is-on{opacity:1;pointer-events:auto}.donate-wall-modal.is-out{opacity:0;pointer-events:none}.donate-wall-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080873}.donate-wall-modal-panel{position:relative;width:min(24rem,100%);max-height:min(85vh,36rem);overflow:hidden;border-radius:1rem;background:var(--card, #faf9f6);color:var(--ink, #111110);border:1px solid rgba(212,175,90,.2);box-shadow:0 20px 50px #0000002e;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1rem .85rem}.donate-wall-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}.donate-wall-modal-head h2{margin:0;font-size:1.05rem;font-weight:800;color:#3d3428e6}.donate-wall-modal-close{width:2rem;height:2rem;border:none;border-radius:.45rem;background:#d4af5a1f;font-size:1.25rem;line-height:1;color:#3d3428b3;cursor:pointer}.donate-wall-modal-close:hover{background:#d4af5a38}.donate-wall-modal-sort{display:flex;gap:.45rem;flex-shrink:0}.donate-wall-sort-chip{padding:.35rem .7rem;border:1px solid rgba(212,175,90,.25);border-radius:999px;background:transparent;font-size:.78rem;font-weight:600;color:#3d3428a6;cursor:pointer}.donate-wall-sort-chip.active{background:#d4af5a2e;border-color:#c4a86a8c;color:#8a6d35}.donate-wall-modal-body{display:flex;flex-direction:column;gap:.55rem;flex:1;min-height:0;overflow:auto}.donate-wall-modal-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.donate-wall-modal-item{padding:.6rem .7rem;border-radius:.65rem;background:#d4af5a0f;border:1px solid rgba(212,175,90,.12)}.donate-wall-modal-item-head{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem}.donate-wall-modal-rank{min-width:1.25rem;font-size:.78rem;font-weight:800;color:#3d342880}.donate-wall-modal-name{font-weight:700;color:#3d3428e0}.donate-wall-modal-tier{padding:.1rem .4rem;border-radius:.3rem;background:#d4af5a24;font-size:.68rem;font-weight:700;color:#a88745}.donate-wall-modal-amt{margin-left:auto;font-size:.8rem;font-weight:800;color:#c4a86a}.donate-wall-modal-msg{margin:.35rem 0 0;font-size:.8rem;line-height:1.45;color:#3d34289e}.donate-wall-modal-empty{margin:0;padding:1rem .5rem;text-align:center;font-size:.84rem;color:#3d342880}.donate-wall-modal-note{margin:0;font-size:.72rem;color:#3d34286b;text-align:center}.donate-wall-modal-actions{display:flex;gap:.55rem;flex-shrink:0;padding-top:.35rem;background:var(--card, #faf9f6);position:relative;z-index:1}.donate-wall-modal-support,.donate-wall-modal-done{flex:1;padding:.65rem .75rem;border-radius:.55rem;font-size:.86rem;font-weight:700;cursor:pointer}.donate-wall-modal-support{border:1px solid rgba(196,168,106,.45);background:#d4af5a29;color:#8a6d35}.donate-wall-modal-support:hover{background:#d4af5a42}.donate-wall-modal-done{border:1px solid var(--line, rgba(0, 0, 0, .1));background:transparent;color:#3d3428b3}@media(max-width:768px){.home-controls-layout{grid-template-columns:1fr;gap:.65rem}.home-donate-wall{margin-top:0;max-height:10.2rem;padding:.55rem .65rem .6rem}.home-donate-wall-list{max-height:6.75rem;gap:.2rem}.home-donate-wall-item{font-size:.78rem;min-height:1.3rem}.home-donate-wall-title,.home-donate-wall-expand{font-size:.68rem}}@media(max-width:640px){.donate-wall-modal-panel{width:100%;max-height:88vh;border-radius:.85rem}.donate-wall-modal-actions{flex-direction:column}}.hero-tagline-lead{display:inline}.hero-tagline-sub{display:block;margin-top:.35rem}.about-site{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .22s ease}.about-site.is-on{opacity:1;pointer-events:auto}.about-site.is-out{opacity:0;pointer-events:none}.about-site-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0808089e}.about-site-panel{position:relative;width:min(26rem,100%);max-height:min(88vh,40rem);overflow:auto;border-radius:1.15rem;background:#141414;color:#f4f4f2;padding:1.15rem 1.15rem 1.05rem;box-shadow:0 24px 60px #00000073;display:flex;flex-direction:column;gap:.95rem}.about-site-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.about-site-head-main{display:flex;align-items:center;gap:.65rem;min-width:0}.about-site-icon{width:2.35rem;height:2.35rem;border-radius:.55rem;background:var(--accent);color:#111;display:grid;place-items:center;font-size:.78rem;overflow:hidden;flex:none}.about-site-icon .brand-heipa{transform:skew(-8deg);font-family:var(--brand-display);font-weight:400}.about-site-head h2{margin:0;font-size:1.25rem;font-weight:800;letter-spacing:.02em}.about-site-close{width:2rem;height:2rem;border:none;border-radius:999px;background:#2a2a2a;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;flex:none}.about-site-close:hover{background:#3a3a3a}.about-site-body{display:flex;flex-direction:column;gap:.75rem}.about-site-body p{margin:0;font-size:.92rem;line-height:1.65;color:#f4f4f2eb}.about-site-section-label{margin-top:.15rem;font-size:.78rem;color:#f4f4f280;letter-spacing:.04em}.about-site-donate{display:flex;flex-direction:column;align-items:center;gap:.65rem;padding:.85rem .9rem 1rem;border-radius:.85rem;background:#2a2a2a;text-align:center}.about-site-donate-copy{margin:0;font-size:.88rem!important;line-height:1.6;color:#f4f4f2e6!important;text-align:left}.about-site-donate-perk-tip{margin:.15rem 0 .1rem!important;font-size:.86rem!important;line-height:1.55!important;color:#f4f4f2eb!important;text-align:left!important}.about-site-perk-link{display:inline;margin:0;padding:0;border:none;background:none;color:#d8ff57;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}.about-site-perk-link:hover{color:#e8ff8a}.about-site-donate-qr{width:min(220px,72vw);height:auto;aspect-ratio:1;border-radius:.75rem;background:#fff;object-fit:contain}.about-site-donate-hint{margin:0;font-size:.75rem!important;color:#f4f4f27a!important}.about-site-perks{margin:0;padding:0;list-style:none;width:100%;display:flex;flex-direction:column;gap:.45rem;text-align:left}.about-site-perks li{padding:.55rem .65rem;border-radius:.55rem;background:#b8ff1a14;font-size:.82rem;line-height:1.45;color:#f4f4f2e0}.about-site-perks strong{color:#b8ff1af2;font-weight:700}.about-site-tiers{margin:0;padding:0;list-style:none;width:100%;display:flex;flex-direction:column;gap:.5rem;text-align:left}.about-site-tier{padding:.65rem .75rem;border-radius:.65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.about-site-tier--featured{background:#b8ff1a1a;border-color:#b8ff1a47}.about-site-tier-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.about-site-tier-head strong{font-size:.9rem;color:#f4f4f2f2}.about-site-tier-price{font-size:.95rem;font-weight:800;color:#b8ff1af2}.about-site-tier p{margin:0;font-size:.8rem;line-height:1.45;color:#f4f4f2b8}.about-site-donate-steps{margin:0;padding-left:1.15rem;width:100%;text-align:left;font-size:.82rem;line-height:1.55;color:#f4f4f2c7}.about-site-donate-steps li+li{margin-top:.35rem}.about-site-key-highlight{display:inline-block;margin:.05rem 0;padding:.08rem .35rem;border-radius:.28rem;background:#b8ff1a3d;color:#dbff8cfa;font-weight:700;box-shadow:0 0 0 1px #b8ff1a47 inset}.about-site-donate-steps code{padding:.08rem .35rem;border-radius:.3rem;background:#ffffff14;font-size:.78rem;color:#b8ff1ae6}.about-site-supporters{padding:.75rem .85rem;border-radius:.85rem;background:#2a2a2a;display:flex;flex-direction:column;gap:.85rem}.about-site-supporters-block+.about-site-supporters-block{padding-top:.15rem;border-top:1px solid rgba(255,255,255,.06)}.about-site-supporters-subtitle{margin:0 0 .55rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#b8ff1ad9}.about-site-supporters-empty{margin:0;font-size:.84rem!important;line-height:1.55;color:#f4f4f28c!important;text-align:center}.about-site-supporters-cards{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.about-site-supporter-card{padding:.65rem .75rem;border-radius:.65rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.about-site-supporter-rank{margin-bottom:.35rem;font-size:.76rem;font-weight:800;color:#b8ff1ae6;letter-spacing:.02em}.about-site-supporter-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.about-site-supporters-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.45rem}.about-site-supporters-list li{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#b8ff1a1f;font-size:.82rem}.about-site-supporter-name{font-weight:700;color:#f4f4f2eb}.about-site-supporter-amt{font-size:.72rem;color:#b8ff1ad9}.about-site-supporter-msg{margin:.4rem 0 0;font-size:.8rem;line-height:1.5;color:#f4f4f29e;font-style:italic}.about-site-supporters-note{margin:.65rem 0 0;font-size:.72rem!important;line-height:1.45;color:#f4f4f26b!important;text-align:center}.about-site-links{display:flex;flex-direction:column;gap:.55rem}.about-site-link-card{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem;border-radius:.85rem;background:#2a2a2a;color:inherit;text-decoration:none;transition:background .15s ease}.about-site-link-card:hover{background:#343434}.about-site-link-ico{width:2.25rem;height:2.25rem;border-radius:.55rem;background:#3d3d3d;display:grid;place-items:center;font-size:.78rem;font-weight:800;flex:none}.about-site-link-copy{display:flex;flex-direction:column;gap:.1rem;min-width:0}.about-site-link-copy strong{font-size:.95rem;font-weight:700}.about-site-link-copy em{font-style:normal;font-size:.78rem;color:#f4f4f28c}.about-site-footnote{font-size:.78rem!important;color:#f4f4f27a!important}.about-site-footnote a{color:#b8ff1ad9;text-decoration:underline;text-underline-offset:.12em}.about-inline-link{border:none;background:none;padding:0;margin:0;font:inherit;color:#b8ff1ad9;font-weight:700;text-decoration:underline;text-underline-offset:.12em;cursor:pointer}.about-inline-link:hover{color:#b8ff1a}.play-guide-panel{max-width:min(520px,94vw)}.seo-guide{margin:0;padding:2.5rem 1.25rem 3.5rem;border-top:1px solid rgba(17,17,16,.12);background:#ffffff6b;color:#111110;min-height:28rem}.seo-guide[hidden]{display:none!important}.seo-guide-inner{max-width:42rem;margin:0 auto}.seo-guide h2{margin:0 0 1rem;font-size:1.15rem;font-weight:800;letter-spacing:.04em}.seo-guide h3{margin:1.35rem 0 .45rem;font-size:.95rem;font-weight:800}.seo-guide p{margin:0 0 .65rem;font-size:.88rem;line-height:1.7;opacity:.78}.seo-guide strong{font-weight:800;opacity:1}.seo-guide-foot{margin-top:1.25rem!important;font-size:.82rem!important}.seo-guide a{color:inherit;font-weight:700;text-underline-offset:.15em}.about-site-done{margin-top:.15rem;width:100%;border:1px solid #3a3a3a;background:#1c1c1c;color:#f4f4f2;border-radius:.9rem;padding:.85rem 1rem;font-weight:700;cursor:pointer}.about-site-done:hover{background:#242424}.message-wall-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.message-wall-actions .about-site-done{margin-top:0}.message-wall-support{border-color:#b8ff1a47;background:#b8ff1a1f;color:#d8ff57}.message-wall-support:hover{background:#b8ff1a33}.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--ink);padding:.45rem .85rem;border-radius:999px}.ghost-btn:hover{background:#1111100d}.hero{min-height:0;display:grid;align-content:start;justify-items:center;text-align:center;gap:.85rem;padding:.15rem 0 1.15rem;animation:rise .7s ease both}.hero-title-glow{position:relative;display:inline-block;padding:.45rem .7rem;isolation:isolate}.hero-title-glow:before{content:"";position:absolute;top:12%;right:2%;bottom:12%;left:2%;z-index:-1;border-radius:1.1rem;background:#b8ff1a38;box-shadow:0 0 #b8ff1a73,0 10px 36px #b8ff1a47;animation:hero-glow-pulse 1.8s ease-in-out infinite;pointer-events:none}.hero-glow-ring{position:absolute;top:-6px;right:-10px;bottom:-6px;left:-10px;border-radius:1.35rem;border:2px solid rgba(184,255,26,.7);pointer-events:none;z-index:-1;animation:hero-glow-ring 1.8s ease-out infinite}.hero-glow-ring-2{animation-delay:.9s}.hero h1{margin:0;position:relative;font-family:var(--display);font-size:clamp(2.8rem,9vw,5.4rem);line-height:.88;letter-spacing:.04em;max-width:none;text-align:center}.hero h1 em{font-style:normal;background:var(--accent);padding:0 .12em;-webkit-box-decoration-break:clone;box-decoration-break:clone}@keyframes hero-glow-pulse{0%,to{box-shadow:0 0 #b8ff1a80,0 10px 36px #b8ff1a40;opacity:.85}50%{box-shadow:0 0 0 10px #b8ff1a00,0 14px 42px #b8ff1a66;opacity:1}}@keyframes hero-glow-ring{0%{transform:scale(.94);opacity:.8}to{transform:scale(1.22);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-title-glow:before,.hero-glow-ring{animation:none}.hero-glow-ring{opacity:.35;transform:scale(1.06)}}.hero p,.hero-tagline{margin:0;max-width:42rem;font-size:clamp(.95rem,2.4vw,1.08rem);line-height:1.55;color:var(--muted);letter-spacing:.02em}.hero-tagline-sub{display:block;margin-top:.35rem;color:var(--ink);font-weight:600;letter-spacing:.04em;opacity:.82}.hero-actions{margin-top:.15rem;display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.hangla-entry-btn{font-size:.95rem;padding:.75rem 1.25rem}.hero-actions .primary-btn{display:inline-flex;text-decoration:none}.section-title span{margin-left:.55rem;letter-spacing:0;text-transform:none;font-size:.8rem;color:var(--ink);opacity:.55}.search-row{margin:0 0 .75rem}.search-row-with-total{display:flex;align-items:center;gap:.65rem;max-width:100%;flex-wrap:wrap}.search-row-with-total input{flex:1 1 12rem;min-width:0;max-width:none}.rank-total-wins{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:5.5rem;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--line);background:#ffffffb8;line-height:1.15;white-space:nowrap;text-align:center}#rank-song-count{min-width:6.2rem}.rank-total-wins-label{font-size:.68rem;letter-spacing:.04em;color:var(--ink);opacity:.55}.rank-total-wins strong{font-size:.95rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.rank-total-wins--accent{border-color:#9ad60061;background:linear-gradient(160deg,#d4ff4a24,#ffffffb8 55%);box-shadow:0 0 0 1px #b8ff1a14,0 4px 14px #9ad60014}.rank-total-wins--accent .rank-total-wins-label{color:#5f7a12;opacity:.85;animation:rank-accent-glow 2.8s ease-in-out infinite}.rank-total-wins--accent strong{color:#3d5210}@keyframes rank-accent-glow{0%,to{opacity:.78;text-shadow:0 0 0 transparent}50%{opacity:1;text-shadow:0 0 8px rgba(184,255,26,.35)}}.rank-anti-brush-note{flex:1 1 10rem;margin:0;min-width:0;font-size:.72rem;line-height:1.45;color:var(--ink);opacity:.45}@media(max-width:640px){.rank-total-wins{min-width:4.8rem;padding:.4rem .7rem}.rank-total-wins-label{font-size:.62rem}.rank-total-wins strong{font-size:.88rem}.rank-anti-brush-note{flex:1 1 calc(100% - 6.5rem);font-size:.68rem}}.search-row-with-hangla{display:flex;align-items:center;gap:.65rem;max-width:100%}.search-row-with-hangla input{flex:1 1 auto;min-width:0;max-width:none}.hangla-inline-btn{flex:none;border:none;background:var(--ink);color:#fff;font:inherit;font-weight:700;font-size:.88rem;letter-spacing:.04em;padding:.7rem 1rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:transform .18s ease,background .18s ease}.hangla-inline-btn:hover{transform:translateY(-1px);background:#000}@media(max-width:640px){.search-row-with-hangla{flex-wrap:wrap}.hangla-inline-btn{width:100%}}.search-row input{width:100%;max-width:420px;font:inherit;font-size:.95rem;padding:.7rem .95rem;border:1px solid var(--line);border-radius:999px;background:#ffffffb3;outline:none}.search-row input:focus{border-color:#11111066;box-shadow:0 0 0 3px #b8ff1a59}.filter-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem;align-items:center}.sort-row .sort-label{font-size:.82rem;color:var(--muted);margin-right:.15rem;letter-spacing:.06em}.label-panel{margin:-.35rem 0 1rem;padding:.85rem .95rem;border:1px solid var(--line);border-radius:14px;background:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .35s ease both}.label-panel-head{font-size:.82rem;color:var(--muted);letter-spacing:.08em;margin-bottom:.55rem}.label-chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.label-chip{display:inline-flex;flex-direction:row;align-items:center;gap:.55rem;border:1px solid var(--line);background:#ffffff8c;padding:.45rem .75rem .45rem .45rem;border-radius:12px;text-align:left;min-width:8.5rem;transition:transform .15s ease,border-color .15s ease,background .15s ease}.label-chip-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:#11111014}.label-chip-text{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-width:0}.label-chip strong{font-size:.95rem;letter-spacing:.02em}.label-chip-text span,.label-chip>span{font-size:.75rem;color:var(--muted)}.label-chip:hover{transform:translateY(-1px);border-color:#11111059}.label-chip.active{background:var(--accent);border-color:transparent}.label-chip.active .label-chip-text span,.label-chip.active>span{color:#111110b3}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;min-height:clamp(30rem,58vh,46rem)}.home-more{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.35rem 0 .5rem}.home-more[hidden]{display:none}.home-more-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem .75rem;width:100%}.home-more-btn,.home-all-btn{min-width:10rem}.home-more-hint{margin:0;flex:1 1 100%;text-align:center;font-size:.78rem;line-height:1.45;color:var(--ink);opacity:.5}.home-search-hint{margin:-.15rem 0 .45rem;font-size:.78rem;line-height:1.4;color:var(--ink);opacity:.5}.artist-card{text-align:left;border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);padding:0;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;animation:rise .55s ease both;display:grid;grid-template-columns:96px 1fr;min-height:96px;cursor:pointer}@media(max-width:900px){.artist-card,.label-panel,.player-card,.pick-status{-webkit-backdrop-filter:none;backdrop-filter:none}}.artist-avatar,.img-fallback{width:96px;height:96px;min-height:96px;aspect-ratio:1 / 1;object-fit:cover;display:block;background:linear-gradient(135deg,#b8ff1a8c,#11111033);transition:transform .28s ease,filter .22s ease}.artist-card-body{padding:.85rem .95rem .95rem}.artist-card:nth-child(2){animation-delay:.05s}.artist-card:nth-child(3){animation-delay:.1s}.artist-card:nth-child(4){animation-delay:.15s}.artist-card:nth-child(5){animation-delay:.2s}.artist-card:nth-child(6){animation-delay:.25s}.artist-card:hover{transform:translateY(-5px) scale(1.015);border-color:#b8ff1af2;background:#ffffffd1;box-shadow:0 0 0 1px #b8ff1a8c,0 14px 34px #11111024,0 0 22px #b8ff1a47}.artist-card:hover .artist-avatar,.artist-card:hover .img-fallback{transform:scale(1.06);filter:saturate(1.08) brightness(1.04)}.artist-card:hover .name{color:#111110}.artist-card:active{transform:translateY(-1px) scale(.995)}.artist-card .name{font-family:var(--display);font-size:1.75rem;letter-spacing:.03em;line-height:1;margin:0 0 .35rem}.artist-card .meta{margin:0 0 .55rem;font-size:.82rem;color:var(--muted)}.artist-card .blurb{margin:0;font-size:.92rem;line-height:1.45}.setup{animation:rise .45s ease both}.setup-head{margin:1rem 0 1.5rem}.setup-head-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.55rem .85rem;margin:0 0 .4rem}.setup-head-title-row h1{margin:0}.setup-head h1{margin:0 0 .4rem;font-family:var(--display);font-size:clamp(2.8rem,8vw,4.5rem);line-height:.9;letter-spacing:.03em}.feature-glow-tip{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#c9922a;white-space:nowrap;text-shadow:0 0 4px rgba(255,230,140,.95),0 0 10px rgba(240,193,77,.85),0 0 18px rgba(255,200,80,.55);animation:feature-glow-pulse 1.7s ease-in-out infinite}.feature-glow-tip--inline{align-self:center;margin:0 .1rem}.rank-tab-duel-king-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;max-width:100%}.feature-glow-tip--under-tab{font-size:.62rem;line-height:1.15;text-align:center;white-space:nowrap}@keyframes feature-glow-pulse{0%,to{opacity:.82;filter:brightness(1)}50%{opacity:1;filter:brightness(1.18)}}.setup-head p{margin:0;color:var(--muted);max-width:34rem;line-height:1.5}.mode-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.25rem 0 1.5rem}.mode-chip{border:1px solid var(--line);background:#fff6;padding:.65rem 1rem;border-radius:999px}.mode-chip.active{background:var(--accent);border-color:transparent;font-weight:700}.primary-btn{border:none;background:var(--ink);color:#fff;padding:.95rem 1.4rem;border-radius:999px;font-weight:700;letter-spacing:.04em;transition:transform .2s ease,background .2s ease}.primary-btn:hover{transform:translateY(-1px);background:#000}.setup-head-with-avatar{display:grid;grid-template-columns:120px 1fr;gap:1.1rem;align-items:center}.setup-avatar{width:120px;height:120px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow);background:#11111014}.loading-line{color:var(--muted);padding:2rem 0}.song-preview li{list-style:none;margin:0;padding:.4rem .55rem;background:#ffffff73;border:1px solid var(--line);border-radius:var(--radius);font-size:.88rem;display:flex;align-items:center;gap:.55rem}.song-cover{width:36px;height:36px;object-fit:cover;border-radius:3px;flex:none;background:#11111014}.song-preview{margin-top:1.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.45rem;padding:0}body:has(.match-screen){overflow:hidden}.shell:has(.match-screen){width:min(80vw,calc(100% - 1.5rem));height:100vh;max-height:100vh;padding:.7rem 0 .6rem;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.shell:has(.match-screen) .topbar{flex:0 0 auto;margin-bottom:.65rem}.match-screen{animation:rise .35s ease both;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.match-meta{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:center;margin:0 0 .65rem;color:var(--muted);font-size:.85rem;flex:0 0 auto}.match-artist-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(17,17,16,.12)}.match-meta strong{display:block;color:var(--ink);font-family:var(--display);font-size:1.35rem;letter-spacing:.04em;font-weight:400;line-height:1}.match-meta-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin-top:.15rem}.match-coop-hint{font-size:.78rem;font-weight:400;letter-spacing:.01em;line-height:1.35;color:#11111066}.match-coop-link{display:inline;margin:0;padding:0;border:none;background:none;font:inherit;color:#9fb34a;text-decoration:underline;text-decoration-color:#9fb34a99;text-underline-offset:.14em;cursor:pointer}.match-coop-link:hover,.match-coop-link:focus-visible{color:#8fa53c;text-decoration-color:#8fa53ccc}.vs-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1rem;align-items:stretch;flex:0 0 auto;height:calc(80vh - 6.75rem);max-height:calc(80vh - 6.75rem);min-height:0;width:100%}@media(max-width:720px){body:has(.match-screen){overflow:hidden}.shell:has(.match-screen){width:calc(100% - .7rem);height:100vh;height:100dvh;max-height:100dvh;padding:.4rem 0 .35rem;overflow:hidden}.shell:has(.match-screen) .topbar{margin-bottom:.35rem}.shell:has(.match-screen) .brand-mark{font-size:1.15rem}.match-screen{min-height:0;overflow:hidden}.match-meta{margin:0 0 .35rem;gap:.35rem .55rem;font-size:.78rem}.match-artist-avatar{width:28px;height:28px}.match-meta strong{font-size:1.05rem}.match-coop-hint{flex:1 1 100%;font-size:.69rem;color:#1111105c}.vs-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.35rem;height:auto;max-height:none;flex:1 1 auto;min-height:0}.vs-mark{padding:0!important;font-size:1.15rem;letter-spacing:.04em;flex:0 0 auto;min-width:0}.pick-wrap{height:100%;min-width:0;width:100%;max-width:100%;min-height:0;gap:.3rem;overflow:hidden}.pick{height:100%;width:100%;max-width:100%;min-width:0;justify-content:center}.pick-cover{aspect-ratio:1 / 1;width:100%;max-width:100%;height:auto;max-height:min(42vw,100%);object-fit:cover;object-position:center}.pick-copy{padding:.4rem .45rem .5rem;gap:.12rem}.pick .title{font-size:clamp(.92rem,3.4vw,1.2rem);line-height:1.05}.pick .album{font-size:.72rem}.pick .side{font-size:.62rem}.pick .cta{margin-top:.25rem;padding:.28rem .5rem;font-size:.7rem}.preview-btn{padding:.32rem .55rem;font-size:.75rem}.player-mount{margin-top:.35rem;max-height:28dvh;overflow:auto}.player-card{padding:.55rem .65rem .6rem;border-radius:10px}.cover-thumb{width:40px;height:40px}.setup-head-with-avatar{grid-template-columns:88px 1fr}.setup-avatar{width:88px;height:88px}.champ-hero{grid-template-columns:1fr!important}.shell-wide{width:calc(100% - .4rem)}.bracket-preview{min-height:calc(100dvh - 4.25rem);height:calc(100dvh - 4.25rem)}.bracket-preview-head{gap:.5rem}.bracket-preview-head .setup-avatar{width:2.35rem;height:2.35rem}.bracket-preview h1,.bracket-title-fx{font-size:1rem}.bracket-fit{min-height:0}.bracket-board.is-split{grid-template-columns:minmax(0,1fr) 4.2rem minmax(0,1fr);gap:.15rem}.bracket-board.is-split.has-champ-path{grid-template-columns:minmax(0,1fr) 5.5rem minmax(0,1fr);gap:.2rem}.bracket-wing{gap:.18rem}.bracket-round[data-round="0"]{width:6.6rem;min-width:6.6rem;flex:1.35 1 0}.bracket-round[data-round="0"] .bracket-slot{grid-template-columns:1.15rem 1fr;gap:.2rem;min-height:1.4rem;padding:.12rem .2rem}.bracket-round[data-round="0"] .bracket-slot-cover{width:1.15rem;height:1.15rem}.bracket-round[data-round="0"] .bracket-slot-title,.bracket-round[data-round="0"] .bracket-round-label{font-size:.62rem}.bracket-round:not([data-round="0"]){width:2.35rem;min-width:2.35rem;flex:0 0 auto}.bracket-round:not([data-round="0"]) .bracket-round-label{font-size:.48rem;letter-spacing:0;margin-bottom:.18rem}.bracket-round:not([data-round="0"]) .bracket-round-matches{gap:.2rem}.bracket-round:not([data-round="0"]) .bracket-slot{grid-template-columns:1fr;min-height:.95rem;padding:.08rem .1rem;gap:0}.bracket-round:not([data-round="0"]) .bracket-slot-cover{display:none}.bracket-round:not([data-round="0"]) .bracket-slot-title{font-size:.42rem}.bracket-round:not([data-round="0"]) .bracket-slot.is-empty{font-size:.42rem;padding:.08rem;min-height:.95rem}.bracket-slot{grid-template-columns:1.05rem 1fr;gap:.18rem;min-height:1.25rem;padding:.1rem .18rem}.bracket-slot-cover{width:1.05rem;height:1.05rem}.bracket-slot-title{font-size:.58rem}.bracket-slot.is-empty{font-size:.58rem;padding:.14rem .18rem}.bracket-round-label{font-size:.62rem}.bracket-ready-hint{font-size:clamp(2.1rem,10.8vw,3.25rem)}.bracket-actions{margin-top:.4rem}.bracket-actions .ghost-btn{padding:.35rem .7rem;font-size:.8rem}}.pick{border:none;background:transparent;border-radius:0;padding:0;overflow:hidden;text-align:left;box-shadow:none;transition:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;height:100%;width:100%;max-width:100%;min-width:0;min-height:0;box-sizing:border-box}.pick-cover{width:100%;max-width:100%;aspect-ratio:1 / 1;height:auto;max-height:min(36vh,100%);min-height:0;object-fit:cover;object-position:center;background:#1111101a;display:block;flex:0 0 auto;border:1px solid var(--line);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow);transition:border-color .2s ease,transform .2s ease}.pick-cover.img-fallback{width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:1 / 1}.pick-copy{padding:.7rem .9rem .8rem;display:flex;flex-direction:column;gap:.2rem;min-height:0;flex:0 0 auto;background:#ffffffe6;border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow);transition:border-color .2s ease,background .2s ease,transform .2s ease}.pick:hover .pick-cover,.pick:hover .pick-copy{border-color:var(--ink);transform:translateY(-2px)}.pick:hover .pick-copy{background:#fff}.pick.is-picking{opacity:.92;pointer-events:none}.pick:active .pick-cover,.pick:active .pick-copy{transform:scale(.99)}.pick .side{font-size:.7rem;letter-spacing:.16em;color:var(--muted)}.pick .title{font-family:var(--display);font-size:clamp(1.25rem,2.6vw,1.9rem);line-height:.95;letter-spacing:.02em;margin:0}.pick .album{margin:0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick .cta{align-self:flex-start;margin-top:.35rem;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:.35rem .7rem;border-radius:999px;font-size:.8rem}.vs-mark{display:grid;place-items:center;font-family:var(--display);font-size:2.1rem;letter-spacing:.08em;opacity:.55;padding:.5rem .2rem;align-self:center}body:has(.champ-cup){overflow:hidden}.shell:has(.champ-cup){width:min(920px,calc(100% - 1.5rem));height:100vh;max-height:100vh;padding:.75rem 0 .85rem;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.shell:has(.champ-cup) .topbar{flex:0 0 auto;margin-bottom:.55rem}.rank-link{background:var(--accent)!important;border-color:transparent!important;color:var(--accent-ink)!important;font-weight:700;padding:.45rem .95rem}.rank-link:hover{filter:brightness(1.05);background:var(--accent)!important}.champ-cup{text-align:center;padding:0;animation:rise .55s ease both;max-width:none;margin:0 auto;width:100%;flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(.55rem,1.6vh,1rem);overflow:hidden}.champ-cup-artist{margin:0;font-family:var(--display);font-size:clamp(1.85rem,5vw,2.85rem);letter-spacing:.06em;line-height:1}.champ-cup-artist .rapper-name{display:inline-block}.champ-cup-born{margin:.3rem 0 .2rem;color:var(--muted);font-size:clamp(.82rem,1.5vh,.95rem);letter-spacing:.14em}.champ-cup-stage{padding:0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.champ-cup-brand{margin:.25rem 0 0;font-family:var(--display);font-size:clamp(1.25rem,3vw,1.85rem);letter-spacing:.06em;background:linear-gradient(120deg,#111110 20%,#7a9a12,#111110 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.champ-cup-brand.brand-wordmark{background:none;-webkit-background-clip:unset;background-clip:unset;color:#111110;font-family:"ZCOOL QingKe HuangYou",var(--display),sans-serif;font-size:clamp(1.35rem,3.4vw,1.95rem);letter-spacing:.06em;transform:skew(-10deg)}.champ-cup-champion-word{margin:.3rem 0 .65rem;letter-spacing:.35em;font-size:clamp(.72rem,1.4vh,.85rem);color:var(--muted)}.champ-cup-cover-wrap{width:min(42vmin,32vh,280px);margin:0 auto clamp(.45rem,1.2vh,.85rem);position:relative}.champ-cup-cover-wrap:before{content:"";position:absolute;top:-16%;right:-16%;bottom:-16%;left:-16%;background:radial-gradient(circle,rgba(184,255,26,.42),transparent 68%);z-index:0;pointer-events:none}.champ-cup-cover{position:relative;z-index:1;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:0 14px 40px #11111042;background:#1111101a}.champ-cover-play{position:absolute;right:.55rem;bottom:.55rem;z-index:2;width:2.55rem;height:2.55rem;border:none;border-radius:999px;display:grid;place-items:center;background:#111110c7;color:#b8ff1a;box-shadow:0 6px 18px #00000047;cursor:pointer;transition:transform .15s ease,background .15s ease}.champ-cover-play:hover{transform:scale(1.06);background:#111110e6}.champ-cover-play.is-open{background:#b8ff1a;color:#111110}.champ-social-proof{margin:.15rem 0 0;text-align:center;font-size:clamp(.82rem,1.6vh,.95rem);line-height:1.45;color:#3d3d38;font-weight:650}.champ-social-song{color:#5a8a12;font-weight:750;background:linear-gradient(105deg,transparent 0%,rgba(184,255,26,.22) 35%,rgba(184,255,26,.38) 50%,rgba(184,255,26,.22) 65%,transparent 100%);background-size:220% 100%;background-position:100% 0;border-radius:3px;padding:.05em .12em;animation:champ-social-sheen 4.8s ease-in-out infinite}@keyframes champ-social-sheen{0%,70%{background-position:100% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.champ-social-song{animation:none;background:#b8ff1a2e}}.champ-cup-title{margin:0 0 .2rem;font-family:var(--display);font-size:clamp(1.8rem,4.8vw,2.7rem);letter-spacing:.03em;line-height:1}.champ-cup-meta{margin:0;color:var(--muted);font-size:clamp(.82rem,1.5vh,.95rem)}.podium-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.45rem,1vw,.75rem);margin:0;text-align:left;flex:0 0 auto}.podium-card{display:flex;align-items:center;gap:.5rem;padding:clamp(.4rem,1vh,.65rem) clamp(.5rem,1vw,.75rem);border:1px solid var(--line);background:#ffffff9e;border-radius:12px;min-width:0}.podium-cover{width:clamp(36px,4.5vh,48px);height:clamp(36px,4.5vh,48px);border-radius:8px;object-fit:cover;flex:none;background:#1111101a}.podium-label{font-size:.65rem;letter-spacing:.05em;color:var(--muted);white-space:nowrap}.podium-title{font-weight:700;font-size:clamp(.82rem,1.5vh,.95rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-cup-actions{display:flex;flex-direction:column;gap:.45rem;margin-top:0;flex:0 0 auto}.share-bracket-btn{width:100%;justify-content:center;padding:clamp(.65rem,1.4vh,.9rem) 1.1rem;font-size:1.02rem;background:var(--accent);color:var(--accent-ink);border:none;border-radius:999px;font-weight:700;cursor:pointer}.share-bracket-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.champ-cup-secondary{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.champ-cup-secondary .ghost-btn{text-decoration:none;color:inherit;padding:.4rem .85rem;font-size:.88rem}.champ-player{margin-top:0;flex:0 0 auto}.champ-player[hidden]{display:none!important}.shell:has(.champ-cup) .champ-player .player-card{padding:.7rem .85rem .8rem}.shell:has(.champ-cup) .champ-player .cover-thumb{width:48px;height:48px}.shell:has(.champ-cup) .player-mount{margin-top:0}@media(max-width:640px){body:has(.champ-cup){overflow:auto}.shell:has(.champ-cup){height:auto;max-height:none;overflow:visible}.podium-row{grid-template-columns:1fr}}.champ-hero{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:1.25rem;align-items:end;margin-bottom:.5rem}.actions{display:flex;flex-wrap:wrap;gap:.65rem}.actions a.primary-btn{display:inline-flex;align-items:center;text-decoration:none}.round-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .28s ease;cursor:pointer}.round-splash.is-on{opacity:1;pointer-events:auto}.round-splash.is-out{opacity:0;pointer-events:none}.round-splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,rgba(184,255,26,.12),transparent 50%),#0c0c0bb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.round-splash-card{position:relative;z-index:1;text-align:center;padding:1.5rem;animation:splash-rise .55s cubic-bezier(.2,1.2,.3,1) both}.round-splash-badge{display:inline-block;padding:.28rem .7rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:1rem}.round-splash-title{margin:0;color:#fff;font-family:var(--display);font-size:clamp(3.6rem,14vw,7rem);letter-spacing:.04em;line-height:.9;text-shadow:0 12px 40px rgba(0,0,0,.35)}.round-splash-sub{margin:1rem 0 0;color:#ffffffb8;font-size:clamp(.9rem,2.4vw,1.1rem)}.round-splash-hint{margin:1.4rem 0 0;color:#fff6;font-size:.8rem;letter-spacing:.12em}@keyframes splash-rise{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.milestone-splash .round-splash-bg{background:radial-gradient(circle at 50% 38%,rgba(184,255,26,.28),transparent 44%),radial-gradient(circle at 18% 78%,rgba(255,59,31,.14),transparent 40%),radial-gradient(circle at 82% 72%,rgba(184,255,26,.1),transparent 36%),#0c0c0bcc}.milestone-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.milestone-spark{position:absolute;left:var(--sx);bottom:-8%;width:var(--ss);height:var(--ss);border-radius:2px;background:var(--accent);opacity:0;box-shadow:0 0 10px #b8ff1a8c;animation:milestone-spark-rise var(--sdu) ease-out var(--sd) infinite}.milestone-spark:nth-child(3n){background:#fff;box-shadow:0 0 8px #ffffff73;border-radius:50%}.milestone-spark:nth-child(4n){background:#ff7a3d;box-shadow:0 0 10px #ff7a3d80}.milestone-splash .round-splash-card{z-index:2}.milestone-congrats{margin:0 0 .85rem;color:#fff;font-family:var(--brand-display);font-size:clamp(2.4rem,9vw,3.8rem);letter-spacing:.06em;line-height:1;animation:milestone-pop .65s cubic-bezier(.2,1.35,.3,1) both}.milestone-line{margin:0;color:#ffffffe0;font-size:clamp(1.05rem,3.4vw,1.35rem);line-height:1.45;animation:milestone-pop .7s cubic-bezier(.2,1.35,.3,1) .08s both}.milestone-line em{display:inline-block;margin:0 .12em;color:var(--accent);font-style:normal;font-family:var(--display);font-size:1.55em;letter-spacing:.02em;text-shadow:0 0 28px rgba(184,255,26,.4);vertical-align:-.08em;animation:milestone-num-glow 1.6s ease-in-out .35s infinite alternate}.milestone-tagline{margin:1rem 0 0;color:#ffffff8c;font-size:clamp(.82rem,2.2vw,.95rem);animation:milestone-pop .7s cubic-bezier(.2,1.35,.3,1) .16s both}.milestone-splash .round-splash-hint{animation:milestone-pop .7s cubic-bezier(.2,1.35,.3,1) .24s both}@keyframes milestone-pop{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes milestone-num-glow{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.04);filter:brightness(1.12)}}@keyframes milestone-spark-rise{0%{opacity:0;transform:translateZ(0) rotate(0) scale(.6)}12%{opacity:.95}to{opacity:0;transform:translate3d(12px,-110vh,0) rotate(160deg) scale(1.15)}}.share-bracket{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:grid;place-items:center;padding:1rem;background:#0c0c0b8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s ease}.share-bracket.is-on{opacity:1;pointer-events:auto}.share-bracket-panel{width:min(1560px,100%);max-height:min(94vh,980px);overflow:auto;background:linear-gradient(160deg,#e8e6e1,#d6d2ca);border-radius:16px;box-shadow:0 24px 80px #00000059;padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.65rem}.share-bracket-panel.is-capturing{box-shadow:none}.share-bracket-head{position:relative;display:block;padding-right:0;min-height:2.8rem}.share-bracket-head>div:first-child{width:100%;text-align:center;padding:0 8.5rem .15rem}.share-bracket-kicker{margin:0;font-size:.75rem;letter-spacing:.12em;color:var(--muted)}.share-bracket-head h2{margin:.2rem 0 0;font-family:var(--display);font-size:clamp(1.3rem,3vw,2rem);letter-spacing:.03em;line-height:1.15;text-align:center}.share-bracket-champ-line{margin:.35rem 0 0;font-weight:700;color:var(--muted);text-align:center}.share-bracket-champ-song{color:#c9a227;font-weight:800;text-shadow:0 1px 0 rgba(255,248,220,.55)}.share-bracket-actions{position:absolute;top:0;right:0;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;z-index:2}.share-save-btn{border:none;border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-weight:800;letter-spacing:.04em;color:#111110;background:linear-gradient(120deg,#d4ff4a,#b8ff1a 45%,#9ad600);box-shadow:0 6px 16px #b8ff1a47;cursor:pointer}.share-save-btn:disabled,.share-save-btn.is-busy{opacity:.6;cursor:wait}.share-save-btn.is-ok{filter:brightness(1.02)}.share-bracket-card{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.share-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;align-self:stretch;width:100%;margin:.65rem 0 .35rem;border:none;border-radius:999px;padding:.85rem 1.2rem;font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:#111110;background:linear-gradient(120deg,#d4ff4a,#b8ff1a 45%,#9ad600);box-shadow:0 10px 28px #b8ff1a47;cursor:pointer;transition:transform .15s ease,opacity .15s ease,filter .15s ease}.share-cta-btn:hover{filter:brightness(1.03)}.share-cta-btn:active{transform:scale(.985)}.share-cta-btn:disabled,.share-cta-btn.is-busy{opacity:.6;cursor:wait}.share-cta-btn.is-fail{filter:grayscale(.35)}.share-cta-ico{display:block;flex:0 0 auto}.share-bracket-stage{flex:1 1 auto;min-height:18rem;border:1px solid var(--line);border-radius:12px;background:#ffffff59;padding:.75rem;display:flex;flex-direction:column}.share-bracket-loading{margin:auto;padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.95rem;font-weight:700}.share-bracket-brand,.brand-wordmark{text-align:center;margin-bottom:.35rem}.brand-wordmark{display:flex;justify-content:center;align-items:center;gap:0;font-family:"ZCOOL QingKe HuangYou",var(--display),sans-serif;font-size:clamp(1.15rem,3.2vw,1.55rem);font-weight:400;font-style:italic;letter-spacing:.06em;line-height:1.15;color:#111110;transform:skew(-10deg);opacity:1}.brand-wordmark .brand-heipa{padding:.06em .05em}.brand-wordmark .brand-duel{background:#b8ff1a;color:#111110;padding:.08em .22em .06em;margin-left:.04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.share-bracket-stage .bracket-fit{flex:1;min-height:16rem;margin-top:0;overflow:hidden}.share-export-title{margin:.15rem 0 0;text-align:center;font-family:var(--display);font-size:1.55rem;letter-spacing:.04em;line-height:1.15}.share-export-champ{margin:.25rem 0 .55rem;text-align:center;font-weight:700;color:var(--muted)}.share-bracket-export{width:780px;box-sizing:border-box;min-height:18rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,#e8e6e1,#d6d2ca);padding:.75rem .7rem .8rem;display:flex;flex-direction:column}.share-bracket-export .share-bracket-brand{font-size:1.05rem;margin-bottom:.25rem}.share-bracket-export .bracket-fit{flex:1 1 auto;min-height:22rem;overflow:hidden!important;height:auto!important}.share-bracket-export .bracket-board.has-center-bg:before,.share-bracket-export .bracket-board.has-center-bg:after{opacity:.16;filter:grayscale(.15)}.share-bracket-export .bracket-board.is-split{grid-template-columns:minmax(0,1fr) 7.2rem minmax(0,1fr)!important;gap:.28rem!important}.share-bracket-export .bracket-board.is-split.has-champ-path{grid-template-columns:minmax(0,1fr) 9.5rem minmax(0,1fr)!important;gap:.32rem!important}.share-bracket-export .bracket-wing{gap:.22rem!important}.share-bracket-export .bracket-round,.share-bracket-export .bracket-round[data-round="0"],.share-bracket-export .bracket-round:not([data-round="0"]){width:5.35rem!important;min-width:5.35rem!important;flex:1 1 0!important}.share-bracket-export .bracket-slot,.share-bracket-export .bracket-round[data-round="0"] .bracket-slot,.share-bracket-export .bracket-round:not([data-round="0"]) .bracket-slot{grid-template-columns:1.05rem 1fr!important;gap:.22rem!important;min-height:1.35rem!important;padding:.14rem .22rem!important}.share-bracket-export .bracket-slot-cover,.share-bracket-export .bracket-round[data-round="0"] .bracket-slot-cover,.share-bracket-export .bracket-round:not([data-round="0"]) .bracket-slot-cover{display:block!important;width:1.05rem!important;height:1.05rem!important;border-radius:3px!important;object-fit:cover!important}.share-bracket-export .bracket-slot-title,.share-bracket-export .bracket-round[data-round="0"] .bracket-slot-title,.share-bracket-export .bracket-round:not([data-round="0"]) .bracket-slot-title{font-size:.58rem!important;line-height:1.15!important}.share-bracket-export .bracket-round-label,.share-bracket-export .bracket-round[data-round="0"] .bracket-round-label,.share-bracket-export .bracket-round:not([data-round="0"]) .bracket-round-label{font-size:.55rem!important;margin-bottom:.22rem!important;letter-spacing:.02em!important}.share-bracket-export .champ-hero-cover-wrap{width:5.6rem;height:5.6rem}.share-bracket-export .champ-hero-title{font-size:.95rem;max-width:9rem}.share-bracket-export .champ-hero-meta{font-size:.58rem;max-width:9rem}.share-bracket-export .champ-hero-badge{font-size:.55rem;padding:.2rem .55rem;margin-top:.45rem}.share-bracket-export .share-bracket-qr{margin-top:.45rem;padding:.35rem .4rem;gap:.35rem}.share-bracket-export .share-bracket-qr canvas{width:52px!important;height:52px!important}@media(max-width:720px){.share-bracket{padding:.4rem;align-items:stretch}.share-bracket-panel{width:100%;max-height:96dvh;padding:.7rem .5rem .8rem;border-radius:12px;gap:.5rem}.share-bracket-head{min-height:0}.share-bracket-head>div:first-child{padding:0 0 .15rem;text-align:center}.share-bracket-head h2{font-size:1.05rem}.share-bracket-actions{position:static;justify-content:center;margin-top:.55rem;width:100%}.share-cta-btn{margin:.5rem 0 .25rem;padding:.75rem 1rem;font-size:.98rem}.share-bracket-stage{padding:.45rem;min-height:12rem;overflow:hidden}.share-bracket-stage .bracket-fit{min-height:14rem}.share-bracket .bracket-round[data-round="0"]{width:5.8rem;min-width:5.8rem}.share-bracket .bracket-round[data-round="0"] .bracket-slot{grid-template-columns:1.05rem 1fr;gap:.16rem;padding:.1rem .16rem}.share-bracket .bracket-round[data-round="0"] .bracket-slot-cover{display:block!important;width:1.05rem;height:1.05rem}.share-bracket-qr{gap:.28rem;padding:.28rem .35rem}.share-bracket-qr canvas{width:48px;height:48px}.share-support-wrap{max-width:7.2rem}.share-support-btn{font-size:.58rem;padding:.22rem .56rem}.share-site-name{font-size:.52rem}.share-bracket-slogan{font-size:.38rem}}.share-bracket-qr{display:flex;align-items:center;gap:.45rem;margin-top:.4rem;padding:.4rem .45rem;border-top:1px solid var(--line);background:#ffffff73;border-radius:8px}.share-bracket-qr canvas{display:block;width:66px;height:66px;border-radius:4px;background:#fff;flex:0 0 auto}.share-support-wrap{margin-left:auto;display:flex;align-items:center}.share-support-btn{border:1px solid rgba(17,17,16,.14);background:#ffffffdb;color:#5f5d57;border-radius:999px;font-size:.95rem;line-height:1;font-weight:700;padding:.68rem 1.15rem;cursor:pointer}.share-support-btn:hover{background:#ffffffe6;color:#2a2a28}#support-author-modal{z-index:96}.champ-donate-tip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:1rem;pointer-events:none}.champ-donate-tip-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity .2s ease;pointer-events:none;cursor:pointer}.champ-donate-tip-card{position:relative;z-index:1;width:min(340px,88vw);padding:.95rem 1rem 1rem;border-radius:16px;background:linear-gradient(165deg,#1c1c1a,#141412);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 48px #0000006b,0 0 0 1px #d8ff570f;color:#f4f4f2;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.champ-donate-tip.is-on{pointer-events:auto}.champ-donate-tip.is-on .champ-donate-tip-backdrop{opacity:1;pointer-events:auto}.champ-donate-tip.is-on .champ-donate-tip-card{opacity:1;transform:translateY(0);pointer-events:auto}.champ-donate-tip-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.champ-donate-tip-head h3{margin:0;font-size:.95rem;font-weight:800;letter-spacing:.01em;line-height:1.35}.champ-donate-tip-close{flex:0 0 auto;width:1.75rem;height:1.75rem;border:none;border-radius:999px;background:#ffffff1a;color:#fff;font-size:1.05rem;line-height:1;cursor:pointer}.champ-donate-tip-close:hover{background:#ffffff29}.champ-donate-tip-copy{margin:0 0 .45rem;font-size:.82rem;line-height:1.55;color:#f4f4f2e0}.champ-donate-tip-perk{margin:0 0 .75rem;font-size:.8rem;line-height:1.45;color:#f4f4f2c7}.champ-donate-tip-perk-link{display:inline;margin:0;padding:0;border:none;background:none;color:#d8ff57;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:.16em;cursor:pointer}.champ-donate-tip-perk-link:hover{color:#e8ff8a}.champ-donate-tip-qr{margin:0 auto .45rem;width:132px;padding:.4rem;border-radius:14px;background:#fff;box-shadow:0 4px 16px #00000038}.champ-donate-tip-qr img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain}.champ-donate-tip-hint{margin:0 0 .75rem;text-align:center;font-size:.75rem;color:#f4f4f285;letter-spacing:.02em}.champ-donate-tip-dismiss{width:100%;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f4f4f2eb;border-radius:11px;padding:.62rem .9rem;font-size:.9rem;font-weight:650;cursor:pointer}.champ-donate-tip-dismiss:hover{background:#ffffff1a}@media(max-width:640px){.champ-donate-tip{place-items:end center;padding:.75rem .75rem 1.1rem}.champ-donate-tip-card{width:min(320px,92vw);transform:translateY(16px)}.champ-donate-tip.is-on .champ-donate-tip-card{transform:translateY(0)}.champ-donate-tip-qr{width:124px}}.share-bracket-qr-copy{display:flex;flex-direction:column;gap:.18rem;min-width:0;justify-content:center}.share-bracket-site{display:flex;align-items:center;gap:.22rem;flex-wrap:wrap}.share-site-name{font-family:var(--display);font-size:clamp(.62rem,1.3vw,.82rem);font-style:italic;font-weight:800;letter-spacing:.04em;line-height:1;background:linear-gradient(90deg,#5a7a12,#7a9a1e 55%,#8aab28);-webkit-background-clip:text;background-clip:text;color:transparent}.share-site-heipa,.share-site-club,.share-site-tld{background:linear-gradient(90deg,#5a7a12,#7a9a1e 55%,#8aab28);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.share-site-z{display:inline-flex;align-items:flex-end;font-family:var(--display);font-size:.36rem;font-weight:700;font-style:italic;letter-spacing:0;line-height:1;color:#5a6e22;margin-left:.05rem;transform:translateY(-.15em)}.share-bracket-slogan{font-style:normal;font-size:.43rem;line-height:1.45;color:#5c5a55;max-width:11rem}.share-bracket-tip{margin:0;color:var(--muted);font-size:.82rem}.share-compose{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:end center;padding:0;background:#080808b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s ease}.share-compose.is-on{opacity:1;pointer-events:auto}.share-compose-panel{position:relative;width:min(440px,100%);max-height:min(92dvh,920px);overflow:auto;background:#141414;border-radius:22px 22px 0 0;padding:1.1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 48px #00000073;display:flex;flex-direction:column;gap:.85rem;transform:translateY(24px);transition:transform .28s ease}.share-compose.is-on .share-compose-panel{transform:translateY(0)}.share-compose-x{position:absolute;top:.65rem;right:.75rem;width:2rem;height:2rem;border:none;border-radius:999px;background:#ffffff1a;color:#fff;font-size:1.35rem;line-height:1;cursor:pointer;z-index:2}.share-compose-preview-wrap{border-radius:14px;overflow:hidden;background:#1c1c1c;box-shadow:0 0 0 1px #ffffff0f,0 18px 40px #00000059}.share-compose-preview{display:block;width:100%;height:auto;vertical-align:top}.share-compose-tip{display:grid;grid-template-columns:1fr auto;gap:.25rem .55rem;align-items:center;width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#d0d0d0;border-radius:12px;padding:.7rem .8rem;cursor:pointer;font-size:.78rem;line-height:1.35}.share-compose-tip>span:first-child{grid-column:1 / -1;color:#9a9a9a;font-size:.72rem}.share-compose-tip-text{color:#eee;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-compose-copy-ico{color:#b8ff1a;font-size:1rem}.share-compose-tip.is-copied{border-color:#b8ff1a8c}.share-compose-bar{display:flex;gap:.65rem;align-items:stretch}.share-compose-share{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:999px;padding:.95rem 1.2rem;font-size:1.05rem;font-weight:800;letter-spacing:.06em;color:#111110;background:linear-gradient(120deg,#d4ff4a,#b8ff1a 45%,#9ad600);box-shadow:0 10px 28px #b8ff1a47;cursor:pointer}.share-compose-share:disabled{opacity:.65;cursor:wait}.share-compose-share-ico{display:inline-flex;width:1.35rem;height:1.35rem;align-items:center;justify-content:center;border-radius:999px;background:#1111101f;font-size:.95rem}@media(min-width:721px){.share-compose{place-items:center;padding:1.5rem}.share-compose-panel{border-radius:18px;max-height:min(88vh,860px)}}.song-preview-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.song-preview-text strong{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-preview-text em{font-style:normal;color:var(--muted);font-size:.78rem}.pick-wrap{display:grid;grid-template-rows:1fr auto;gap:.45rem;min-width:0;width:100%;max-width:100%;min-height:0;height:100%;overflow:hidden}.preview-btn{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:.45rem .9rem;font-weight:600}.preview-btn:hover{border-color:var(--ink);background:#fff}.match-tip{margin:.55rem 0 0;color:var(--muted);font-size:.82rem;flex:0 0 auto}.player-mount{margin-top:.55rem;flex:0 0 auto;min-height:0}.player-mount:empty,.player-mount:has(#cup-player[hidden]){margin-top:0}.player-card{border:1px solid var(--line);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;padding:.95rem 1rem 1rem;box-shadow:var(--shadow)}.player-card.is-playing{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.player-card-top{display:flex;align-items:center;gap:.85rem}.cover-thumb{width:56px;height:56px;border-radius:10px;background-size:cover;background-position:center;box-shadow:0 6px 16px #11111029;flex:none}.cover-thumb.empty{background:#1111101a}.player-meta-text{min-width:0;flex:1}.player-meta-text .song-title{font-weight:700;font-size:1.05rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta-text .song-sub{margin-top:.15rem;color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-card audio{display:none}.scrubber{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;align-items:center;margin-top:.85rem}.scrubber .t{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--muted);min-width:2.4rem}#cup-seek{width:100%;accent-color:var(--ink)}.player-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin-top:.7rem}.player-actions button{border:none;background:var(--ink);color:#fff;border-radius:999px;padding:.45rem .95rem;font-weight:700}.player-actions .ghost-link{color:var(--muted);font-size:.85rem;text-decoration:none;border-bottom:1px solid transparent}.player-actions .ghost-link:hover{color:var(--ink);border-bottom-color:var(--ink)}.player-hint{margin:.55rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.45}.loading-line code{font-size:.9em}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hangla-screen{animation:rise .4s ease both;display:flex;flex-direction:column;gap:.85rem;padding-bottom:1.5rem}.hangla-head h1{margin:0;font-family:var(--display);font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.04em;line-height:1}.hangla-head p{margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.hangla-setup-hint{margin:.35rem 0 .85rem;color:var(--muted, #9aa3ad);font-size:.88rem;line-height:1.45}.hangla-blind-wrap{margin-bottom:1rem}.hangla-blind-stage{position:relative;display:flex;align-items:stretch;gap:.75rem;min-height:7.5rem}.hangla-blind-card{flex:1;display:flex;align-items:center;gap:1rem;padding:1rem 1.15rem;border-radius:16px;border:1px solid rgba(190,255,80,.45);background:linear-gradient(135deg,#beff501f,#14181ce6);box-shadow:0 0 0 1px #beff5014,0 12px 40px #00000059;animation:hangla-reveal .45s ease}.hangla-blind-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(190,255,80,.55)}.hangla-blind-meta{display:flex;flex-direction:column;gap:.3rem;min-width:0}.hangla-blind-meta strong{font-size:1.35rem;line-height:1.2}.hangla-blind-meta span{color:var(--muted, #9aa3ad);font-size:.9rem}.hangla-blind-stack{display:flex;flex-direction:column;justify-content:center;gap:.35rem;width:2.4rem;flex-shrink:0}.hangla-blind-back{display:grid;place-items:center;height:1.55rem;border-radius:6px;background:#ffffff0f;border:1px dashed rgba(255,255,255,.18);color:#ffffff59;font-weight:700;font-size:.85rem}@keyframes hangla-reveal{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hangla-setup{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:#ffffff8c;box-shadow:var(--shadow)}.hangla-setup-meta{margin:0;color:var(--muted);font-size:.9rem}.hangla-setup-meta strong{color:var(--ink)}.artist-pk-rank{margin-top:.35rem;padding:1rem 1.05rem 1.1rem;border-radius:18px;background:color-mix(in srgb,var(--panel, #fff) 88%,#b8ff1a 12%);border:1px solid color-mix(in srgb,#111 8%,transparent)}.artist-pk-rank-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.artist-pk-rank-head h2{margin:0;font-family:var(--display);font-size:1.25rem;letter-spacing:.03em}.artist-pk-rank-head p{margin:.25rem 0 0;color:var(--muted, #6b7280);font-size:.86rem}.artist-pk-rank-more{flex-shrink:0;white-space:nowrap}.artist-pk-rank-board{min-height:3rem}.artist-pk-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.artist-pk-rank-row{display:grid;grid-template-columns:1.6rem 40px minmax(0,1fr);align-items:center;gap:.65rem;padding:.45rem .55rem;border-radius:12px;background:color-mix(in srgb,#fff 82%,transparent)}.artist-pk-rank-num{font-family:var(--display);font-size:.95rem;text-align:center;color:var(--muted, #6b7280)}.artist-pk-rank-num.top1{color:#c9a227}.artist-pk-rank-num.top2{color:#7a8594}.artist-pk-rank-num.top3{color:#b87333}.artist-pk-rank-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;background:#ddd}.artist-pk-rank-meta{min-width:0;display:flex;flex-direction:column;gap:.1rem}.artist-pk-rank-meta strong{font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-pk-rank-meta span{font-size:.8rem;color:var(--muted, #6b7280)}.artist-pk-rank-empty{margin:0;color:var(--muted, #6b7280);font-size:.9rem}@media(max-width:640px){.artist-pk-rank{padding:.9rem}.artist-pk-rank-head{flex-wrap:wrap}}.hangla-section-label{font-size:.8rem;color:var(--muted);margin-bottom:.4rem;letter-spacing:.06em}.hangla-region-chip{position:relative;border-width:1.5px;border-color:#11111033;box-shadow:inset 0 0 0 1px #ffffff4d,0 2px 10px #1111100f;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hangla-region-chip:hover{transform:translateY(-1px);border-color:#b8ff1aa6;box-shadow:inset 0 0 0 1px #b8ff1a33,0 0 0 3px #b8ff1a21,0 6px 16px #11111014}.hangla-region-chip.active{border-color:#b8ff1af2;box-shadow:inset 0 0 0 1px #b8ff1a47,0 0 0 3px #b8ff1a33,0 8px 20px #b8ff1a4d}.hangla-pool{display:flex;flex-wrap:wrap;gap:.45rem;min-height:3.2rem;padding:.65rem;border:1px dashed var(--line);border-radius:12px;background:#ffffff59}.hangla-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .65rem .28rem .28rem;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;font:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.hangla-chip:hover{transform:translateY(-1px);border-color:var(--ink)}.hangla-chip.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #b8ff1a8c,0 6px 16px #b8ff1a40;background:#fff}.hangla-chip-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;background:#1111101a}.hangla-chip-name{font-size:.85rem;font-weight:600;max-width:7.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hangla-tiers{display:flex;flex-direction:column;gap:.5rem}.hangla-tier{text-align:left;border:1px solid var(--line);border-radius:12px;background:#ffffff8c;padding:.55rem .7rem .65rem;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.hangla-tier:hover{border-color:#11111059;box-shadow:0 8px 22px #11111014}.hangla-tier.is-shake{animation:hangla-shake .4s ease}.hangla-tier-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.hangla-tier-head strong{font-family:var(--display);font-size:1.35rem;letter-spacing:.04em;font-weight:400}.hangla-tier-head span{font-size:.75rem;color:var(--muted)}.hangla-tier-body{display:flex;flex-wrap:wrap;gap:.35rem;min-height:2.2rem;align-items:center}.hangla-drop-hint,.hangla-empty{color:var(--muted);font-size:.82rem}.hangla-tier.tier-hang{background:linear-gradient(90deg,#b8ff1a47,#ffffff80);border-color:#b8ff1a8c}.hangla-tier.tier-dingji{background:linear-gradient(90deg,#ffc85038,#ffffff80)}.hangla-tier.tier-renshangren{background:linear-gradient(90deg,#78b4ff2e,#ffffff80)}.hangla-tier.tier-npc{background:linear-gradient(90deg,#a0a0a02e,#ffffff80)}.hangla-tier.tier-lale{background:linear-gradient(90deg,#ff503c29,#ffffff80)}.hangla-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.hangla-actions .primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.hangla-toast{margin:0;min-height:1.2rem;color:var(--danger);font-size:.88rem;opacity:0;transition:opacity .2s ease}.hangla-toast.is-on{opacity:1}.hangla-result{display:flex;flex-direction:column;gap:.55rem}.hangla-result-row{display:grid;grid-template-columns:5.5rem 1fr;gap:.65rem;align-items:start;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--line);background:#fff9}.hangla-result-row .hangla-tier-label{font-family:var(--display);font-size:1.4rem;letter-spacing:.04em}.hangla-result-names{display:flex;flex-wrap:wrap;gap:.4rem}.hangla-result-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem .2rem .2rem;border-radius:999px;background:#ffffffd9;border:1px solid var(--line);font-size:.85rem;font-weight:600}.hangla-result-row.tier-hang{background:#b8ff1a38}.hangla-result-row.tier-dingji{background:#ffc8502e}.hangla-result-row.tier-renshangren{background:#78b4ff24}.hangla-result-row.tier-npc{background:#a0a0a024}.hangla-result-row.tier-lale{background:#ff503c1f}@keyframes hangla-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:640px){.hangla-result-row{grid-template-columns:1fr}}.beef-screen{display:flex;flex-direction:column;gap:.85rem}.beef-head h1{margin:0;font-family:var(--display);font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:.04em}.beef-head p{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.beef-section-label{font-size:.82rem;color:var(--muted);letter-spacing:.08em;margin-bottom:.45rem}.beef-vs-mark{text-align:center;font-family:var(--display);font-size:1.6rem;letter-spacing:.12em;opacity:.55}.beef-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.beef-pick-progress{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--line);background:#ffffffb8;font-size:.78rem;color:var(--muted)}.beef-pick-progress .is-active{color:#415f00;font-weight:800}.beef-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem}.beef-roster-card{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:.55rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.28rem;text-align:center}.beef-roster-card:hover{border-color:#11111059;transform:translateY(-1px)}.beef-roster-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.beef-roster-name{font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.25}.beef-roster-count{font-size:.72rem;color:var(--muted)}.beef-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.beef-song-card{display:flex;align-items:center;gap:.75rem;text-align:left;border:1px solid var(--line);background:var(--card);padding:.65rem .75rem;border-radius:12px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.beef-song-card:hover{transform:translateY(-1px);border-color:#11111059}.beef-song-card.is-selected{border-color:transparent;background:var(--accent);box-shadow:3px 3px 0 var(--ink)}.beef-song-card.is-dim{opacity:.45}.beef-pick-grid{display:flex;flex-direction:column;gap:.35rem}.beef-song-cover{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none}.beef-song-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.beef-song-meta strong{font-size:.98rem;line-height:1.25}.beef-song-meta span,.beef-song-meta em{font-style:normal;font-size:.78rem;color:var(--muted)}.beef-song-card.is-selected .beef-song-meta span,.beef-song-card.is-selected .beef-song-meta em{color:#111110b3}.beef-scorebar{margin:.15rem 0 .35rem}.beef-scorebar-names{display:flex;justify-content:space-between;font-size:.88rem;font-weight:700;margin-bottom:.35rem}.beef-scorebar-track{display:flex;height:10px;border-radius:999px;overflow:hidden;background:#11111014;border:1px solid var(--line)}.beef-scorebar-track i{display:block;background:var(--ink);transition:width .35s ease}.beef-scorebar-track b{display:block;background:var(--accent);transition:width .35s ease}.beef-match-brand{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent);font-size:1.1rem;flex:none}.pick-label-badge{display:inline-block;margin-left:.45rem;padding:.1rem .4rem;border-radius:999px;background:var(--accent);color:var(--ink);font-size:.7rem;font-weight:800;letter-spacing:.04em;vertical-align:middle}.beef-toast{min-height:1.2rem}@media(max-width:640px){.beef-actions .primary-btn,.beef-actions .ghost-btn{width:100%}.beef-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.beef-roster-card{padding:.5rem .3rem}.beef-roster-name{font-size:.78rem}}.duel-songs-summary{margin:0 0 .75rem;font-size:.9rem;color:#111110b8}.duel-songs-summary strong{color:#8a5a12}.rank-tab-duel-king.active{border-color:#f0c14dd9;background:linear-gradient(115deg,#ffe08a,#f0c14d 55%,#c9922a);color:#3a2408;font-weight:800}.duel-king-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.35rem 0 1rem}.duel-lane{margin:0 0 1.1rem;padding:.75rem .8rem .9rem;border-radius:14px;border:1px solid var(--line);background:#ffffff73}.duel-lane-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem;margin-bottom:.65rem}.duel-lane-head h2{margin:0;font-size:1rem;font-weight:800}.duel-lane-search{flex:1 1 12rem;min-width:0;max-width:18rem;border:1px solid var(--line);border-radius:999px;padding:.45rem .85rem;background:#fff;font-size:.88rem}.duel-artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.45rem}.duel-lane-hint{margin:.65rem 0 0;font-size:.78rem;color:var(--muted);text-align:center;letter-spacing:.01em}.duel-lane-hint[hidden]{display:none}.duel-artist-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:0;padding:.45rem .3rem .5rem;border-radius:12px;border:1px solid transparent;background:#ffffffb8;cursor:pointer;text-align:center}.duel-artist-card:hover{border-color:#1111102e}.duel-artist-card.is-selected{border-color:var(--ink);background:#111110;color:#f4f4f2}.duel-artist-card.is-taken{opacity:.38;cursor:not-allowed}.duel-artist-avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;background:#11111014}.duel-artist-name{font-size:.72rem;font-weight:700;line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duel-scorebar.beef-scorebar-track,.duel-scorebar .beef-scorebar-track{border-color:#1111101f}.duel-scorebar .beef-scorebar-track i{background:#e23b3b}.duel-scorebar .beef-scorebar-track b{background:#2f9e44}@media(max-width:640px){.duel-king-actions .primary-btn,.duel-king-actions .ghost-btn{width:100%}.duel-artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.duel-lane-search{max-width:none}}