@font-face{font-family:Bitter;src:url('/assets/fonts/bitter-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--canvas:#10171c;--surface:#182830;--snow:#f4f7fa;--muted:#b3c6d0;--line:#34505e;--ice:#27b9e5;--control:#203b48;--radius:4px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#58717e var(--canvas);scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--snow);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}::selection{background:var(--ice);color:var(--canvas)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-underline-offset:4px}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ice);outline-offset:4px}input{caret-color:var(--ice)}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:24px;z-index:30;background:var(--snow);color:var(--canvas);padding:12px}.skip-link:focus{top:12px}h1,h2,h3{font-family:Bitter,Georgia,serif;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(36px,4.1vw,58px);font-weight:750;margin:0}h2{font-size:clamp(30px,3vw,42px);font-weight:700;margin:0}h3{font-size:25px;font-weight:650;margin:0}p,figure{margin:0}code{font:600 .95em/1.5 ui-monospace,Consolas,monospace}
.site-header{display:flex;align-items:center;gap:40px;min-height:88px;position:relative}.brand{display:flex;align-items:center;gap:12px;font:750 26px/1.1 Bitter,Georgia,serif;text-decoration:none;letter-spacing:-.03em;white-space:nowrap}.brand-logo{width:44px;height:44px;object-fit:contain;display:block}.brand-smp{display:block;font:500 10px/1.2 system-ui,sans-serif;letter-spacing:.16em;margin-top:6px;color:var(--muted)}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:28px}.main-nav a{display:flex;align-items:center;position:relative;text-decoration:none;font-weight:600;color:var(--muted);font-size:14px}.main-nav a:hover{color:var(--snow)}.main-nav a[aria-current=page]{color:var(--snow)}.main-nav a[aria-current=page]:after{content:'';position:absolute;height:2px;background:var(--ice);bottom:0;left:0;right:0}.header-copy{margin-left:auto;display:inline-flex;align-items:center;gap:14px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px;font:600 13px ui-monospace,Consolas,monospace}.header-copy:hover{background:var(--control);border-color:var(--ice)}.header-copy .icon{width:16px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;border-block:1px solid var(--line);min-height:395px}.hero-copy{padding:36px 36px 36px 0;align-self:center}.hero h1{margin-bottom:16px}.hero-lead{font-size:22px;line-height:1.45;font-weight:550;color:var(--snow)}.hero-description{font-size:15px;max-width:46ch;color:var(--muted);margin-top:14px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px}.primary-button,.connection-copy{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:46px;border:0;border-radius:var(--radius);padding:12px 18px;background:var(--snow);color:var(--canvas);font-size:14px;font-weight:750}.primary-button:hover,.connection-copy:hover{background:#c9effa}.quiet-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;text-decoration:none}.quiet-link:hover{text-decoration:underline}.quiet-link .icon{width:16px}.join-hint{display:inline-block;font-size:12px;color:var(--muted);margin-top:16px}.hero-media{position:relative;min-width:0;overflow:hidden}.hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;min-height:395px}.hero-media figcaption{position:absolute;bottom:12px;right:14px;background:#10171ce8;padding:3px 8px;font-size:10px;color:#e0edf3}
.rankings,.store{padding-top:32px;padding-bottom:48px}.section-title{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:22px}.section-description{font-size:14px;color:var(--muted);margin-top:8px}.update-note{font-size:12px;color:var(--muted);text-align:right;max-width:350px;padding-bottom:3px}.update-note.is-stale{color:var(--ice)}.kit-tabs{display:flex;max-width:100%;overflow-x:auto;gap:0;border-bottom:1px solid var(--line);margin-bottom:18px;scrollbar-width:thin;scrollbar-color:#58717e transparent}.kit-tabs button{flex:0 0 auto;white-space:nowrap;min-height:44px;border:0;border-bottom:2px solid transparent;background:none;padding:10px 17px;font-size:13px;font-weight:600;color:var(--muted)}.kit-tabs button:first-child{padding-left:12px}.kit-tabs button:hover{background:var(--surface);color:var(--snow)}.kit-tabs button[aria-selected=true]{border-bottom-color:var(--ice);color:var(--snow);background:var(--surface)}.ranking-tools{display:flex;gap:16px;margin-bottom:14px}.search-field{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:1px solid #526b77;border-radius:var(--radius);padding:0 14px;background:var(--surface)}.search-field .icon{width:18px;color:var(--muted)}.search-field input{width:100%;min-width:0;border:0;outline:none;background:none;color:var(--snow);padding:11px 0;font-size:14px}.search-field:focus-within{outline:2px solid var(--ice);outline-offset:2px}.search-field input::placeholder{color:var(--muted);opacity:1}.tier-field{width:200px;flex-shrink:0}.tier-field select{width:100%;background:var(--surface);color:var(--snow);border:1px solid #526b77;border-radius:var(--radius);padding:10px 14px;min-height:46px;font-size:14px}.ranking-options{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:16px}.ranking-options label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;min-height:32px}.ranking-options input{accent-color:var(--ice);width:17px;height:17px;margin:0}.ranking-options p{text-align:right;max-width:62ch}
.table-container{border-block:1px solid var(--line)}.ranking-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left;font-variant-numeric:tabular-nums}.ranking-table th{padding:11px 14px;font-size:11px;font-weight:600;color:#c4d5df;white-space:nowrap;background:#15252e}.ranking-table td{border-top:1px solid #2a3e49;padding:13px 14px;height:62px}.ranking-table tbody tr:nth-child(even){background:#152127}.ranking-table tbody tr:hover{background:#1a303b}.ranking-table .position-column{width:55px;text-align:center}.ranking-table td.position{text-align:center;color:var(--muted);font-size:17px}.ranking-table .number-column{text-align:right}.ranking-table .tier-column{width:90px;text-align:center}.ranking-table .tier-cell{text-align:center}.ranking-table tr.first-place{background:#142f3c}.ranking-table tr.first-place td.position{color:var(--ice);font-weight:750}.ranking-table .first-place .elo{color:var(--ice)}.player-cell{display:flex;align-items:center;gap:12px;min-width:0}.player-avatar{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;background:#26566a;font-size:11px;font-weight:750;line-height:1;color:var(--snow);border-radius:2px}.player-name{font-weight:650;overflow-wrap:anywhere}.player-unplaced{display:block;font-size:10px;line-height:1.25;color:var(--muted);font-weight:450;margin-top:3px}.elo{font-weight:750;font-size:16px}.tier-badge{display:inline-flex;min-width:48px;justify-content:center;line-height:1.5;border:1px solid #47778d;border-radius:3px;color:#c8e7f4;background:#173746;padding:2px 7px;font-size:11px;font-weight:650}.tier-badge.high{color:#e0f7ff;border-color:#35b0d6;background:#164355}.tier-badge.mid{border-color:#548fa5;color:#ccecf8}.tier-badge.unplaced{border-color:#526b77;color:var(--muted);background:#20333d;font-size:10px;min-width:0}.table-state{text-align:center!important;height:160px!important;color:var(--muted);white-space:normal}.data-message{margin-bottom:14px;background:#183b4b;color:#d2eefb;padding:14px 16px;font-size:13px}.data-message button{border:0;background:none;color:inherit;font-weight:750;text-decoration:underline;margin-left:8px;padding:4px}.table-footer{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:18px}.table-footer>p{font-size:12px;color:var(--muted);max-width:80ch}.pagination{display:flex;align-items:center;gap:8px;font-size:12px;flex-shrink:0}.pagination button{border:1px solid var(--line);background:transparent;border-radius:var(--radius);padding:8px 13px;min-height:40px}.pagination button:hover:not(:disabled){background:var(--control)}.pagination span{padding-inline:6px;color:var(--muted);font-variant-numeric:tabular-nums}.ladder-explanation{display:flex;gap:24px;justify-content:space-between;align-items:baseline;margin-top:22px;color:var(--muted);font-size:12px}.ladder-explanation p{max-width:75ch}.ladder-explanation strong{color:var(--snow)}.text-button{padding:4px 0;border:0;background:none;color:#78d7f1;text-decoration:underline;text-underline-offset:4px;font-size:12px;white-space:nowrap}
.server-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:64px;padding-block:48px;border-top:1px solid var(--line)}.story-copy>p{font-size:15px;color:var(--muted);max-width:54ch;margin-top:18px}.server-story figure{min-width:0}.server-story img{width:100%;height:auto;display:block;aspect-ratio:1100/701;object-fit:cover}.server-story figcaption{font-size:11px;color:var(--muted);margin-top:8px}.progression{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:24px 0 0;gap:6px 0;font-size:12px;font-weight:650}.progression li:not(:last-child):after{content:'/';color:#58717e;margin:0 9px}.progression li:last-child{color:var(--ice)}.story-copy .small-note{font-size:12px;margin-top:14px}.join-section{padding-top:40px;border-top:1px solid var(--line)}.join-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:28px}.join-grid article+article{border-left:1px solid var(--line);padding-left:40px}.join-grid h3{margin-bottom:14px}.join-grid p{font-size:14px;max-width:54ch;color:var(--muted)}.join-grid strong{color:var(--snow);font-weight:550}.join-grid dl{margin:20px 0;display:flex;gap:28px}.join-grid dt{font-size:11px;color:var(--muted)}.join-grid dd{margin:4px 0 0}.connection-copy{background:var(--control);color:var(--snow);font-size:13px;min-height:44px;border:1px solid #526b77}.connection-copy:hover{background:#285367;color:var(--snow)}.connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.join-support{color:var(--muted);font-size:13px;margin-top:32px}.join-support a{color:var(--snow)}
.store{padding-top:48px;min-height:600px}.store-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}.store-heading p{color:var(--muted);font-size:15px}.billing-toggle{display:flex;width:fit-content;border:1px solid var(--line);border-radius:var(--radius);padding:4px;gap:4px;margin-bottom:32px}.billing-toggle button{border:0;border-radius:2px;background:none;min-height:42px;padding:8px 24px;font-weight:650;font-size:13px;color:var(--muted)}.billing-toggle button[aria-pressed=true]{color:var(--canvas);background:var(--snow)}.billing-toggle button:hover:not([aria-pressed=true]){background:var(--control);color:var(--snow)}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.rank-offer{padding-top:24px;border-top:1px solid #67818e;display:flex;flex-direction:column;min-width:0}.rank-offer h2{font-size:34px}.rank-offer ul{padding:0;list-style:none;margin:25px 0 0;color:var(--muted);font-size:14px}.rank-offer li{padding:10px 0;border-bottom:1px solid #2a3e49}.price-label{font-size:11px;color:var(--muted);margin-top:28px;margin-bottom:6px}.rank-price{font:650 40px/1.2 Bitter,Georgia,serif;color:var(--snow)}.rank-price .price-duration{font:400 12px system-ui;color:var(--muted)}.rank-offer .purchase-note{font-size:11px;margin:10px 0 24px;color:var(--muted)}.store-button{display:flex;justify-content:space-between;align-items:center;gap:15px;border:0;border-radius:var(--radius);text-decoration:none;background:var(--snow);color:var(--canvas);padding:13px 17px;font-weight:750;font-size:14px;margin-top:auto}.store-button:hover{background:#c9effa}.store-button[aria-disabled=true]{background:#31444f;color:#a8bfcc;cursor:default}.store-help{font-size:12px;color:var(--muted);margin-top:28px;max-width:80ch}
.site-footer{padding-block:32px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:center}.footer-brand{font-size:22px}.footer-brand .brand-logo{width:36px;height:36px}.footer-brand .brand-smp{font-size:11px;letter-spacing:0}.site-footer nav{display:flex;flex-wrap:wrap;gap:22px;font-size:13px;color:var(--muted)}.site-footer nav a{text-decoration:none}.site-footer nav a:hover{text-decoration:underline;color:var(--snow)}.site-footer>p{grid-column:1/-1;font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 20px;background:var(--snow);color:var(--canvas);box-shadow:0 8px 30px #0005;border-radius:var(--radius);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;text-align:center;font-size:14px;z-index:30}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript{padding:20px;text-align:center;color:var(--ice)}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.site-header{gap:32px}.header-copy{display:none}.main-nav{margin-left:auto}.hero-copy{padding-right:24px}.hero-lead{font-size:20px}.hero-actions{gap:18px}.server-story,.join-grid{gap:36px}.join-grid article+article{padding-left:32px}.store-grid{gap:26px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{min-height:76px}.brand{font-size:23px}.brand-logo{width:38px;height:38px}.brand-smp{font-size:9px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:var(--radius)}.main-nav{display:none;position:absolute;left:0;right:0;top:76px;margin:0;padding:10px 16px;background:#182830;border:1px solid var(--line);z-index:20}.main-nav.is-open{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.main-nav a{min-height:48px;font-size:14px}.main-nav a[aria-current=page]:after{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:28px 0}.hero h1{font-size:37px;margin-bottom:12px}.hero-lead{font-size:20px}.hero-description{font-size:14px;max-width:44ch;margin-top:12px}.hero-actions{gap:18px;margin-top:20px}.primary-button{font-size:13px;padding:12px 14px}.quiet-link{font-size:13px}.join-hint{font-size:11px;margin-top:14px}.hero-media img{min-height:0;height:auto;aspect-ratio:1.9;object-fit:cover;object-position:center 42%}.hero-media figcaption{font-size:9px;bottom:8px;right:8px}.rankings{padding-top:28px}.section-title{display:block;margin-bottom:20px}.section-title h2{font-size:31px}.section-description{font-size:13px;margin-top:7px}.update-note{text-align:left;margin-top:10px;font-size:11px;max-width:none}.kit-tabs{margin-bottom:16px}.kit-tabs button{font-size:12px;padding-inline:14px}.ranking-tools{gap:10px}.search-field{padding-inline:10px;gap:8px}.search-field input{font-size:13px}.tier-field{width:115px}.tier-field select{font-size:12px;padding:10px 8px}.ranking-options{display:block;font-size:11px;margin-bottom:12px}.ranking-options p{text-align:left;margin-top:4px}.ranking-table{font-size:12px;table-layout:fixed}.ranking-table th,.ranking-table td{padding:10px 5px}.ranking-table th{font-size:10px}.ranking-table .position-column{width:29px}.ranking-table td.position{font-size:13px}.ranking-table .tier-column{width:57px}.ranking-table .number-column{width:58px;padding-right:7px}.ranking-table .overall-stat{display:none}.player-cell{gap:8px}.player-avatar{width:24px;height:24px;font-size:9px}.player-name{font-size:12px}.tier-badge{min-width:41px;font-size:10px;padding:2px 5px}.tier-badge.unplaced{font-size:9px;max-width:52px;overflow-wrap:anywhere}.elo{font-size:14px}.table-footer{display:block;margin-top:14px}.table-footer>p{font-size:11px;margin-bottom:14px}.pagination{justify-content:flex-end}.ladder-explanation{display:block;font-size:11px;margin-top:20px}.ladder-explanation .text-button{margin-top:12px}.server-story{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-block:32px}.story-copy>p{font-size:14px;margin-top:16px}.progression{font-size:11px;margin-top:20px}.progression li:not(:last-child):after{margin-inline:7px}.join-section{padding-top:32px}.join-section .quiet-link{margin-top:14px}.join-grid{grid-template-columns:1fr;gap:32px;margin-top:24px}.join-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:28px}.join-grid h3{font-size:24px}.join-grid p{font-size:13px}.join-grid dl{margin-block:18px}.join-support{font-size:12px;margin-top:28px}.store{padding-top:28px}.store-heading{display:block;margin-bottom:24px}.store-heading h1{font-size:38px}.store-heading p{font-size:14px;margin-top:14px}.billing-toggle{margin-bottom:8px}.store-grid{grid-template-columns:1fr;gap:30px}.rank-offer{padding-top:24px}.rank-offer h2{font-size:31px}.rank-offer ul{margin-top:14px}.rank-offer li{font-size:14px}.price-label{margin-top:20px}.rank-offer .purchase-note{margin-bottom:20px}.store-button{max-width:100%}.store-help{font-size:12px}.site-footer{grid-template-columns:1fr;gap:24px}.site-footer nav{gap:16px 24px;font-size:12px}.site-footer>p{font-size:10px;max-width:50ch}.footer-brand{font-size:22px}.toast{font-size:13px}.data-message{font-size:12px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:34px}.hero-lead{font-size:18px}.hero-actions{gap:14px}.quiet-link{font-size:12px}.player-avatar{display:none}.ranking-table .number-column{width:55px}.ranking-table .tier-column{width:54px}.player-name{font-size:12px}.progression li:not(:last-child):after{margin-inline:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}