header{max-width:none;padding:18px max(4%,calc((100vw - 1460px)/2));position:relative;z-index:5}.brand{white-space:nowrap}#search{position:relative;max-width:390px;min-width:240px;background:#0a1014;border-color:#9e8350}#search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:370px;overflow:auto;box-shadow:0 14px 30px #000a;z-index:8}#search-results[hidden]{display:none}#search-results button{border:0;border-bottom:1px solid #51452d;background:#111a20;border-radius:0}#search-results small{color:#b8b5ac;font-size:12px}#search-results button:hover{background:#26343b}.profile{min-height:220px;border-radius:3px;background:linear-gradient(120deg,#11191c,#181719)}.profile:before{opacity:.2}.profile h1{font-size:32px}.profile .avatar{width:132px}.profile .metrics{margin:0 0 0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile .metrics>div{background:linear-gradient(140deg,#202d30b0,#101416);border:1px solid #4a4c47;border-radius:5px;text-align:center;min-width:115px;padding:24px 12px}.profile .metrics strong{font:600 30px 'Cinzel',serif;white-space:nowrap}.profile .metrics small{display:block;margin-top:9px;font-size:11px}.profile .rank{margin:12px 0 0;font-size:15px}.profile .rank-badge{width:44px;height:44px}.profile .rank strong{font-size:24px}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.columns>div{min-width:0;display:flex;flex-direction:column;gap:20px}.stat-bars{padding:8px 22px}.stat-row{display:grid;grid-template-columns:1.3fr 1fr 65px 72px;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #343738;font-size:13px}.stat-row b{color:#76d2cf;font-size:19px;text-align:right}.stat-row small{font-size:11px;color:var(--muted);text-align:right}.meter{height:8px;background:#242c30;border-radius:10px;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#4b8e98,#79d6ce);border-radius:10px}.amber .meter i{background:#dca54f}.amber b{color:#edbc65}.violet .meter i{background:#bda0dc}.violet b{color:#cbb1e6}.small-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px 15px;text-align:center}.small-metrics strong{font-size:23px;display:block}.small-metrics small{font-size:10px;color:var(--muted)}.definitions{padding:14px 20px;border-top:1px solid #3e3c35;color:var(--muted);font-size:12px}.definitions summary{cursor:pointer}.definitions p{padding-top:14px;line-height:1.9}.earned-title{display:inline-block;font-size:12px;padding:3px 8px;margin-top:8px;color:#d0b0ed;border:1px solid #785b9b;border-radius:3px}.ad-slot{height:100px;display:grid;place-items:center;border:1px solid #626569;background:linear-gradient(110deg,#1e2429,#343c43);color:#c8ccce;letter-spacing:3px;font-size:10px}.ad-slot small{font-size:10px}footer{padding:24px 5%;display:flex;justify-content:center;gap:30px;border-top:1px solid #5f4c2e;color:var(--muted);font-size:12px}footer span{font-family:Cinzel,serif;color:var(--gold)}.legal{max-width:850px;line-height:1.9}.legal h1{margin:20px 0}.legal h2{margin:28px 0 12px}.legal p{margin:12px 0}.full-ranking{width:100%}.columns .panel-title h2{font-size:19px}
@media(max-width:1180px){.profile{flex-wrap:wrap}.profile .metrics{width:100%;margin:12px 0 0}.profile .metrics>div{min-width:0;padding:16px 8px}.profile .rank{border:0;padding:0}.columns{grid-template-columns:1fr}header{gap:18px}.stat-row{grid-template-columns:1.2fr 1.5fr 80px 95px}}
@media(max-width:600px){header{gap:12px;padding:16px}.brand{font-size:22px}.profile .avatar{width:82px}.profile h1{font-size:26px}.profile .rank strong{font-size:21px}.profile .rank-badge{width:34px;height:34px}.profile .rank{width:auto}.profile .metrics{grid-template-columns:repeat(2,1fr);gap:8px}.profile .metrics>div{padding:16px 8px}.profile .metrics strong{font-size:27px}.stat-bars{padding:5px 12px}.stat-row{grid-template-columns:1.2fr .8fr 53px 60px;gap:7px;font-size:11px;padding:14px 0}.stat-row b{font-size:16px}.stat-row small{font-size:10px}.meter{height:6px}.small-metrics strong{font-size:21px}.columns .panel-title h2{font-size:17px}.panel-title>.muted{font-size:10px}.profile-info{min-width:0}.hero-stats td,.hero-stats th{padding:12px 9px}.hero-stats td{font-size:12px}.hero-stats .hero-cell{font-size:11px}.hero-stats .thumb{width:34px;height:34px}footer{gap:14px;font-size:10px;flex-wrap:wrap}.ad-slot{height:90px}.is-replay footer{padding-bottom:25px}}

