.rankings{color-scheme:dark;--rk-bg: #0e1218;--rk-panel: #151b24;--rk-line: #252d3a;--rk-text: #f3f5f8;--rk-muted: #8b95a8;--rk-gold: #f0c14b;--rk-silver: #c0c6d0;--rk-bronze: #d0894a;--rk-na: #e45757;--rk-eu: #3dbf7a;--rk-ht: #e89a3c;--rk-lt: #c9b44a;background:var(--rk-bg);color:var(--rk-text);border-radius:1.1rem;border:1px solid var(--rk-line);overflow:hidden;box-shadow:0 18px 50px #00000059}.rankings-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem;padding:.85rem 1rem .55rem;border-bottom:1px solid var(--rk-line);background:color-mix(in srgb,var(--rk-panel) 90%,black)}.rank-tabs{display:flex;flex-wrap:wrap;gap:.15rem .35rem;align-items:flex-end}.rank-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--rk-muted);font-weight:800;font-size:.82rem;padding:.45rem .55rem .65rem;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:.28rem;min-width:3.4rem;position:relative;border-radius:.45rem .45rem 0 0;transition:color .14s ease,background .14s ease}.rank-tab:hover{color:var(--rk-text);background:color-mix(in srgb,white 4%,transparent)}.rank-tab.active{color:var(--rk-text)}.rank-tab.active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;border-radius:2px;background:#fff}.rank-tab img{width:1.55rem;height:1.55rem;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.rank-side{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.rank-info-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--rk-line);background:transparent;color:var(--rk-muted);font-weight:800;font-size:.8rem;padding:.45rem .7rem;border-radius:.55rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.rank-info-btn:hover{color:var(--rk-text);border-color:color-mix(in srgb,white 20%,var(--rk-line))}.rank-ip-chip{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .55rem .35rem .7rem;border-radius:.65rem;border:1px solid var(--rk-line);background:color-mix(in srgb,black 25%,var(--rk-panel))}.rank-ip-chip .meta{display:flex;flex-direction:column;line-height:1.1}.rank-ip-chip .meta small{color:var(--rk-muted);font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.rank-ip-chip .meta strong{font-size:.92rem;font-weight:800}.rank-ip-chip button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:color-mix(in srgb,white 8%,transparent);color:var(--rk-text);width:2rem;height:2rem;border-radius:.45rem;cursor:pointer;font-weight:800}.rank-ip-chip button:hover{background:color-mix(in srgb,white 14%,transparent)}.rank-table-head,.rank-row{display:grid;grid-template-columns:4.2rem minmax(14rem,1.4fr) 5.5rem minmax(16rem,1.6fr);gap:.75rem;align-items:center;padding:.85rem 1.1rem}.rank-table-head{color:var(--rk-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--rk-line)}.rank-row{border-bottom:1px solid color-mix(in srgb,var(--rk-line) 80%,transparent);transition:background .12s ease}.rank-row:hover{background:color-mix(in srgb,white 3%,transparent)}.rank-pos{font-size:1.55rem;font-weight:800;font-variant-numeric:tabular-nums;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.55rem;color:var(--rk-muted)}.rank-pos.gold{background:color-mix(in srgb,var(--rk-gold) 28%,transparent);color:var(--rk-gold)}.rank-pos.silver{background:color-mix(in srgb,var(--rk-silver) 22%,transparent);color:var(--rk-silver)}.rank-pos.bronze{background:color-mix(in srgb,var(--rk-bronze) 28%,transparent);color:var(--rk-bronze)}.rank-player{display:flex;align-items:center;gap:.85rem;min-width:0}.rank-player img{width:2.75rem;height:2.75rem;border-radius:.55rem;image-rendering:pixelated;background:#1c2430;border:1px solid var(--rk-line)}.rank-player .name{font-size:1.15rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-player .sub{display:flex;align-items:center;gap:.35rem;color:var(--rk-muted);font-size:.82rem;font-weight:700;margin-top:.15rem}.rank-player .sub .gem{width:.85rem;height:.85rem;display:inline-block;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#7dd3fc,#38bdf8);flex-shrink:0}.region-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;padding:.28rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em}.region-pill.na{background:color-mix(in srgb,var(--rk-na) 22%,transparent);color:#ff8e8e}.region-pill.eu{background:color-mix(in srgb,var(--rk-eu) 22%,transparent);color:#6ee7a8}.tier-grid{display:flex;flex-wrap:wrap;gap:.4rem .55rem;justify-content:flex-start}.tier-cell{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:1.85rem}.tier-cell img{width:1.2rem;height:1.2rem;object-fit:contain;opacity:.95}.tier-tag{font-size:.68rem;font-weight:800;padding:.12rem .35rem;border-radius:.3rem;line-height:1.2}.tier-tag.ht{background:color-mix(in srgb,var(--rk-ht) 28%,transparent);color:#ffc078}.tier-tag.lt{background:color-mix(in srgb,var(--rk-lt) 22%,transparent);color:#e8d56a}.tier-tag.empty{background:color-mix(in srgb,white 6%,transparent);color:var(--rk-muted)}.rankings-empty{padding:2.5rem 1rem;text-align:center;color:var(--rk-muted);font-weight:700}.rankings-page .section-head h2{color:var(--dirt)}@media(max-width:860px){.rank-table-head{display:none}.rank-row{grid-template-columns:3rem 1fr;grid-template-areas:"pos player" "pos region" "tiers tiers";row-gap:.55rem}.rank-row>:nth-child(1){grid-area:pos}.rank-row>:nth-child(2){grid-area:player}.rank-row>:nth-child(3){grid-area:region}.rank-row>:nth-child(4){grid-area:tiers}}:root{color-scheme:dark;--bg: #14171c;--bg-elevated: #1c2129;--bg-panel: #222833;--line: #343b48;--ink: #f2f4f7;--muted: #9aa3b2;--gold: #f0c14b;--gold-bright: #ffe08a;--gold-deep: #b8860b;--bronze: #5c3d1e;--live: #ff4d4f;--win: #3dd68c;--lose: #ff6b4a;--shadow: rgba(0, 0, 0, .45);--font-brand: "Bungee", system-ui, sans-serif;--font-body: "Figtree", system-ui, sans-serif;--radius: .55rem;accent-color:var(--gold)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 90% 55% at 50% -5%,color-mix(in srgb,var(--gold) 22%,transparent),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 20%,color-mix(in srgb,var(--bronze) 35%,transparent),transparent 50%),linear-gradient(180deg,#0f1217 0%,var(--bg) 40%,#10141a 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.04;background-image:repeating-linear-gradient(0deg,transparent,transparent 11px,rgba(255,255,255,.5) 11px,rgba(255,255,255,.5) 12px),repeating-linear-gradient(90deg,transparent,transparent 11px,rgba(255,255,255,.35) 11px,rgba(255,255,255,.35) 12px);z-index:0}#root{position:relative;z-index:1;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-nav{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid color-mix(in srgb,var(--gold) 28%,var(--line))}.site-nav .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}.brand-mark{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-brand);font-size:1.05rem;letter-spacing:.04em;color:var(--gold)}.brand-mark img{width:2.4rem;height:2.4rem;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 2px 0 var(--bronze));transition:transform .22s ease}.brand-mark:hover img{transform:rotate(-6deg) scale(1.05)}.brand-mark span{display:none}@media(min-width:720px){.brand-mark span{display:inline}}.nav-links{display:flex;flex-wrap:wrap;gap:.25rem .55rem;font-weight:700;font-size:.92rem;color:var(--muted)}.nav-links a{padding:.35rem .55rem;border-radius:var(--radius);transition:color .16s ease,background .16s ease,transform .16s ease}.nav-links a:hover,.nav-links a.active,.nav-links .nav-text-btn:hover{color:var(--ink);background:color-mix(in srgb,var(--gold) 16%,transparent);transform:translateY(-1px)}.nav-text-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;padding:.35rem .55rem;border-radius:var(--radius);cursor:pointer}.live-badge{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--live)}.live-badge:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--live);box-shadow:0 0 color-mix(in srgb,var(--live) 55%,transparent);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 color-mix(in srgb,var(--live) 45%,transparent)}50%{opacity:.55;box-shadow:0 0 0 6px transparent}}.hero{min-height:calc(100vh - 4.25rem);display:grid;align-content:center;padding:2.5rem 0 3.5rem;position:relative;overflow:clip}.hero:before{content:"";position:absolute;inset:10% 5% auto;height:45%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--gold) 18%,transparent),transparent 70%);filter:blur(8px);pointer-events:none;animation:glow-breathe 5s ease-in-out infinite}@keyframes glow-breathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.hero-inner{position:relative;text-align:center;display:grid;justify-items:center;gap:.85rem}.hero-logo{width:min(720px,92vw);height:auto;display:block;filter:drop-shadow(0 10px 28px rgba(0,0,0,.55));animation:brand-pop .7s cubic-bezier(.2,.9,.2,1.1) both}@keyframes brand-pop{0%{opacity:0;transform:translateY(22px) scale(.92)}to{opacity:1;transform:none}}.hero h1{margin:.35rem 0 0;font-family:var(--font-brand);font-size:clamp(1.15rem,2.8vw,1.75rem);font-weight:400;letter-spacing:.02em;color:var(--gold-bright);text-shadow:0 2px 0 var(--bronze);max-width:22ch}.hero p{margin:0;max-width:40ch;font-size:1.05rem;line-height:1.45;color:var(--muted);animation:reveal .6s ease .12s both}.cta-row{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-top:.75rem;width:min(100%,420px);animation:reveal .65s ease .18s both}.get-ip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;cursor:pointer;width:min(100%,380px);border-radius:.35rem;transition:transform .14s ease,filter .14s ease;filter:drop-shadow(0 6px 0 #5a1010)}.get-ip-btn img{display:block;width:100%;height:auto;border-radius:.25rem}.get-ip-btn:hover{transform:translateY(-2px) scale(1.02);filter:drop-shadow(0 8px 0 #5a1010) brightness(1.05)}.get-ip-btn:active{transform:translateY(2px);filter:drop-shadow(0 2px 0 #5a1010)}.get-ip-btn.copied{animation:ip-flash .5s ease}.get-ip-btn--disabled,.get-ip-btn:disabled{cursor:not-allowed;opacity:.55;filter:grayscale(.25);box-shadow:none;pointer-events:none}.get-ip-btn--disabled:hover,.get-ip-btn:disabled:hover{transform:none;filter:grayscale(.25)}@keyframes ip-flash{0%,to{filter:drop-shadow(0 6px 0 #5a1010)}40%{filter:drop-shadow(0 6px 0 #3d6b1e) brightness(1.15)}}.join-address{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-weight:700;font-size:.95rem;color:var(--gold);background:color-mix(in srgb,var(--bg-panel) 90%,black);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:var(--radius);padding:.55rem .85rem;min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;max-width:100%;word-break:break-all}.join-address.empty{color:var(--muted);border-style:dashed;font-family:var(--font-body);font-weight:600}.hero-links{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center}.discord-hero-btn{display:flex;align-items:center;gap:.9rem;width:min(100%,380px);padding:1rem 1.15rem;border-radius:.65rem;background:linear-gradient(180deg,#7289da,#5865f2);color:#fff;border:2px solid color-mix(in srgb,#fff 22%,#3c45a5);box-shadow:0 6px #2f367a;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;text-align:start}.discord-hero-btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 8px #2f367a}.discord-hero-btn:active{transform:translateY(2px);box-shadow:0 2px #2f367a}.discord-hero-btn__icon{display:grid;place-items:center;flex-shrink:0}.discord-hero-btn__text{display:grid;gap:.15rem}.discord-hero-btn__text strong{font-family:var(--font-brand);font-size:1.15rem;font-weight:400;letter-spacing:.02em;line-height:1.1}.discord-hero-btn__text small{font-size:.85rem;opacity:.9;font-weight:600}.nav-links a.nav-discord{color:#aab4ff}.nav-links a.nav-discord:hover,.nav-links a.nav-discord:focus-visible{color:#fff;background:color-mix(in srgb,#5865f2 35%,transparent)}.home-band{border-top:1px solid var(--line)}.faq-list{display:grid;gap:.65rem;max-width:720px}.faq-item{background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:.7rem;padding:.15rem .95rem;box-shadow:0 8px 24px color-mix(in srgb,var(--shadow) 55%,transparent)}.faq-item summary{cursor:pointer;list-style:none;font-weight:800;color:var(--gold-bright);padding:.85rem 0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--gold);font-weight:800}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:0 0 .95rem;color:var(--muted);line-height:1.5;max-width:58ch}.support-band{padding-bottom:4.5rem}.support-panel{background:radial-gradient(ellipse 80% 80% at 10% 0%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 55%),var(--bg-elevated);border:1px solid color-mix(in srgb,var(--gold) 30%,var(--line));border-radius:1rem;padding:1.5rem 1.35rem 1.6rem;box-shadow:0 16px 40px var(--shadow)}.support-steps{margin:0 0 1.25rem;padding-inline-start:1.25rem;color:var(--ink);font-weight:700;line-height:1.7}.support-steps li::marker{color:var(--gold)}.support-cta{min-height:3rem;padding-inline:1.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:var(--bg-panel);color:var(--ink);font-weight:800;padding:.7rem 1.05rem;border-radius:var(--radius);cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--bg-panel))}.btn.primary{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:#1a1205;border-color:var(--gold-deep);box-shadow:0 4px 0 var(--bronze)}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:transparent;box-shadow:none}.section{padding:3.25rem 0}.section-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.section-head h2{margin:0;font-family:var(--font-brand);font-size:clamp(1.5rem,3.5vw,2.2rem);color:var(--gold);letter-spacing:.02em;font-weight:400}.section-head p{margin:.35rem 0 0;max-width:42ch;color:var(--muted)}.reveal{animation:reveal .6s ease both;animation-timeline:view();animation-range:entry 10% cover 30%}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@supports not (animation-timeline: view()){.reveal{animation:reveal .5s ease both}}.tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.tab{border:1px solid var(--line);background:var(--bg-elevated);color:var(--muted);border-radius:999px;padding:.4rem .85rem;font-weight:800;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.tab:hover{color:var(--ink);border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.tab.active{background:color-mix(in srgb,var(--gold) 22%,var(--bg-elevated));border-color:var(--gold);color:var(--gold-bright)}.tab:disabled{opacity:.45;cursor:not-allowed}.board{background:var(--bg-elevated);border:1px solid var(--line);border-radius:.85rem;overflow:hidden;box-shadow:0 16px 40px var(--shadow)}.board-row{display:grid;grid-template-columns:3rem 2.5rem 1fr auto auto;gap:.75rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.board-row:nth-child(2n){background:color-mix(in srgb,white 2.5%,transparent)}.board-row.elo{grid-template-columns:3rem 2.5rem 1fr auto auto auto}.board-row.feed{grid-template-columns:2.5rem 1fr auto auto}.rank-num{font-weight:800;color:var(--gold)}.skin{width:2.25rem;height:2.25rem;image-rendering:pixelated;border-radius:.35rem;border:1px solid var(--line);background:var(--bg-panel)}.username{font-weight:800}.muted{color:var(--muted);font-size:.9rem}.pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-weight:800;font-size:.8rem;background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold-bright)}.pill.win{background:color-mix(in srgb,var(--win) 20%,transparent);color:var(--win)}.pill.lose{background:color-mix(in srgb,var(--lose) 18%,transparent);color:var(--lose)}.page-form .page-form-inner{display:grid;justify-items:center}.page-form .section-head{text-align:center;justify-content:center;width:min(760px,100%)}.page-form .section-head p{margin-inline:auto}.form-panel{background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));border-radius:.9rem;padding:1.5rem 1.6rem;width:min(760px,100%);max-width:760px;box-shadow:0 16px 40px var(--shadow)}.lb-mode-label{margin:0 0 .85rem;font-weight:800;color:var(--gold-bright);letter-spacing:.02em}.board-row-record{grid-template-columns:3rem 2.5rem 1fr;align-items:start}.lb-main{display:grid;gap:.15rem;min-width:0}.lb-wins{font-weight:800;font-size:.95rem;color:var(--ink)}.lb-money{font-size:.86rem}.form-panel label{display:block;font-weight:800;margin:.85rem 0 .35rem;color:var(--gold-bright)}.form-panel input{width:100%;padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--ink)}.form-panel input:focus{outline:2px solid color-mix(in srgb,var(--gold) 55%,transparent);border-color:var(--gold)}.form-panel .hint{margin:.85rem 0 0;font-size:.92rem;color:var(--muted)}.wallet-box{margin-top:1rem;padding:.85rem;border-radius:var(--radius);background:var(--bg);border:1px dashed color-mix(in srgb,var(--gold) 40%,var(--line));word-break:break-all;font-weight:700;font-size:.88rem;color:var(--gold-bright)}.status{margin-top:1rem;padding:.75rem .9rem;border-radius:var(--radius);font-weight:700}.status.ok{background:color-mix(in srgb,var(--win) 16%,transparent);color:var(--win)}.status.err{background:color-mix(in srgb,var(--lose) 14%,transparent);color:var(--lose)}.page{padding-bottom:4rem}.footer{padding:2.25rem 0 2.75rem;text-align:center;color:var(--muted);border-top:1px solid var(--line)}.footer-inner{display:grid;gap:.55rem;justify-items:center}.footer-brand strong{color:var(--gold);font-family:var(--font-brand);font-weight:400;font-size:1.05rem}.footer-legal{margin:0;max-width:52ch;font-size:.72rem;line-height:1.45;color:color-mix(in srgb,var(--muted) 88%,transparent);font-weight:600}.footer-links{margin:0;font-size:.78rem;font-weight:700;color:var(--muted)}.footer-links a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:2px}.footer-entity{margin:0;font-size:.7rem;font-weight:600;color:color-mix(in srgb,var(--muted) 80%,transparent)}.legal-page .legal-body{width:min(760px,100%);color:var(--muted);line-height:1.55;font-weight:600}.legal-page .legal-body p+p{margin-top:.85rem}#faq,#support{scroll-margin-top:5rem}dialog{border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:.9rem;padding:1.25rem;max-width:28rem;background:var(--bg-elevated);color:var(--ink);box-shadow:0 20px 50px var(--shadow)}dialog::backdrop{background:#080a0eb8}.empty{padding:1.5rem;text-align:center;color:var(--muted);font-weight:700}@media(max-width:720px){.board-row,.board-row.elo,.board-row.feed{grid-template-columns:2.2rem 2rem 1fr;grid-auto-rows:auto}.board-row>:nth-child(n+4){grid-column:3}.nav-links{font-size:.8rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}