: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", "Noto Sans SC", sans-serif;--sans: "Noto Sans SC", system-ui, sans-serif;--radius: 4px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--sans);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}#app{position:relative;z-index:1;min-height:100vh}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:.45rem;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}.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-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:#b8ff1a29;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.path-chain-line{stroke:url(#champ-path-grad);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.55;animation:path-chain-flow 1.8s ease both}@keyframes path-chain-flow{0%{stroke-dasharray:8 120;stroke-dashoffset:80;opacity:.2}to{stroke-dasharray:400 0;stroke-dashoffset:0;opacity:.55}}.bracket-slot.on-path{position:relative;z-index:4;background:#fff!important;box-shadow:0 0 0 1.5px #b8ff1ab3,0 0 8px #b8ff1a59,0 0 14px #b8ff1a29}.bracket-match.has-path{border-color:#b8ff1a59;box-shadow:0 0 8px #b8ff1a24;overflow:visible}.bracket-board.is-split.has-champ-path{grid-template-columns:minmax(0,1fr) 13.75rem 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 #b8ff1ab3,0 0 9px #b8ff1a66,0 0 16px #b8ff1a2e}.champ-path-wrap:after{content:"♛";position:absolute;top:-.55rem;right:-.35rem;font-size:.95rem;line-height:1;z-index:5;color:gold;text-shadow:0 0 4px #fff3a0,0 0 8px rgba(255,215,0,.9)}.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,.55) 0%,rgba(184,255,26,.18) 38%,transparent 70%);filter:blur(2px);animation:champ-aura-pulse 2.8s ease-in-out infinite;pointer-events:none;z-index:0}.champ-hero-orbit{position:absolute;left:50%;top:42%;width:10.2rem;height:10.2rem;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(184,255,26,.85) 40deg,transparent 90deg,rgba(255,255,255,.55) 140deg,transparent 200deg,rgba(184,255,26,.65) 260deg,transparent 320deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));animation:champ-orbit-spin 6s linear infinite;pointer-events:none;z-index:1}.champ-hero-cover-wrap{position:relative;width:8.6rem;height:8.6rem;z-index:2;border-radius:14px;box-shadow:0 0 0 1.5px #b8ff1a8c,0 0 12px #b8ff1a52,0 0 24px #b8ff1a29,0 16px 36px #11111047}.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.55rem;line-height:1;color:gold;text-shadow:0 0 3px #fff8d0,0 0 6px #ffe566,0 0 12px rgba(255,215,0,.95),0 0 20px rgba(255,180,0,.7),0 1px 0 #b8860b,0 -1px 0 #fff1a8;filter:drop-shadow(0 0 4px rgba(255,215,0,.9)) drop-shadow(0 2px 3px rgba(120,80,0,.35));animation:champ-crown-bob 2.2s ease-in-out infinite,champ-crown-sparkle 1.35s ease-in-out infinite;z-index:6}.champ-hero-crown:before,.champ-hero-crown:after{content:"✦";position:absolute;color:#fff6c2;font-size:.55rem;line-height:1;pointer-events:none;animation:champ-spark-twinkle 1.1s ease-in-out infinite}.champ-hero-crown:before{top:-.15rem;left:-.35rem;animation-delay:.15s}.champ-hero-crown:after{top:.15rem;right:-.4rem;font-size:.42rem;animation-delay:.55s}.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-top:.45rem;font-family:var(--display);font-size:1.35rem;letter-spacing:.04em;line-height:1;max-width:12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.champ-hero-meta{position:relative;z-index:2;margin-top:.25rem;color:var(--muted);font-size:.72rem;max-width:12rem;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)}@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-sub{margin:.35rem 0 0;color:var(--muted)}.rank-tabs{display:flex;gap:.5rem;margin:1.25rem 0 .85rem}.rank-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.75rem}.rank-row{display:grid;grid-template-columns:2.2rem 3.2rem 1fr auto;gap:.75rem;align-items:center;padding:.55rem .65rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.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-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-desc{margin-top:.15rem;color:var(--muted);font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-play{width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;font-size:.75rem}.rank-play:hover{background:var(--accent)}@media(max-width:640px){.rank-row{grid-template-columns:1.8rem 2.6rem 1fr auto;gap:.55rem}}.brand{display:inline-flex;flex-direction:column;gap:.05rem;text-decoration:none;color:inherit}.brand-mark{font-family:var(--display);font-size:clamp(1.55rem,3.6vw,2.1rem);letter-spacing:.06em;line-height:.95}.brand-mark span{display:inline;margin-left:.12em;color:transparent;-webkit-text-stroke:1.4px var(--ink)}.brand-sub{font-size:.78rem;color:var(--muted);letter-spacing:.08em}.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 h1{margin:0;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}.hero p{margin:0;max-width:28rem;font-size:1.05rem;line-height:1.55;color:var(--muted)}.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-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}.artist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem}.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}.artist-avatar,.img-fallback{width:96px;height:100%;min-height:96px;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 h1{margin:0 0 .4rem;font-family:var(--display);font-size:clamp(2.8rem,8vw,4.5rem);line-height:.9;letter-spacing:.03em}.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;gap:.75rem;margin-top:.15rem}.vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch;flex:0 0 auto;height:calc(80vh - 6.75rem);max-height:calc(80vh - 6.75rem);min-height:0}@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}.vs-grid{grid-template-columns:1fr auto 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}.pick-wrap{height:100%;min-height:0;gap:.3rem}.pick{height:100%;justify-content:center}.pick-cover{aspect-ratio:1 / 1;width:100%;height:auto;max-height:42vw;object-fit:cover}.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.75rem minmax(0,1fr);gap:.2rem}.bracket-board.is-split.has-champ-path{grid-template-columns:minmax(0,1fr) 6.25rem minmax(0,1fr);gap:.25rem}.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-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:visible;text-align:left;box-shadow:none;transition:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;height:100%;min-height:0}.pick-cover{width:100%;aspect-ratio:1 / 1;height:auto;max-height:min(36vh,100%);object-fit:cover;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-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: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-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-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}.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)}}.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-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.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}.share-bracket-champ-line{margin:.35rem 0 0;font-weight:700}.share-bracket-actions{display:flex;gap:.5rem;flex-wrap:wrap}.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-brand{text-align:center;font-family:var(--display);letter-spacing:.08em;font-size:1.1rem;margin-bottom:.35rem;opacity:.7}.share-bracket-stage .bracket-fit{flex:1;min-height:16rem;margin-top:0}.share-bracket-qr{display:flex;align-items:center;gap:.9rem;margin-top:.75rem;padding:.75rem .85rem;border-top:1px solid var(--line);background:#ffffff73;border-radius:10px}.share-bracket-qr canvas{display:block;width:132px;height:132px;border-radius:8px;background:#fff;flex:0 0 auto}.share-bracket-qr-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.share-bracket-qr-copy strong{font-size:1.05rem;letter-spacing:.04em}.share-bracket-qr-copy span{font-family:var(--display);font-size:1.15rem;letter-spacing:.06em}.share-bracket-qr-copy em{font-style:normal;font-size:.82rem;color:var(--muted)}.share-bracket-tip{margin:0;color:var(--muted);font-size:.82rem}.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;min-height:0;height:100%}.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)}.hangla-section-label{font-size:.8rem;color:var(--muted);margin-bottom:.4rem;letter-spacing:.06em}.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}}