:root{--paper:#f5f5ee;--card:#fffef9;--ink:#22372e;--muted:#738077;--green:#416d49;--green-light:#e8efdf;--line:#e3e6dc;--sidebar:#1d312a;--gold:#b08031;--radius:14px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ad8ae7;outline-offset:4px}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.2}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:16px}small{font-size:12px}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--card);padding:12px}.skip-link:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:228px;padding:34px 22px 22px;color:#dde5d8;background:var(--sidebar);display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:10px;align-items:center;letter-spacing:1.6px;font:700 18px/1.2 Consolas,monospace}.brand img{image-rendering:pixelated}.brand small{display:block;font:9px/1.4 "Segoe UI",sans-serif;letter-spacing:1.45px;color:#90a693;margin-top:6px}.world-label{font-size:8px;letter-spacing:1.3px;color:#88a091;margin:43px 0 17px}nav{display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;font-size:13px;padding:13px 14px;border-radius:8px;color:#b7c7bb;transition:background .2s}.nav-link svg{width:19px;height:19px}.nav-link:hover{background:#2c4438;color:#fff}.nav-link.active{color:#e9f3dd;background:#3a5542;box-shadow:inset 3px 0 #b0cc88}.nav-link .tag{margin-left:auto;font-size:9px;border:1px solid #4a5e50;padding:2px 4px;border-radius:3px;color:#b5c6b5}.sidebar-bottom{margin-top:auto}.season{display:flex;gap:12px;align-items:center;border-top:1px solid #36483b;padding:22px 0;font-size:12px}.season small{display:block;color:#8fa595;font-size:10px;margin-top:4px}.season-icon{color:#d9c781;font-size:26px}.roadmap-link{display:flex;justify-content:space-between;font-size:11px;color:#b6c5b5}.sidebar-footer{font-size:10px;line-height:1.7;color:#78907f;margin-top:35px}.workspace{margin-left:228px}.topbar{height:72px;padding:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;background:var(--card)}.crumb{color:var(--muted)}.crumb-separator{padding:0 14px;color:#b5bcaf}.topbar-right{display:flex;gap:21px;align-items:center}.edition{color:var(--muted);font-size:11px}.preview-pill{border:1px solid var(--line);padding:7px 10px;border-radius:6px;font-size:10px;color:#697469;display:flex;align-items:center;gap:6px}.preview-pill i{width:5px;height:5px;background:#b0904c;border-radius:50%}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 38px;background:#f2ead3;border-bottom:1px solid #e6dabc;color:#76643e;font-size:11px}.demo-banner strong{font-weight:600}.text-button{border:0;background:none;color:inherit;padding:0;white-space:nowrap;font-size:11px;display:inline-flex;align-items:center;gap:10px}.text-button:hover{text-decoration:underline}.demo-banner.error-banner{background:#f6e2d9;color:#873e29}
main{padding:30px 38px 20px;max-width:1440px;margin:auto;min-height:calc(100vh - 184px);outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.eyebrow{font:600 9px/1.5 Consolas,monospace;letter-spacing:1.7px;color:var(--green)}.heading-icon{display:flex;align-items:center;gap:10px;color:#879478;font-size:11px}.heading-icon svg{color:#91a274}.hero{position:relative;overflow:hidden;border:1px solid #d9e2d0;border-radius:var(--radius);background:#e7eddb;min-height:237px;margin-bottom:22px;display:flex;align-items:center}.hero-art{position:absolute;width:64%;height:100%;right:0;top:0;object-fit:cover;object-position:60% 56%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#e7eddb 0%,#e7eddb 30%,#e7eddbad 45%,#e7eddb00 65%);pointer-events:none}.hero-copy{padding:28px 30px;position:relative;z-index:1;max-width:56%}.hero-copy h2{font-size:35px;line-height:1.1;letter-spacing:-1.4px;margin:9px 0 13px;font-weight:750}.hero-copy p{font-size:12px;color:#687660;line-height:1.7;max-width:325px}.hero-bottom{margin-top:21px;display:flex;align-items:center;gap:16px}.button{display:inline-flex;gap:14px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);border-radius:7px;padding:10px 15px;font-size:11px;font-weight:600;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px);background:#edf0e5}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover{background:#345d3a}.button svg{width:16px;height:16px}.server-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#3e6b43;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#739c57;display:inline-block;box-shadow:0 0 0 3px #739c5718;flex-shrink:0}.status-dot.offline{background:#a9afa3;box-shadow:none}.server-status.offline{color:#758078}.server-status.unknown{color:#a68244}.hero-corner{position:absolute;right:16px;bottom:14px;z-index:2;font:9px Consolas,monospace;letter-spacing:1px;color:#f9fff2;background:#304c35a8;border-radius:4px;padding:5px 8px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 19px}.stat-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#6c786d}.item-icon{display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:9px;background:#eaf0df;color:#527743}.item-icon.gold{background:#f5ecd9;color:#ac883f}.item-icon.blue{background:#e4eff0;color:#5a989c}.item-icon.purple{background:#efebf7;color:#8c79a4}.item-icon svg{width:21px;height:21px}.stat-value{font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1.3;margin:12px 0 6px}.stat-value .value-unit{font-size:14px;color:#6e7b6b;letter-spacing:0;margin-left:4px;font-weight:500}.stat-foot{font-size:10px;color:#87917e;display:flex;align-items:center;gap:6px}.stat-foot svg{height:11px;width:11px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:10px}.count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:6px;background:#e8ecdf;color:#6b795e;font-size:10px;font-weight:600}.subheading{color:var(--muted);font-size:11px;margin-top:6px}.section-link{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--green);white-space:nowrap}.section-link:hover{text-decoration:underline}.online-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.online-card{display:flex;gap:13px;align-items:center;padding:17px 15px;border:1px solid var(--line);border-radius:11px;background:var(--card);transition:transform .16s,border-color .16s}.online-card:hover,.player-card:hover{transform:translateY(-3px);border-color:#a2b68b}.avatar{width:42px;height:42px;border-radius:6px;image-rendering:pixelated;background:#dadfce;box-shadow:0 3px 0 #28372518;object-fit:cover;flex-shrink:0}.avatar.small{width:29px;height:29px;border-radius:4px}.avatar.large{width:80px;height:80px;border-radius:10px;box-shadow:0 5px 0 #22352a20}.player-name{font-weight:650;font-size:12px;word-break:break-word}.online-meta{display:flex;align-items:center;gap:5px;font-size:10px;color:#76896f;margin-top:7px}.online-meta .status-dot{width:5px;height:5px}.online-arrow{margin-left:auto;color:#acb5a1;font-size:13px}
.bottom-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(255px,1fr);gap:20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:21px}.panel-title{display:flex;align-items:center;gap:9px}.panel-title svg{width:18px;height:18px;color:#8b9c6a}.mini-label{font-size:9px;letter-spacing:1.4px;color:#8b957d}.metric-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:17px 0 10px}.metric-tab{padding:7px 10px;border-radius:5px;border:0;color:#7a8473;background:none;font-size:10px}.metric-tab:hover{background:#f0f2e9}.metric-tab.active{background:#e9efdf;color:#4a7041;font-weight:600}.leader-table{border-collapse:collapse;width:100%;font-size:11px}.leader-table th{font-weight:500;color:#939d89;text-align:left;font-size:9px;letter-spacing:.6px;padding:11px 0;border-bottom:1px solid var(--line)}.leader-table td{padding:10px 0;border-bottom:1px solid #eef0e7}.leader-table tbody tr:last-child td{border-bottom:0}.leader-table th:last-child,.leader-table td:last-child{text-align:right}.leader-table .position{width:36px;color:#94a187}.rank-medal{display:inline-flex;align-items:center;justify-content:center;font:700 10px Consolas,monospace;width:23px;height:25px;clip-path:polygon(15% 0,85% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);background:#f4e7bb;color:#9c7b32}.rank-medal.second{background:#e7eae5;color:#899786}.rank-medal.third{background:#efe0d2;color:#ad8562}.table-player{display:inline-flex;align-items:center;gap:11px;font-weight:600}.table-player:hover .player-name{text-decoration:underline}.leader-value{font:600 11px Consolas,monospace;color:#496243}.leader-table .online-indicator{display:inline-flex;gap:5px;align-items:center;color:#84957a;font-size:10px}.panel-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:10px;font-size:9px;color:#8b967f}.award-card{display:flex;gap:12px;align-items:center;border-bottom:1px solid #edf0e5;padding:16px 0}.award-card:last-of-type{border-bottom:none}.award-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;background:#f2ecd6;color:#9f8137;border-radius:10px;flex-shrink:0}.award-icon.teal{background:#e2eeea;color:#578e83}.award-icon.green{background:#e9eddc;color:#768f4e}.award-icon svg{width:24px;height:24px}.award-card h3{font-size:11px;margin-bottom:5px}.award-card p{font-size:10px;color:#829075}.award-card p strong{color:#566d48;font-weight:600}.award-card>.avatar{margin-left:auto;width:31px;height:31px}.award-note{font-size:10px;line-height:1.7;color:#8b957e;margin-top:16px;padding:12px;background:#f5f5ec;border-radius:7px}.update-row{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8b9681;font-size:9px;margin-top:22px}.refresh{display:flex;align-items:center;gap:6px;border:0;background:none;color:#6f8263;font-size:10px;padding:6px}.refresh svg{width:13px;height:13px}.page-footer{padding:20px 38px 25px;border-top:1px solid var(--line);color:#9aa38f;font-size:9px;display:flex;justify-content:space-between;gap:15px}.page-footer a:hover{color:var(--green)}.footer-dot{font-size:7px;margin:0 7px;color:#a0b184}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:10px 13px;width:280px}.search-field svg{width:17px;height:17px;color:#8e9c81}.search-field input{width:100%;outline:none;border:0;background:none;font-size:12px;color:var(--ink)}.filter-group{display:flex;gap:6px}.filter-button{border:1px solid var(--line);border-radius:7px;padding:9px 13px;font-size:11px;color:#7a8771;background:var(--card)}.filter-button.active{background:var(--green);border-color:var(--green);color:white}.players-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.player-card{display:block;border:1px solid var(--line);background:var(--card);padding:22px;border-radius:var(--radius);transition:transform .16s,border-color .16s}.player-card-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.player-card-stat{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:9px 0;border-bottom:1px solid #eef0e6;color:#829073}.player-card-stat strong{color:#4e6347;font-weight:600}.player-card-foot{display:flex;align-items:center;gap:7px;color:#728164;font-size:10px;margin-top:17px;min-height:20px}.player-card-foot svg{width:13px;height:13px}.empty-state{padding:48px 20px;text-align:center;border:1px dashed #cbd3bf;border-radius:var(--radius);color:#819074;grid-column:1/-1}.empty-state h2{font-size:18px;margin-bottom:10px}.empty-state p{font-size:12px;line-height:1.7}.rank-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.rank-toolbar select{border:1px solid var(--line);border-radius:7px;padding:10px 30px 10px 12px;font-size:12px;background:var(--card);color:var(--ink)}.rank-table-panel{overflow-x:auto}.rank-table-panel .leader-table{min-width:530px}.rank-table-panel .leader-table td{padding:15px 0}.rank-table-panel .leader-table th{padding-bottom:15px}.rank-table-panel .leader-table .avatar{width:38px;height:38px}.rank-table-panel .leader-table .position{width:65px}.rank-table-panel .leader-value{font-size:14px}.table-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:18px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:#829075;margin-bottom:23px}.back-link:hover{color:var(--green)}.profile-header{display:flex;align-items:center;gap:23px;margin-bottom:25px;border:1px solid #d9e2d0;background:#e9efdf;border-radius:var(--radius);padding:27px}.profile-header h1{margin:7px 0}.profile-header .online-meta{font-size:11px}.profile-badges{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:220px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:7px 9px;background:#fff9dd;color:#947936;border:1px solid #e7dbaa;border-radius:6px}.badge svg{width:13px;height:13px}.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-stat-grid .stat-foot{line-height:1.5}.profile-columns{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.block-row{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:15px;align-items:center;margin-top:18px;font-size:11px}.block-label{display:flex;gap:8px;align-items:center;margin-bottom:7px}.block-square{width:10px;height:10px;background:#a2a595;display:inline-block}.block-square.diamond{background:#76b8b6}.block-bar{height:5px;border-radius:2px;background:#f0f1e8;overflow:hidden}.block-bar-fill{height:100%;background:#9aad78;transform:scaleX(var(--fill));transform-origin:left}.block-row strong{text-align:right;font:600 12px Consolas,monospace;color:#6f805d}.details-list{margin:15px 0 0}.details-list div{padding:13px 0;border-bottom:1px solid var(--line)}.details-list dt{color:#8b967e;font-size:10px;margin-bottom:5px}.details-list dd{margin:0;font-size:12px;line-height:1.6}.details-list .uuid{font:9px/1.8 Consolas,monospace;overflow-wrap:anywhere;color:#7b8a70}.definition-box{margin-top:22px;border:1px solid var(--line);background:#f1f2e8;padding:19px;border-radius:11px;font-size:11px;line-height:1.8;color:#78876b}.definition-box strong{color:#596d4c}.definition-box a{color:var(--green);text-decoration:underline}
.info-layout{max-width:900px}.info-intro{font-size:14px;color:#75836e;line-height:1.9;margin:20px 0 28px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card{border:1px solid var(--line);background:var(--card);padding:23px;border-radius:var(--radius)}.info-card h2{margin-bottom:13px;font-size:16px}.info-card p{font-size:12px;line-height:1.85;color:#77876d}.info-card code{font-size:10px;background:#edf0e4;padding:2px 4px;overflow-wrap:anywhere}.roadmap{display:grid;gap:16px;max-width:850px}.roadmap-step{display:flex;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:23px}.step-number{font:600 17px Consolas,monospace;color:#9cae81;min-width:28px}.roadmap-step h2{font-size:17px;margin:0 0 9px}.roadmap-step p{font-size:12px;line-height:1.8;color:#7b896e}.roadmap-step.done{background:#edf2e3;border-color:#c9d6b7}.step-status{display:inline-block;border-radius:4px;margin-top:12px;padding:4px 7px;background:#e9ecdf;color:#75866b;font-size:9px}.roadmap-step.done .step-status{background:#dce8ca;color:#526d40}.loading{padding:80px;text-align:center;color:#829271;font-size:14px}.error-view{text-align:center;padding:70px 20px}.error-view p{margin:18px auto;max-width:420px;color:var(--muted);font-size:13px;line-height:1.8}dialog{border:1px solid #d7decb;border-radius:18px;background:var(--card);padding:28px;color:var(--ink);max-width:490px;width:calc(100% - 36px);box-shadow:0 25px 80px #13291d30}dialog::backdrop{background:#142a2266;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.icon-button{border:0;background:#eff1e7;border-radius:6px;width:29px;height:29px;font-size:20px;color:#829272}dialog h2{font-size:25px;margin-bottom:16px}dialog p{color:#75856c;font-size:13px;line-height:1.8;margin-bottom:17px}dialog .button{margin-top:8px}.toast{position:fixed;bottom:22px;left:calc(50% + 100px);transform:translate(-50%,20px);background:var(--sidebar);color:#e7efdf;padding:13px 18px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #19362725;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:50}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1650px){main{padding-top:35px}.hero{min-height:270px}.stat-card{padding:22px}.hero-copy h2{font-size:40px}.hero-copy p{font-size:13px}}
@media(max-width:1180px){.sidebar{width:200px;padding:28px 17px}.brand{font-size:16px;letter-spacing:1px}.brand img{width:33px;height:33px}.brand small{font-size:8px}.workspace{margin-left:200px}main{padding:26px}.topbar,.demo-banner{padding-left:26px;padding-right:26px}.players-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-copy h2{font-size:31px}.online-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:16px}.stat-value{font-size:25px}.bottom-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}.banner-detail{display:none}}
@media(max-width:940px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.players-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-columns{grid-template-columns:1fr}.profile-header{gap:17px}.profile-badges{max-width:140px}.heading-icon{display:none}.hero-copy{max-width:65%}.hero-art{width:76%}.hero:after{background:linear-gradient(90deg,#e7eddb 0%,#e7eddb 27%,#e7eddbad 60%,#e7eddb00 100%)}.hero-copy h2{font-size:29px}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sidebar{position:sticky;top:0;width:100%;height:65px;padding:0 17px;flex-direction:row;align-items:center;justify-content:space-between}.brand{font-size:13px}.brand small{display:none}.brand img{width:28px;height:28px}.world-label,.sidebar-bottom{display:none}nav{flex-direction:row;gap:4px}.nav-link{padding:10px;gap:0;font-size:0}.nav-link svg{height:19px;width:19px}.nav-link.active{box-shadow:inset 0 -2px #b0cc88}.nav-link:last-child{display:none}.nav-link .tag{display:none}.workspace{margin-left:0}.topbar{height:49px;padding:0 20px;font-size:10px}.topbar-right{gap:8px}.edition{display:none}.preview-pill{font-size:8px;padding:5px 7px}.demo-banner{padding:10px 20px;font-size:9px;gap:8px}.demo-banner .text-button{font-size:9px}.demo-banner .text-button span{display:none}main{padding:24px 20px 20px}.page-heading{margin-bottom:19px}h1{font-size:25px}.page-heading p{font-size:11px;line-height:1.6;max-width:250px}.hero{min-height:268px}.hero-copy{max-width:85%;padding:26px 22px}.hero-copy h2{font-size:32px}.hero-copy p{max-width:238px;font-size:11px}.hero-art{width:100%;opacity:.47;object-position:50% 60%}.hero:after{background:linear-gradient(90deg,#e7eddb 0%,#e7eddbaf 58%,#e7eddb00 100%)}.hero-bottom{gap:12px;flex-wrap:wrap}.hero-corner{font-size:8px}.stat-grid{gap:10px;margin-bottom:23px}.stat-card{padding:15px 13px}.stat-top{font-size:10px}.item-icon{width:26px;height:26px;border-radius:6px}.item-icon svg{width:17px;height:17px}.stat-value{font-size:26px}.stat-value .value-unit{font-size:12px}.stat-foot{font-size:9px;line-height:1.5}.online-grid{gap:10px}.online-card{padding:13px 10px;gap:9px}.online-card .avatar{width:34px;height:34px}.player-name{font-size:11px}.online-arrow{display:none}.online-meta{font-size:9px}.section-title h2{font-size:17px}.section-link{font-size:10px}.panel{padding:18px}.bottom-grid{gap:16px}.page-footer{padding:17px 20px;line-height:1.7}.page-footer>span{max-width:210px}.page-footer a{white-space:nowrap}.update-row{align-items:flex-start;line-height:1.6;font-size:8px}.players-grid{gap:12px}.player-card{padding:16px 13px}.player-card-head{gap:9px}.player-card-head .avatar{width:35px;height:35px}.player-card-stat{font-size:10px;flex-wrap:wrap}.player-card-foot{font-size:9px}.search-field{width:100%}.filter-button{font-size:10px;padding:8px 12px}.profile-header{padding:20px 16px;gap:15px;flex-wrap:wrap}.avatar.large{width:64px;height:64px}.profile-header h1{font-size:24px}.profile-badges{margin-left:0;max-width:none;justify-content:flex-start}.profile-stat-grid .stat-value{font-size:24px}.info-grid{grid-template-columns:1fr}.info-intro{font-size:12px}.info-card{padding:20px}.roadmap-step{padding:20px 16px;gap:12px}.toast{left:50%;width:max-content;max-width:90%;font-size:11px}.profile-header .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Aktive Zeit und AFK sind eigenständige, gleichwertige Messwerte. */
.stat-grid.server-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-grid.activity-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.status-dot.afk{background:#b99a42;box-shadow:0 0 0 3px #b99a4218}
.online-meta.afk{color:#a1843b}
@media(max-width:1180px){.stat-grid.activity-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:940px){.stat-grid.server-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.rank-table-panel .leader-table{min-width:0;table-layout:fixed}.rank-table-panel .leader-table .position{width:42px}.rank-table-panel .leader-table th:first-child{width:42px}.rank-table-panel .leader-table th:nth-child(3),.rank-table-panel .leader-table td:nth-child(3){display:none}.rank-table-panel .leader-table th:last-child{width:100px}.rank-table-panel .table-player{max-width:100%;gap:7px}.rank-table-panel .table-player .avatar{width:28px;height:28px;flex-shrink:0}.rank-table-panel .player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-table-panel .leader-value{font-size:12px}}

/* Die fünf Plätze stehen im Dokument in Rangfolge, auf der Treppe ist Platz 1 in der Mitte. */
.podium-section{padding:27px 28px 19px;margin-bottom:30px;border:1px solid #d9e2cf;border-radius:18px;background:linear-gradient(180deg,#fffef9 0%,#f4f6ed 100%);overflow:hidden}
.podium-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.podium-heading h1{font-size:29px;margin-top:8px}
.podium-heading p{font-size:12px;color:var(--muted);margin-top:9px}
.podium-select{display:flex;flex-direction:column;gap:8px;min-width:205px;font-size:10px;color:var(--muted)}
.podium-select select{width:100%;padding:11px 32px 11px 12px;border:1px solid #d6dfcb;background:var(--card);border-radius:8px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer}
.podium{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:7px;list-style:none;margin:22px 0 0;padding:15px 10px 0;min-height:315px;border-bottom:2px solid #d8dfcf}
.podium-place{min-width:0;text-align:center}
.podium-place-1{order:3;--step-height:142px;--step-color:#e6d59d;--step-edge:#f0e2b9;--step-ink:#7d6127}
.podium-place-2{order:2;--step-height:110px;--step-color:#d8e0d3;--step-edge:#e7ece3;--step-ink:#68765e}
.podium-place-3{order:4;--step-height:85px;--step-color:#e3cbb5;--step-edge:#efdfcf;--step-ink:#8f6b4b}
.podium-place-4{order:1;--step-height:62px;--step-color:#dce6ce;--step-edge:#eaf0e1;--step-ink:#768a60}
.podium-place-5{order:5;--step-height:44px;--step-color:#e4e9d9;--step-edge:#eff2e8;--step-ink:#839072}
.podium-player{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:0 4px 15px;position:relative;min-width:0}
.podium-player .avatar{height:55px;width:55px;border-radius:8px;transition:transform .18s}
.podium-place-1 .avatar{width:74px;height:74px;box-shadow:0 5px 0 #b88d3230}
a.podium-player:hover .avatar{transform:translateY(-4px)}
a.podium-player:hover .podium-name{color:var(--green);text-decoration:underline}
.podium-crown{display:flex;color:#b28b35;margin-bottom:1px}
.podium-crown svg{width:25px;height:25px}
.podium-name{font-size:12px;font-weight:650;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.podium-value{font:600 12px/1.4 Consolas,monospace;color:#596f48;background:#e8eedf;border-radius:5px;padding:4px 8px;max-width:100%;overflow-wrap:anywhere}
.podium-place-1 .podium-value{color:#82642b;background:#f0e5c5}
.podium-step{height:var(--step-height);background:var(--step-color);border-top:7px solid var(--step-edge);border-radius:5px 5px 0 0;color:var(--step-ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;box-shadow:inset -6px 0 #23372e05}
.podium-number{font:700 39px/1 Consolas,monospace;letter-spacing:-2px;opacity:.75}
.podium-place-1 .podium-number{font-size:60px}
.podium-place-4 .podium-number,.podium-place-5 .podium-number{font-size:25px}
.podium-place-label{font-size:9px;letter-spacing:1px;text-transform:uppercase}
.podium-vacant{color:#9ba58f}
.podium-placeholder{display:flex;align-items:center;justify-content:center;width:55px;height:55px;border:1px dashed #cdd7bf;border-radius:9px;background:#eff3e7;color:#a2b18e}
.podium-place-1 .podium-placeholder{height:74px;width:74px}
.podium-vacant .podium-name{font-size:11px;font-weight:400}
.podium-vacant .podium-value{background:transparent;color:#9aa58e}
.podium-note{font-size:10px;line-height:1.7;color:#7c886e;text-align:center;margin:13px 0 0}
.podium-footer{border-top:1px solid #e0e5d7;margin-top:16px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.podium-footer>span{font-size:9px;line-height:1.6;color:#8b967f}
.totals-heading{margin-bottom:16px}
.overview-world.hero{margin-bottom:0;min-height:310px}
.overview-world .hero-copy{max-width:75%;padding:25px}
.overview-world .hero-copy h2{font-size:31px}
.overview-world .hero-bottom{flex-wrap:wrap;gap:12px}
@media(max-width:1180px){.podium-heading h1{font-size:25px}.podium-section{padding:24px 22px 18px}.podium-heading{gap:16px}.podium-select{min-width:180px}}
@media(max-width:700px){.podium-section{padding:20px 13px 15px;margin-bottom:25px;border-radius:13px}.podium-heading{flex-direction:column;align-items:stretch;gap:19px;padding:0 4px}.podium-heading h1{font-size:23px;letter-spacing:-.7px}.podium-heading p{font-size:11px}.podium-select{width:100%;min-width:0}.podium{gap:4px;min-height:272px;margin-top:15px;padding:10px 0 0}.podium-place-1{--step-height:116px}.podium-place-2{--step-height:90px}.podium-place-3{--step-height:74px}.podium-place-4{--step-height:55px}.podium-place-5{--step-height:40px}.podium-player{gap:6px;padding:0 0 11px}.podium-player .avatar,.podium-placeholder{height:32px;width:32px;border-radius:5px}.podium-place-1 .avatar,.podium-place-1 .podium-placeholder{width:44px;height:44px}.podium-name{font-size:10px;line-height:1.4;min-height:28px;display:flex;align-items:center;justify-content:center}.podium-value{font-size:9px;padding:3px 2px;min-height:31px;display:flex;align-items:center;justify-content:center}.podium-vacant .podium-name{font-size:9px}.podium-crown svg{width:20px;height:20px}.podium-step{border-top-width:5px}.podium-number{font-size:29px}.podium-place-1 .podium-number{font-size:43px}.podium-place-4 .podium-number,.podium-place-5 .podium-number{font-size:21px}.podium-place-label{font-size:8px;letter-spacing:0}.podium-note{font-size:9px;margin-top:12px;padding:0 4px}.podium-footer{flex-wrap:wrap;margin-top:13px;padding:12px 4px 0}.podium-footer>span{font-size:8px}.podium-footer .section-link{font-size:10px}.totals-heading .subheading{font-size:10px;line-height:1.6}.overview-world.hero{min-height:290px}}