/* Public landing page: no player is selected without a user action or deep link. */
.is-home header #language{margin-left:auto}.home-hero{position:relative;isolation:isolate;min-height:465px;border:1px solid #725734;border-radius:8px;background:#0c1117;display:grid;place-items:center;margin-bottom:24px}.home-art{position:absolute;inset:0;z-index:-1;border-radius:8px;background:linear-gradient(0deg,#0c1117 0%,#0c1117a8 55%,#0c111744),url('assets/banner.webp') center 37%/cover;opacity:.72}.home-intro{width:min(100%,760px);padding:52px 26px;text-align:center}.home-eyebrow{font:500 12px Cinzel,serif;letter-spacing:.32em;color:#ebc884;margin-bottom:14px}.home-intro h1{font-size:clamp(34px,5vw,64px);line-height:1.1;letter-spacing:.035em;text-shadow:0 3px 18px #000}.home-intro h1 span{color:#eac078}.home-subtitle{color:#d4c7b1;font-size:13px;letter-spacing:.1em;margin:20px 0 27px}.home-intro #search{width:100%;max-width:600px;min-width:0;min-height:62px;margin:0 auto;background:#0a0e13f5;border:1px solid #d6ac60;box-shadow:0 5px 25px #0008;border-radius:6px;text-align:left}.home-intro #query{font-size:18px;padding:16px 20px}.home-intro #search>button{font-size:30px;padding:8px 22px;color:#eed28e}.home-replay{margin-top:22px;font-size:13px;background:#111820b3;color:#e1c38e;border-color:#725d3a}.home-panels{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.home-panels .panel{align-self:start}.explorer-list{padding:8px 16px}.explorer-list button{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-bottom:1px solid #38372f;border-radius:0;padding:16px 4px;text-align:left}.explorer-list button:hover{background:#25251e}.explorer-list span{flex:1;min-width:0}.explorer-list strong,.explorer-list small{display:block;overflow:hidden;text-overflow:ellipsis}.explorer-list small{color:var(--muted);font-size:12px}.explorer-list b{color:var(--gold);font-size:24px}.is-home .utility #demo{display:none}.is-home .utility{justify-content:flex-end;margin-bottom:14px}.is-home .utility #sync{max-width:none}.is-home .full-ranking{margin:0}.home-intro #search-results{box-shadow:0 16px 30px #000;max-height:320px}.home-intro #search-results button{font-size:16px;padding:14px}
@media(max-width:600px){.home-hero{min-height:360px}.home-intro{padding:40px 18px}.home-intro h1{font-size:37px}.home-eyebrow{font-size:10px}.home-subtitle{font-size:10px;letter-spacing:.07em;margin:20px 0 24px}.home-intro #search{min-height:56px}.home-intro #query{font-size:15px;padding:14px 12px}.home-intro #search>button{padding:8px 14px}.home-panels{grid-template-columns:1fr;gap:18px}.is-home header nav{order:3}.home-intro #search-results button{font-size:13px}}

.home-art{background-size:auto,180% auto;background-position:center,right 36%}@media(max-width:600px){.home-art{background-size:auto,auto 120%;background-position:center,76% 30%}}

.brand{display:inline-flex;align-items:center;gap:8px}.brand img{flex:none;border-radius:50%}@media(max-width:600px){.brand{font-size:19px;gap:5px}.brand img{width:26px;height:26px}}
.crawl-intro{padding:24px;margin-top:24px;max-width:900px;line-height:1.8}
header select{max-width:190px;min-width:96px}
.panel-title{flex-wrap:wrap;gap:12px}.panel-title h2{overflow-wrap:anywhere}
.stat-row>span,.metrics small,.small-metrics small{overflow-wrap:anywhere}
html[dir=rtl] #search{margin-left:0;margin-right:auto}
html[dir=rtl] .brand,html[dir=rtl] .username,html[dir=rtl] .rank,html[dir=rtl] .transport,html[dir=rtl] .pagination{direction:ltr}
html[dir=rtl] th,html[dir=rtl] td{text-align:right}
html[dir=rtl] .home-art{transform:scaleX(-1)}
html[lang=ar] body{font-family:Tahoma,'Segoe UI',sans-serif}
html[lang=ar] h1,html[lang=ar] h2{font-family:Tahoma,'Segoe UI',sans-serif;letter-spacing:0}
html[lang=th] body{font-family:'Leelawadee UI',Tahoma,sans-serif;line-height:1.7}
html[lang=ja] body{font-family:'Yu Gothic','Meiryo',system-ui,sans-serif}
html[lang=zh-CN] body{font-family:'Microsoft YaHei',system-ui,sans-serif}
html[lang=zh-TW] body{font-family:'Microsoft JhengHei',system-ui,sans-serif}
@media(max-width:600px){header select{max-width:132px}.brand{font-size:17px}.metrics small{font-size:11px}.stat-row{grid-template-columns:minmax(0,1fr) 70px 62px}.stat-row .meter{grid-column:1/-1}.panel-title select{max-width:100%;width:auto}.legal{padding:20px}.home-subtitle{letter-spacing:.03em}}
