:root{--bangr-orange:#ff6a00;--bangr-orange-soft:#ff8a2b;--bangr-orange-deep:#b62100;--white:#fff;--gold:#ffe08a;--gold-text:#f9c94d;--silver:#f2f4f7;--bronze:#d98c45;--success:#17b26a;--live:#e11d2a;--surface-2:#12141eb3;--muted:#fff9;--tertiary:#96a6cb;--panel:#0b0d16;--card:#ffffff0a;--card-border:#ffffff17;--side-blue:#2563eb;--side-blue-soft:#3b82f6;--side-red:#dc2626;--side-red-soft:#ef4444}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.avatar{color:#fff;background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.tag{color:var(--bangr-orange-soft);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;background:#2a1505;border:1px solid #ff6a0066;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:600;line-height:14px;display:inline-block}.crest{letter-spacing:.5px;color:#fff;background:#1c1f26;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-family:Barlow Condensed,Inter,sans-serif;font-size:12px;font-weight:900;display:grid;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f}.crest.has-logo{background:#fff}.crest img{object-fit:contain;width:76%;height:76%}.notice{text-align:center;color:#fff;background:#ffffff08;border:1px dashed #ffffff2e;border-radius:14px;padding:40px 24px;font-size:1.05rem;line-height:1.6}.notice p{color:inherit;margin:0}.notice p+p{opacity:.7;margin-top:8px;font-size:.95rem}.notice .link{color:var(--bangr-orange);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}body{color:var(--white);background:#08090c;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{max-width:1080px;margin:0 auto;padding:32px 16px}.lb-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.lb-heading{text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:0;font-family:Barlow Condensed,Inter,sans-serif;font-size:2.4rem;font-weight:900;line-height:1}.lb-label{text-transform:uppercase;letter-spacing:1px;color:var(--bangr-orange);margin:6px 0 0;font-family:Barlow Condensed,Inter,sans-serif;font-size:1.1rem;font-weight:700}.lb-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lb-sec{justify-content:space-between;align-items:baseline;gap:12px;margin:32px 0 12px;display:flex}.lb-subheading{text-transform:uppercase;letter-spacing:.5px;color:#fff;align-items:center;gap:10px;margin:0;font-family:Barlow Condensed,Inter,sans-serif;font-size:1.4rem;font-weight:900;line-height:1;display:inline-flex}.lb-count{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600;line-height:16px}.lb-tabs{background:var(--surface-2);border-radius:10px;padding:2px;display:flex}.lb-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font:600 12px/16px Inter,sans-serif;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.lb-tab:hover{color:var(--bangr-orange)}.lb-tab[aria-current=page],.lb-tab[aria-pressed=true]{background:var(--bangr-orange);border-color:var(--bangr-orange);color:#010101}.lb-tab .dot{background:var(--live);border-radius:50%;flex:none;width:7px;height:7px}.lb-tab[aria-pressed=true] .dot{animation:1.3s ease-in-out infinite pulse}.lb-pill{background:var(--bangr-orange);color:#010101;white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font:600 12px/16px Inter,sans-serif;display:inline-flex}.lb-pill .dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;display:none}.lb-pill.live{background:var(--live);color:#fff}.lb-pill.live .dot{animation:1.3s ease-in-out infinite pulse;display:inline-block}.lb-picker{position:relative}.lb-picker[hidden]{display:none}.lb-picker summary{cursor:pointer;background:var(--surface-2);color:#fff;white-space:nowrap;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 12px 0 3px;font:600 13px/16px Inter,sans-serif;list-style:none;transition:border-color .2s,background .2s;display:flex}.lb-picker summary::-webkit-details-marker{display:none}.lb-picker summary:hover,.lb-picker[open] summary{border-color:var(--bangr-orange);background:#ff6a0014}.lb-picker .chev{width:14px;height:14px;color:var(--muted);margin-left:4px;transition:transform .2s}.lb-picker[open] .chev{color:var(--bangr-orange);transform:rotate(180deg)}.lb-ic{background:#ffffff1a;border:1px solid #ffffff80;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:14px;line-height:1;display:grid}.lb-menu{z-index:30;background:#10121b;border:1px solid #7839ee4d;border-radius:22px;gap:2px;min-width:220px;padding:6px;animation:.16s menuIn;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 18px 40px #0000008c}.lb-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:10px;width:100%;padding:8px 10px 8px 8px;font:600 13px/17px Inter,sans-serif;text-decoration:none;transition:background .15s;display:flex}.lb-opt[hidden]{display:none}.lb-opt:hover{background:#ff6a001f;outline:none}.lb-opt:focus-visible{background:#ff6a001f;outline:none}.lb-opt[aria-current=true],.lb-opt[aria-pressed=true]{background:#ff6a002e}.lb-opt .lb-ic{width:32px;height:32px;font-size:16px}.lb-opt .check{width:16px;height:16px;color:var(--bangr-orange);opacity:0;flex:none;margin-left:auto}.lb-opt[aria-current=true] .check,.lb-opt[aria-pressed=true] .check{opacity:1}.row{background:linear-gradient(137deg,#ffffff0f 11%,#ffffff09 97%);border:1px solid #0000;border-radius:14px;margin:0;padding:10px 20px;transition:transform .15s,background .15s,border-color .15s;animation:.35s both rowIn}.row[hidden]{display:none}.row:hover{background:linear-gradient(137deg,#ffffff17 11%,#ffffff0d 97%);transform:translate(3px)}.row.is-live{border-color:#e11d2a73}.row.top-1{border-color:var(--gold);background:linear-gradient(179deg,#ffe08a1a,#ff6a001a)}.row.top-2{border-color:var(--silver);background:linear-gradient(179deg,#f2f4f71a,#8d94a51a)}.row.top-3{border-color:var(--bronze)}.board{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.lb-cols,.board .row{grid-template-columns:24px minmax(0,1fr) 100px 110px 70px;align-items:center;column-gap:8px;display:grid}.lb-cols{color:var(--muted);padding:4px 20px;font-size:10px;line-height:14px}.lb-cols .c-rank{text-align:center}.lb-cols.points,.board.points .row{grid-template-columns:24px minmax(0,1fr) 70px}.lb-cols.points>:last-child,.board.points .row>:last-child{justify-self:end}.board .rank{text-align:center;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.medal{color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;margin:0 auto;font-size:10px;font-weight:600;display:grid}.medal.g{background:radial-gradient(circle at 35% 30%,#ffe08a,#f5a418 60%,#b86a00);box-shadow:inset 0 0 0 1.5px #fff3c4}.medal.s{background:radial-gradient(circle at 35% 30%,#fff,#b9c0cc 60%,#6e7686);box-shadow:inset 0 0 0 1.5px #f2f4f7}.medal.b{background:radial-gradient(circle at 35% 30%,#f6c38f,#c97a37 60%,#7a3f12);box-shadow:inset 0 0 0 1.5px #f3b47a}.board .player{align-items:center;gap:8px;min-width:0;display:flex}.board .name{letter-spacing:-.14px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.board .stat{letter-spacing:-.14px;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:18px;display:flex}.board .stat svg{flex:none;width:18px;height:18px}.board .acc,.board .picks svg{color:var(--success)}.board .picks b{color:var(--success);font-weight:500}.board .picks span{color:var(--tertiary)}.board .pts{color:var(--bangr-orange)}.board .stat.none{color:var(--muted)}.lb-join{border:1.5px dashed var(--bangr-orange);background:linear-gradient(90deg, #ff6a000d, #ff6a0005), var(--panel);color:#fff;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;padding:14px 16px;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;display:flex;position:relative;overflow:hidden}.lb-join:hover{background:linear-gradient(90deg, #ff6a0024, #ff6a000a), var(--panel);border-style:solid;outline:none;transform:translateY(-2px);box-shadow:0 10px 30px #ff6a0040,inset 0 0 24px #ff6a001f}.lb-join:focus-visible{background:linear-gradient(90deg, #ff6a0024, #ff6a000a), var(--panel);border-style:solid;outline:none;transform:translateY(-2px);box-shadow:0 10px 30px #ff6a0040,inset 0 0 24px #ff6a001f}.lb-join:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffe08a1f 50%,#0000 70%);position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.lb-join:hover:before{animation:1.1s sheen}.lb-join:focus-visible:before{animation:1.1s sheen}.join-l{align-items:center;gap:12px;min-width:0;display:flex;position:relative}.q{border:1px solid #ffffff40;border-radius:50%;flex:none;width:40px;height:40px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.q>*{border-radius:50%;transition:opacity .35s,transform .35s;position:absolute;top:0;bottom:0;left:0;right:0}.q-mark{color:var(--gold-text);place-items:center;font:italic 700 24px/1 Inter,sans-serif;display:grid}.q img{object-fit:cover;opacity:0;width:100%;height:100%;transform:scale(.6)rotate(-20deg)}.q img.on{opacity:1;transform:none}.q.started .q-mark{opacity:0;transform:scale(.4)}.lb-join:hover .q{border-color:var(--bangr-orange);transform:scale(1.12);box-shadow:0 0 0 4px #ff6a002e}.lb-join:focus-visible .q{border-color:var(--bangr-orange);transform:scale(1.12);box-shadow:0 0 0 4px #ff6a002e}.lb-join .mark{width:40px;height:40px;color:var(--bangr-orange);background:#ff6a0026;border:1px solid #ff6a0080;border-radius:50%;flex:none;place-items:center;transition:transform .3s,box-shadow .3s;display:grid}.lb-join .mark svg{width:20px;height:20px}.lb-join:hover .mark{transform:scale(1.12);box-shadow:0 0 0 4px #ff6a002e}.lb-join:focus-visible .mark{transform:scale(1.12);box-shadow:0 0 0 4px #ff6a002e}.lb-join strong{font:italic 700 18px/22px Inter,sans-serif;transition:color .25s;display:block}.lb-join:hover strong{color:var(--gold-text)}.lb-join small{color:var(--muted);margin-top:4px;font-size:12px;line-height:16px;display:block}.lb-btn{background:linear-gradient(90deg, var(--bangr-orange) 32.9%, var(--bangr-orange-deep) 100%);color:#fff;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:40px;padding:0 20px;font-family:Barlow Condensed,Inter,sans-serif;font-size:1rem;font-weight:800;display:inline-flex}.lb-btn svg{width:16px;height:16px;transition:transform .15s}.lb-join:hover .lb-btn svg{transform:translate(4px)}@keyframes rowIn{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes sheen{to{transform:translate(100%)}}@media (min-width:640px){.container{padding:40px 20px}.lb-heading{font-size:3rem}}@media (max-width:720px){.lb-cols:not(.points),.board:not(.points) .row{grid-template-columns:24px minmax(0,1fr) 70px}.lb-cols:not(.points)>:nth-child(3),.lb-cols:not(.points)>:nth-child(4),.board:not(.points) .row>:nth-child(3),.board:not(.points) .row>:nth-child(4){display:none}.lb-cols:not(.points)>:nth-child(5),.board:not(.points) .row>:nth-child(5){justify-self:end}.row,.lb-cols{padding-left:14px;padding-right:14px}}@media (max-width:560px){.lb-controls{width:100%}.lb-picker{flex:auto}.lb-picker summary{width:100%}.lb-picker .chev{margin-left:auto}.lb-menu{min-width:0;right:0}.lb-btn{width:100%}}@media (prefers-reduced-motion:reduce){.row,.lb-menu,.lb-join:before,.lb-tab .dot,.lb-pill .dot{animation:none}.row,.lb-join,.q,.q>*,.lb-join .mark,.lb-btn svg{transition:none}}