@import url('/assets/local.css');
:root{color-scheme:dark;--bg:#101715;--surface:#171f1c;--surface2:#1c2722;--border:#2a3730;--ink:#edece4;--muted:#93a198;--green:#b2d4ae;--gold:#c8b983;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1240px;margin:auto;padding:0 32px}.header{border-bottom:1px solid var(--border);background:#101715ee;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-size:25px;font-weight:850;letter-spacing:-1.6px;gap:5px;white-space:nowrap}.brand-number{color:var(--green)}.brand-caption{font-size:9px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--border);padding-left:15px;margin-left:12px;font-weight:500}.brand-icon{width:33px;height:37px;color:var(--green);display:grid;place-items:center;margin-right:6px}.brand-icon svg{height:29px;width:29px}.nav nav{display:flex;height:100%;gap:29px;align-items:center}.nav nav a{font-size:12px;color:var(--muted);height:100%;display:flex;align-items:center;border-bottom:2px solid transparent}.nav nav a:hover,.nav nav a.active{color:var(--ink);border-color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #455349;border-radius:6px;background:transparent;color:var(--ink);padding:12px 17px;font-size:12px;font-weight:600;transition:.2s}.button:hover{background:#27372d;transform:translateY(-1px)}.button.small{padding:8px 12px;font-family:Consolas,monospace;font-size:11px}.button svg{width:16px;height:16px}.button.primary{background:var(--green);color:#132017;border-color:var(--green)}.button.primary:hover{background:#c8e5c2}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding:66px 0 58px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:var(--green)}.little-square{width:6px;height:6px;background:var(--green)}h1{font-size:clamp(54px,5.7vw,76px);line-height:1.06;letter-spacing:-3.5px;margin:22px 0 23px;font-weight:750}h1 em{color:var(--green);font-style:normal}p{margin:0}h1+p{color:var(--muted);font-size:13px;line-height:1.85}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:27px}.text-link{display:flex;gap:10px;align-items:center;font-size:11px}.text-link svg{width:15px;height:15px}.text-link:hover{color:var(--green)}.landscape{position:relative;border:1px solid #435245;border-radius:var(--radius);overflow:hidden;background:#22382a;transform:rotate(-1.5deg);box-shadow:12px 16px 0 #17221b}.world-art{width:100%;height:auto;display:block;stroke:none;border-radius:var(--radius)}.world-label{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;font:9px Consolas,monospace;color:#bdd2bd;letter-spacing:2px}.world-label span{opacity:.5}.landscape-footer{padding:14px 19px;background:#19251d;display:flex;align-items:center;gap:9px;font:9px Consolas,monospace;letter-spacing:1px;color:#b1bba8}.landscape-footer>span:last-child{margin-left:auto;opacity:.6;font-size:8px}.section{margin:0 0 47px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:24px;letter-spacing:-.8px;font-weight:600;display:flex;align-items:center;gap:12px;margin:5px 0 0}.overview .section-heading h2{font-size:16px;letter-spacing:-.3px}.small-label{color:var(--muted);font:8px Consolas,monospace;letter-spacing:1px;padding:3px 6px;border:1px solid var(--border);border-radius:3px}.connection-status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:#8fbd8a;border-radius:100%;box-shadow:0 0 0 3px #8fbd8a13;flex-shrink:0}.live-dot.pending{background:var(--gold)}.live-dot.offline{background:#cf9586}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.summary{border:1px solid var(--border);background:var(--surface);padding:20px 23px;border-radius:var(--radius)}.summary-label{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.summary-label svg{width:17px;height:17px;color:var(--green)}.summary strong{display:block;font-size:34px;font-weight:600;letter-spacing:-1.4px;font-variant-numeric:tabular-nums;margin:12px 0 3px}.summary strong small{font-size:18px;color:var(--muted);font-weight:400;letter-spacing:0}.summary>span{font-size:9px;color:#849288}.online-panel{padding:21px 24px;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;gap:35px;margin-top:-22px;margin-bottom:48px;background:#141d18;min-height:90px}.online-heading{display:flex;align-items:center;gap:10px;white-space:nowrap}.online-heading h2{font-size:12px;font-weight:500}.count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;font-size:10px;background:#253429;color:#b5c7b7;border-radius:5px;letter-spacing:0;padding:0 6px}.online-players{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px}.online-chip{background:#223126;border:1px solid #34493a;border-radius:7px;padding:6px 10px 6px 6px;display:flex;align-items:center;gap:9px;color:var(--ink);font-size:11px}.avatar{width:31px;height:31px;border-radius:5px;image-rendering:pixelated;flex-shrink:0}.pill{border:1px solid var(--border);border-radius:5px;font-size:8px;letter-spacing:1px;color:var(--muted);padding:7px 10px;white-space:nowrap}.muted{color:var(--muted)}.ranking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ranking-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden}.ranking-head{padding:21px 22px 17px;display:flex;align-items:flex-start;gap:13px}.ranking-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid #3c4c3f;background:#253428;color:#b5c89c;border-radius:9px}.ranking-card:nth-child(2) .ranking-icon{color:#90c6d0;background:#20383b;border-color:#334a4e}.ranking-card:nth-child(3) .ranking-icon{color:#c7ac96;background:#392f26;border-color:#493f35}.ranking-card:nth-child(6) .ranking-icon{color:#b4b0d5;background:#2d2e3c;border-color:#414252}.ranking-head h3{font-size:15px;margin:0 0 3px;font-weight:600;letter-spacing:-.3px}.ranking-head p{font-size:9px;color:var(--muted)}.ranking-list{list-style:none;padding:0 13px;margin:0 0 12px}.rank-row{width:100%;display:flex;align-items:center;gap:9px;background:transparent;border:0;color:var(--ink);padding:10px 9px;border-top:1px solid #27342c;text-align:left;min-height:52px}.rank-row:hover{background:#202d25;border-radius:6px}.rank{font:11px Consolas,monospace;color:#718477;width:15px}.ranking-list li:first-child .rank{color:var(--gold)}.rank-row .avatar{height:26px;width:26px}.rank-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{font-size:11px;font-weight:500;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.ranking-foot{font-size:8px;color:#819187;border-top:1px solid var(--border);padding:10px 22px;display:flex;justify-content:space-between}.rank-empty{padding:18px 9px;color:var(--muted);font-size:11px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#151e19;border-radius:6px;padding:9px 12px;width:226px}.search svg{color:#778b7d;width:15px;height:15px}.search input{background:transparent;border:0;color:var(--ink);width:100%;font-size:11px;outline:none}.search input::placeholder{color:#839489}.table-container{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:690px;text-align:left}th{background:#1d2721;color:#93a394;font-size:10px;font-weight:500;padding:14px 18px;white-space:nowrap}th:not(:first-child){text-align:right}th button{border:0;background:transparent;color:inherit;padding:0}th button:hover{color:var(--green)}td{padding:17px 18px;border-top:1px solid #29352d;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}td:not(:first-child){text-align:right}.player-cell{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--ink);text-align:left;padding:0;font-size:12px}.player-cell small{display:block;font-size:9px;color:var(--muted);margin-top:1px}.player-cell:hover{color:var(--green)}.profile-arrow{border:0;background:none;color:#778e7b;padding:0}.profile-arrow svg{width:17px;height:17px}.bottom-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.history-panel,.join-panel{border:1px solid var(--border);border-radius:var(--radius);padding:27px;background:var(--surface)}.history-panel h2{font-size:20px}.heading-icon{color:#7b9e81}.history{height:140px;display:grid;align-items:center}.history svg{stroke-width:2;width:100%;height:130px;overflow:visible}.history .chart-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.history-empty{font-size:11px;color:var(--muted);text-align:center;padding:20px;border-bottom:1px dashed #354535}.fine{font-size:9px;color:var(--muted)}.join-panel{background:linear-gradient(120deg,#25392a,#1a2920);border-color:#40553f;position:relative;overflow:hidden}.join-panel:after{content:'';position:absolute;right:-50px;top:60px;width:190px;height:190px;border:1px solid #87a27915;transform:rotate(30deg);box-shadow:0 0 0 30px #87a27905,0 0 0 60px #87a27904;pointer-events:none}.join-panel .eyebrow{font-size:8px}.join-panel h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:14px 0}.join-panel p{font-size:11px;color:#a5b5a2}.join-panel .button{margin:20px 0 10px;font-family:Consolas,monospace;padding:10px 16px}.join-panel .fine{display:block}.data-note{display:flex;align-items:flex-start;gap:13px;font-size:10px;color:#83948a;line-height:1.9;max-width:920px;margin:8px 0 35px}.data-note strong{color:#b0bcb1;font-weight:500}.data-note p>span{display:block;color:#718476}.note-symbol{display:flex;justify-content:center;align-items:center;border:1px solid #506150;border-radius:100%;height:16px;width:16px;flex-shrink:0;font:10px Georgia,serif;margin-top:3px}.footer{border-top:1px solid var(--border);padding-top:28px;padding-bottom:32px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.footer .brand{font-size:21px}.footer p{font-size:10px;color:var(--muted)}.footer>span{font-size:8px;color:#6d8172;margin-left:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 25px;border:1px solid #668563;background:#263c2c;border-radius:9px;box-shadow:0 10px 40px #0006;z-index:100;color:#d8ead1;font-size:12px}.error-banner{padding:12px 17px;background:#372c23;border:1px solid #685038;color:#d4c3ab;border-radius:8px;margin-bottom:25px;font-size:12px}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}.skip{position:fixed;top:-60px;background:var(--green);color:#101715;padding:12px;z-index:100}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{color:var(--ink);background:#151f19;border:1px solid #435543;border-radius:16px;padding:30px;width:min(760px,calc(100vw - 24px));max-height:85vh;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#030b07ba;backdrop-filter:blur(5px)}.icon-button{background:#253328;border:1px solid #3a4a3c;border-radius:6px;color:var(--ink);padding:6px;display:grid;place-items:center}.close-dialog{position:absolute;top:15px;right:15px}.profile-heading{display:flex;align-items:center;gap:18px;margin-bottom:25px}.profile-heading .avatar{width:60px;height:60px}.profile-heading h2{margin:0;font-size:26px;letter-spacing:-.8px}.profile-heading p{font-size:11px;color:var(--muted)}.profile-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border);margin-bottom:20px}.profile-tabs button{background:none;border:0;color:var(--muted);padding:10px 0;border-bottom:2px solid transparent;font-size:12px}.profile-tabs button.selected{color:var(--green);border-color:var(--green)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.profile-stat{border:1px solid var(--border);background:#1b2820;padding:14px;border-radius:8px}.profile-stat span{font-size:10px;color:var(--muted);display:block}.profile-stat strong{font-size:22px;font-weight:500}.profile-note{font-size:10px;color:var(--muted);margin-top:20px}.detail-controls{display:flex;gap:10px;margin-bottom:15px}.detail-controls .search{flex:1}.detail-controls select{background:#1a281e;color:var(--ink);border:1px solid var(--border);border-radius:6px;padding:8px;font-size:11px;max-width:50%}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.detail-row{border-bottom:1px solid var(--border);padding:10px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px}.detail-row span{overflow-wrap:anywhere}.detail-row strong{font-weight:500;white-space:nowrap}.detail-row code{display:block;font-size:8px;color:var(--muted);margin-top:2px}.profile-adv{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:7px;font-size:12px;margin-bottom:8px}.profile-adv:before{content:'✓';color:var(--green)}[hidden]{display:none!important}
@media(min-width:1500px){.hero{gap:75px;padding-top:78px;padding-bottom:74px}.hero-copy h1{font-size:82px}}
@media(max-width:900px){.wrap{padding-left:22px;padding-right:22px}.nav nav{gap:19px}.brand-caption{display:none}.hero{gap:25px;padding-top:40px}.hero-actions{gap:15px;flex-wrap:wrap}h1{font-size:60px}.summary{padding:18px 15px}.summary strong{font-size:28px}.summary>span{font-size:8px}.ranking-grid{grid-template-columns:repeat(2,1fr)}.online-panel{gap:20px}.bottom-grid{grid-template-columns:1.2fr 1fr}.footer>span{margin-left:0}}
@media(max-width:620px){.wrap{padding-left:18px;padding-right:18px}.nav{height:66px;gap:12px}.nav nav{gap:15px}.nav nav a{font-size:10px}.nav .small{display:none}.brand{font-size:22px}.brand-icon{width:23px;margin-right:3px}.brand-icon svg{width:24px;height:24px}.hero{grid-template-columns:1fr;gap:32px;padding-top:34px;padding-bottom:36px}.hero h1{font-size:66px;margin:17px 0}.hero h1 br{display:none}.hero h1 em{display:block}.hero-copy>p{font-size:12px}.landscape{max-height:210px;transform:rotate(-1deg);margin:0 5px 10px 2px}.world-art{margin-top:-45px}.landscape-footer{position:absolute;bottom:0;width:100%}.world-label{top:14px}.hero-actions{margin-top:22px}.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.section-heading h2{font-size:22px}.overview .section-heading h2{font-size:15px}.connection-status{font-size:9px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:10px}.summary{padding:16px}.summary-label{font-size:10px}.summary strong{font-size:28px}.summary>span{font-size:8px}.online-panel{align-items:flex-start;flex-direction:column;gap:5px;padding:15px 18px;margin-bottom:37px}.online-heading h2{margin:4px 0}.online-players{margin:6px 0;font-size:11px}.ranking-grid{grid-template-columns:1fr;gap:14px}.ranking-head{padding:20px 20px 15px}.ranking-head h3{font-size:16px}.rank-name,.rank-value{font-size:12px}.ranking-foot{font-size:9px}.section{margin-bottom:36px}.pill{font-size:7px;padding:5px 8px}.eyebrow{font-size:8px;letter-spacing:1.5px}.search{width:100%}#players .search{width:100%}.bottom-grid{grid-template-columns:1fr}.join-panel{padding:25px}.join-panel h2{font-size:34px}.footer{padding-top:25px;padding-bottom:28px;gap:12px}.footer p{font-size:9px}.footer>span{width:100%;font-size:8px}.data-note{font-size:9px}.profile-stats{grid-template-columns:repeat(2,1fr)}dialog{padding:25px 20px}.profile-heading h2{font-size:22px}.profile-heading .avatar{width:45px;height:45px}.detail-list{grid-template-columns:1fr}.detail-controls{flex-wrap:wrap}.detail-controls select{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}