:root{--bg:#0e0d10;--surface:#18181b;--surface-2:#202025;--surface-3:#2a2a30;--line:#2e2e35;--text:#f4f4f5;--text-2:#b4b4bd;--muted:#7c7c87;--orange:#f97316;--orange-soft:#fdba74;--red:#e0310f;--pink:#ff8fbb;--cream:#fffaf0;--gold:#ffc933;--radius:18px;--display:"Bungee", "Segoe UI Black", sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:repeating-linear-gradient(135deg, transparent 0 220px, #e0310f0d 220px 300px, transparent 300px 470px, #f973160a 470px 520px), radial-gradient(1200px 600px at 50% -10%, #f9731624, transparent 70%), var(--bg);min-height:100vh;color:var(--text);font:500 16px/1.5 var(--body);-webkit-font-smoothing:antialiased;background-attachment:fixed}a{color:inherit}img{display:block}button,input{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:.5px;margin:0;font-weight:400;line-height:1.1}h1{font-size:clamp(30px,5vw,48px)}h2{font-size:22px}h3{font-size:16px}.hot{background:linear-gradient(180deg, var(--orange-soft), var(--orange) 55%, var(--red));color:#0000;-webkit-background-clip:text;background-clip:text}.shell{max-width:1320px;margin:0 auto;padding:0 20px}.nav{z-index:20;background:linear-gradient(180deg, var(--bg) 70%, transparent);align-items:center;gap:18px;padding:14px 0;display:flex;position:sticky;top:0}.brand{font:24px/1 var(--display);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{transition:transform .25s;transform:rotate(-8deg)}.brand:hover img{transform:rotate(6deg)scale(1.08)}.live-pill{font:800 12px/1 var(--body);letter-spacing:1px;background:var(--red);border-radius:999px;padding:5px 9px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 16px #e0310fb3}@keyframes pulse{50%{opacity:.6}}.links{gap:4px;margin-left:auto;display:flex}.link{color:var(--text-2);border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-weight:800;text-decoration:none;display:flex}.link:hover{color:var(--text);background:var(--surface-2)}.link.on{color:var(--text);background:var(--surface);box-shadow:inset 0 -3px 0 var(--orange)}.find{background:var(--surface);border:1px solid var(--line);height:40px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.find:focus-within{border-color:var(--orange)}.find input{width:150px;color:var(--text);background:0 0;border:0;outline:none}.page{min-height:70vh;padding:18px 0 40px}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:26px 0 36px;font-size:14px;display:flex}.foot p{margin:0}.foot-socials{gap:18px;display:flex}.foot-socials a{color:var(--text-2);font-weight:800;text-decoration:none}.foot-socials a:hover{color:var(--orange)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.card-head a{color:var(--orange);font-size:14px;font-weight:800;text-decoration:none}.card-head a:hover{text-decoration:underline}.sub{color:var(--text-2);margin:6px 0 0}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.section{margin-top:26px}.section>h2{margin-bottom:14px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.tile .label{color:var(--text-2);font-size:14px;font-weight:800}.tile .value{font:900 30px/1.15 var(--body);font-variant-numeric:tabular-nums;margin-top:4px}.tile .note{color:var(--muted);margin-top:2px;font-size:13px}.btn{background:linear-gradient(180deg, #fb923c, var(--orange) 50%, var(--red));color:#fff;cursor:pointer;border:0;border-radius:12px;align-items:center;gap:8px;padding:11px 18px;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #f973164d}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:var(--surface-2);box-shadow:none;border:1px solid var(--line)}.empty{text-align:center;color:var(--text-2);place-items:center;gap:10px;padding:36px 16px;display:grid}.empty img{width:96px;height:96px}.skeleton{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:10px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.stage{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.player,.chat{border-radius:var(--radius);border:1px solid var(--line);background:#000;overflow:hidden}.player{aspect-ratio:16/9;box-shadow:0 0 0 3px var(--orange), 0 0 40px #f973164d}.player iframe,.chat iframe{border:0;width:100%;height:100%;display:block}.offline{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);text-align:center;background:repeating-linear-gradient(0deg,#00000040 0 2px,#0000 2px 5px),radial-gradient(#26141c,#0b0a0d 75%);place-items:center;display:grid;position:relative;overflow:hidden}.offline .inner{justify-items:center;gap:10px;padding:20px;display:grid}.offline img{width:min(200px,30vw);height:auto;animation:2.8s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-8px)rotate(-3deg)}}.offline .osd{color:#4ade80;text-shadow:0 0 10px #4ade80cc;font:26px/1 monospace;position:absolute;top:18px;left:22px}.now{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.now .title{flex:320px;font-size:18px;font-weight:900}.chip{background:var(--surface-2);border:1px solid var(--line);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:14px;font-weight:800;display:inline-flex}.chip.red{color:#ffb4a3;background:#e0310f26;border-color:#e0310f80}.tabs{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.tab{background:var(--surface);border:1px solid var(--line);color:var(--text-2);cursor:pointer;border-radius:12px;padding:9px 16px;font-weight:900;text-decoration:none}.tab:hover{color:var(--text)}.tab.on{color:#fff;border-color:var(--orange);background:linear-gradient(#f9731640,#e0310f26)}.board{margin:0;padding:0;list-style:none}.board li{border-top:1px solid var(--line)}.board li:first-child{border-top:0}.row{border-radius:12px;grid-template-columns:44px 36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 8px;text-decoration:none;display:grid}.row:hover{background:var(--surface-2)}.row .rank{font:900 16px var(--body);color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.row .who{min-width:0}.row .name{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.row .meta{color:var(--muted);font-size:13px}.row .val{font-variant-numeric:tabular-nums;text-align:right;font-weight:900}.row .badge{width:36px;height:36px}.row.top1 .rank,.row.top2 .rank,.row.top3 .rank{font-family:var(--display);font-weight:400}.row.top1 .rank{color:var(--gold);font-size:20px}.row.top2 .rank{color:#d4d4d8;font-size:18px}.row.top3 .rank{color:#e8a36c;font-size:18px}.podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:14px;margin-bottom:18px;display:grid}.step{text-align:center;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);justify-items:center;gap:6px;padding:18px 12px 16px;text-decoration:none;display:grid}.step:hover{border-color:var(--orange)}.step img{width:72px;height:72px}.step.first{border-color:#ffc93399;padding-top:26px;box-shadow:0 0 30px #ffc93326}.step.first img{width:96px;height:96px}.step .place{font:28px/1 var(--display)}.step.first .place{color:var(--gold)}.step .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:900;overflow:hidden}.step .val{color:var(--text-2);font-weight:800}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .grid-line{stroke:var(--line);stroke-width:1px}.chart .axis-text{fill:var(--muted);font:700 12px var(--body)}.chart .series{fill:none;stroke:var(--orange);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .wash{fill:var(--orange);opacity:.1}.chart .bar{fill:var(--orange)}.chart .bar.dim{opacity:.45}.chart .dot{fill:var(--orange);stroke:var(--surface);stroke-width:2px}.chart .cross{stroke:var(--text-2);stroke-width:1px}.chart .end-label{fill:var(--text);font:800 12px var(--body)}.tip{pointer-events:none;background:var(--surface-3);border:1px solid var(--line);white-space:nowrap;z-index:5;border-radius:10px;padding:7px 10px;font-size:13px;position:absolute;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 8px 20px #00000080}.tip b{font-variant-numeric:tabular-nums;font-size:15px;display:block}.bars{gap:10px;display:grid}.bars .b-row{grid-template-columns:minmax(0,190px) minmax(0,1fr) 72px;align-items:center;gap:12px;display:grid}.bars .b-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.bars .b-track{height:14px}.bars .b-fill{background:var(--orange);border-radius:0 4px 4px 0;min-width:3px;height:100%}.bars .b-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:900}table.list{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}table.list th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px;font-size:13px;font-weight:800}table.list td{border-bottom:1px solid var(--line);padding:10px 8px}table.list td.num,table.list th.num{text-align:right}table.list tr:last-child td{border-bottom:0}.scroll{overflow-x:auto}.media-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.media{background:var(--surface);border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:transform .15s,border-color .15s;display:block;overflow:hidden}.media:hover{border-color:var(--orange);transform:translateY(-3px)rotate(-.4deg)}.media .thumb{aspect-ratio:16/9;background:#000;position:relative}.media .thumb img{object-fit:cover;width:100%;height:100%}.media .dur{background:#000000bf;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:800;position:absolute;bottom:8px;right:8px}.media .info{padding:10px 12px 12px}.media .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:900;display:-webkit-box;overflow:hidden}.media .m{color:var(--muted);margin-top:3px;font-size:13px}.hero-card{background:linear-gradient(135deg, #f9731629, #e0310f0f 45%, var(--surface) 75%);border:1px solid #f9731673;border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:26px;padding:26px;display:grid}.hero-card .big-badge{filter:drop-shadow(0 10px 20px #00000080);width:150px;height:150px}.rank-name{font:18px var(--display);color:var(--orange-soft);margin-top:6px}.meter{margin-top:16px}.meter .track{background:#f973162e;border-radius:999px;height:12px;overflow:hidden}.meter .fill{background:linear-gradient(90deg, var(--orange), var(--red));border-radius:999px;height:100%}.meter .cap{color:var(--text-2);justify-content:space-between;margin-top:6px;font-size:13px;font-weight:800;display:flex}.emote-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.emote-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;justify-items:center;gap:4px;padding:18px 10px 12px;display:grid;position:relative}.emote-card img{object-fit:contain;width:56px;height:56px}.emote-card.top1{border-color:#ffc93399;box-shadow:0 0 24px #ffc9331f}.emote-card.top1 img{width:72px;height:72px}.e-rank{font:15px var(--display);color:var(--muted);position:absolute;top:8px;left:12px}.emote-card.top1 .e-rank{color:var(--gold)}.emote-card.top2 .e-rank{color:#d4d4d8}.emote-card.top3 .e-rank{color:#e8a36c}.e-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:900;overflow:hidden}.e-uses{color:var(--orange-soft);font-variant-numeric:tabular-nums;font-weight:900}.e-fan{color:var(--muted);font-size:12px;text-decoration:none}.e-fan:hover{color:var(--text)}.e-missing{background:var(--surface-2);width:56px;height:56px;color:var(--muted);border-radius:12px;place-items:center;font-weight:900;display:grid}.fav-emotes{flex-wrap:wrap;gap:18px;display:flex}.fav{text-align:center;justify-items:center;gap:2px;width:92px;display:grid}.fav img{object-fit:contain;width:48px;height:48px}.fame-top{background:linear-gradient(#ffc93324,#0000);border:1px solid #ffc93373;border-radius:16px;justify-items:center;gap:4px;margin-bottom:8px;padding:18px 12px 16px;text-decoration:none;display:grid;position:relative}.fame-top img{width:96px;height:96px}.fame-crown{font-size:26px;position:absolute;top:8px;right:14px;transform:rotate(14deg)}.fame-name{font:20px var(--display);color:var(--gold);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fame-val{color:var(--text-2);font-weight:800}@media (width<=1000px){.stage{grid-template-columns:1fr}.chat{height:460px}.grid.three{grid-template-columns:1fr}}@media (width<=760px){.shell{padding:0 16px}.nav{flex-wrap:wrap;gap:10px}.links{order:3;justify-content:space-between;width:100%;margin:0}.link{padding:9px 10px}.link span{display:none}.find{margin-left:auto}.find input{width:110px}.grid.two,.podium{grid-template-columns:1fr}.podium .step.first{order:-1}.hero-card{text-align:center;grid-template-columns:1fr;justify-items:center}.bars .b-row{grid-template-columns:minmax(0,110px) minmax(0,1fr) 60px}}.last-live{color:var(--text-2);text-align:center;max-width:440px;font-size:14px}.last-live b{color:var(--text)}.last-live .last-title{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;display:block;overflow:hidden}.gallery{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.gallery .item{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:14px;align-content:start;justify-items:center;gap:6px;padding:14px 8px 10px;display:grid}.gallery .item img{object-fit:contain;width:64px;height:64px}.gallery .item.badge img{image-rendering:auto;width:54px;height:54px}.gallery .item .n{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.gallery .item .k{color:var(--muted);font-size:12px}.tier-head{align-items:baseline;gap:10px;margin:28px 0 12px;display:flex}.tier:first-child .tier-head{margin-top:0}.people{flex-wrap:wrap;gap:8px;display:flex}.person{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:4px 12px 4px 4px;font-size:14px;font-weight:800;transition:border-color .15s,transform .15s;display:inline-flex}.person:hover{border-color:var(--orange);transform:translateY(-1px)}.person img,.person .avatar-blank{border-radius:50%;flex:none;width:30px;height:30px}.person .avatar-blank{background:var(--surface-3);color:var(--text-2);text-transform:uppercase;place-items:center;display:grid}.person .pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person .pextra{color:var(--muted);font-size:12px;font-weight:700}.badge.round{border-radius:50%}.recap-nav{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.recap-nav .btn{padding:8px 12px}.recap-title{overflow-wrap:anywhere;margin-top:6px;font-size:20px;font-weight:900}.link-tile{transition:border-color .15s,transform .15s}.link-tile:hover{border-color:var(--orange);transform:translateY(-2px)}.streams-table tbody tr{cursor:pointer}.streams-table tbody tr:hover td{background:var(--surface-2)}.person,a.chip{color:var(--text);text-decoration:none}a.chip:hover{border-color:var(--orange)}
