/* Shared crystal identity, rankings and first-visit welcome. */
.wordmark{display:flex;align-items:center;flex:none}.wordmark img{width:174px;height:58px;object-fit:contain;display:block}.hero-brand{width:510px;max-width:100%;margin:5px 0 18px}.hero-brand img{display:block;width:100%;height:auto}.hero-content{width:min(640px,58vw);padding-top:70px;padding-bottom:85px}.hero h1{font-size:clamp(32px,3.4vw,51px);max-width:620px}.hero-subtitle{max-width:515px}.hero{min-height:725px}.ranking-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.ranking-nav a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#d9c7ce;font-weight:700}.rank-command{padding-top:85px}.rank-command .section-top h2{font-size:clamp(38px,4vw,58px);max-width:660px}.rank-command .section-intro{max-width:350px}.rank-toolbar{display:flex;align-items:stretch;gap:10px;padding:15px;border:1px solid #674451;background:#22151f;flex-wrap:wrap}.rank-toolbar .rank-tabs{align-self:center;margin:0;margin-right:auto}.rank-toolbar .rank-tabs button{padding:12px 17px}.rank-search{display:flex;align-items:center;gap:8px;border:1px solid #795663;background:#130d14;padding:0 12px;min-width:200px;flex:1;max-width:280px}.rank-search>span{font-size:26px;color:#c287a0}.rank-search input{min-width:0;width:100%;height:40px;background:none;border:0;color:#eddae6;outline:none;font-size:11px}.rank-search input::placeholder{color:#a18294}.rank-toolbar>select{max-width:180px;padding:10px;border:1px solid #795663;background:#130d14;color:#d9bdcd;font-size:11px}.rank-toolbar .icon-button{width:41px;min-height:41px;flex:none;background:#382033;border:1px solid #795663;color:#dda4c1;font-size:24px}.rank-signal{display:flex;justify-content:space-between;gap:15px;padding:16px 0;font-size:8px;font-weight:700;letter-spacing:.12em;color:#aa8398}.rank-signal>span:first-child{display:flex;align-items:center;gap:7px}.rank-signal>span:first-child::before{content:"";width:5px;height:5px;background:#c66c89;transform:rotate(45deg)}.rank-signal>span.online{color:#bfd29e}.rank-signal>span.online::before{background:#b8d38f}.rank-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:16px;align-items:end;margin:15px 0 25px}.podium-card{position:relative;min-height:260px;padding:23px 25px;text-align:center;background:linear-gradient(145deg,#322031,#1b131f 70%);border:1px solid #77516b;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);animation:rankEnter .4s ease backwards}.podium-card.place-1{min-height:292px;border-color:#d2a76e;background:radial-gradient(ellipse at top,#8f563c40,transparent 60%),linear-gradient(145deg,#38212c,#1b131f 70%)}.podium-card.place-2{border-color:#a3a0ad;animation-delay:.08s}.podium-card.place-3{border-color:#a57665;animation-delay:.16s}.podium-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.podium-place{font:600 34px/1 Oswald;color:#c7b4c4}.place-1 .podium-place{color:#efd5a5}.place-3 .podium-place{color:#b88d78}.podium-top small{font-size:8px;letter-spacing:.08em;color:#b897ad;text-align:right}.rank-crest{display:grid;place-items:center;width:37px;height:42px;color:#d7acc3;flex:none}.rank-crest svg{width:100%;height:100%;display:block}.podium-card>.rank-crest{margin:8px auto 10px;width:58px;height:64px}.place-1>.rank-crest{width:68px;height:76px;color:#e3c58e}.podium-card h3{font:600 29px/1.1 Oswald;letter-spacing:.02em;color:#f1e4e9;margin:0;overflow-wrap:anywhere}.podium-card>p{font-size:10px;color:#b697ad;margin:5px 0 17px}.podium-score{padding-top:14px;border-top:1px solid #80566f66}.podium-score strong{font:600 25px/1 Oswald;color:#edcfa5;display:block}.podium-score small{display:block;font-size:8px;color:#a98b9e;text-transform:uppercase;letter-spacing:.15em;margin-top:5px}.rank-sheet{border:1px solid #654050;background:#181019;overflow:auto}.rank-detailed-header,.detailed-row{grid-template-columns:65px minmax(150px,1.5fr) minmax(140px,1.4fr) 75px minmax(100px,.8fr);padding-left:23px;padding-right:23px;min-width:720px}.rank-detailed-header{background:#301e2c;min-height:47px;color:#c49aaf}.detailed-row{min-height:78px;transition:background .2s;animation:rankEnter .35s ease backwards;animation-delay:calc(var(--row,0)*22ms);border-color:#493040}.detailed-row:hover{background:#2c1b2b}.detailed-row .rank-number{font:600 25px Oswald;color:#b98ba1}.detailed-row.elite .rank-number{color:#e7c28d}.rank-person{display:flex;align-items:center;gap:12px;min-width:0}.rank-person>strong{color:#f1dce8;font-size:13px;overflow-wrap:anywhere}.rank-class strong{display:block;font-size:11px;color:#d2afc3;font-weight:500}.rank-class small{display:block;color:#97788f;font-size:10px;margin-top:3px}.rank-level{font:600 23px Oswald;color:#d7bac9}.rank-score{font:600 23px Oswald;color:#e7c697!important;text-align:right}.rank-detailed-header>span:last-child{text-align:right}.rank-tablefoot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 23px;border-top:1px solid #674251;color:#b28c9f;font-size:10px;min-width:500px}.rank-pagination{display:flex;align-items:center;gap:15px}.rank-pagination button{border:1px solid #775069;background:#2c1929;color:#dfadc6;padding:7px 11px;font-size:9px}.rank-pagination button:disabled{opacity:.3;cursor:default}.rank-footnote{display:flex;align-items:center;gap:18px;margin:16px 0 0;font-size:10px;color:#a48699}.rank-footnote p{margin:0;flex:1}.rank-footnote a{color:#d88ba9;white-space:nowrap;font-weight:700}.rank-footnote a:hover{color:#fff}.ranking-empty{padding:45px 25px 50px;max-width:650px;margin:auto;text-align:center}.empty-crest{width:82px;height:90px;margin:0 auto 24px;display:grid;place-items:center;background:linear-gradient(135deg,#3a2034,#1c1423);border:1px solid #7c506d;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%)}.empty-crest .rank-crest{width:45px;height:52px;color:#ba7c9d}.ranking-empty h3{font:600 clamp(24px,3vw,35px)/1.1 Oswald;color:#e1c7d6;margin:12px 0 18px;text-transform:uppercase}.ranking-empty p{font-size:13px;color:#aa8ca1;line-height:1.8;max-width:470px;margin:auto}.portal-eyebrow{font:700 9px/1.4 'Segoe UI';letter-spacing:.16em;color:#bd819c}.rank-page-banner{position:relative;height:260px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#190e1ee0,#190e1e99),url('../img/karos-berneo-remastered.webp') center 40%/cover;border-bottom:1px solid #784458}.rank-page-banner img{width:430px;max-width:70%;height:auto}.rank-page-banner>span{position:absolute;top:25px;left:35px;font-size:8px;letter-spacing:.2em;color:#cbb2c2}body[data-page=rankings] .rank-command{padding-top:70px}body[data-page=rankings] .full-rank-link{display:none}
.welcome-dialog{padding:0;width:min(820px,calc(100vw - 34px));max-height:92vh;overflow:auto;background:#180f1c;color:#f4e7ef;border:1px solid #9d678b;box-shadow:0 40px 130px #000d}.welcome-dialog::backdrop{background:#07050de8}.welcome-dialog[open]{animation:welcomeOpen .65s cubic-bezier(.2,.8,.2,1)}.welcome-scene{min-height:540px;position:relative;padding:67px 55px 45px;text-align:center;background:linear-gradient(0deg,#190e1efc 2%,#190e1edb 48%,#190e1e55),url('../img/karos-berneo-remastered.webp') center/cover;overflow:hidden}.welcome-scene::before{content:"";position:absolute;top:-110px;left:calc(50% - 210px);width:420px;height:420px;border:1px solid #d393b650;border-radius:50%;animation:welcomeRing 1.8s ease-out both;pointer-events:none}.welcome-scene::after{content:"";position:absolute;top:-30px;left:calc(50% - 150px);width:300px;height:300px;background:radial-gradient(ellipse,#cc72c13d,transparent 67%);animation:welcomeLight 1.8s ease-out both;pointer-events:none}.welcome-scene>*{position:relative;z-index:1}.welcome-logo{width:490px;max-width:100%;height:auto;margin:0 auto 17px;display:block;animation:welcomeLogo .8s ease-out both}.welcome-scene h2{font:600 clamp(31px,4.5vw,49px)/1.06 Oswald;text-transform:uppercase;margin:14px 0;color:#f5e4ed;letter-spacing:.025em}.welcome-copy{font-size:14px;line-height:1.8;color:#cbb4c7;max-width:540px;margin:0 auto 27px}.welcome-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.welcome-actions button{border-width:1px;cursor:pointer}.welcome-dialog .dialog-close{position:absolute;z-index:5;top:16px;right:16px;background:#2e1c31;border:1px solid #9d678b;color:#ead0e1;width:32px;height:32px;font-size:23px}.welcome-chapter{display:block;margin-bottom:15px;font-size:8px;color:#e4a8c3;letter-spacing:.26em}.welcome-replay{position:fixed;right:23px;bottom:23px;z-index:15;display:flex;align-items:center;gap:8px;border:1px solid #8f5878;background:#28142a;color:#e6bbd2;padding:10px 14px;font-size:9px;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 25px #0005}.welcome-replay::before{content:"✦";font-size:15px;color:#dfb378}@keyframes rankEnter{from{opacity:.6;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes welcomeOpen{from{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:none}}@keyframes welcomeRing{from{opacity:0;transform:scale(.6) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes welcomeLight{from{opacity:0;transform:scale(.5)}60%{opacity:1}to{opacity:.7;transform:scale(1.2)}}@keyframes welcomeLogo{from{opacity:.15;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wordmark img{width:150px;height:50px}.topbar{gap:16px}.nav{gap:16px}.hero-brand{width:440px}.hero-content{width:60vw}.hero h1{font-size:43px}.rank-toolbar .rank-tabs{width:100%;margin-bottom:4px}.rank-search{max-width:none}.rank-command .section-top h2{font-size:43px}.podium-card{padding:21px 18px}.podium-card h3{font-size:25px}.rank-footnote{flex-wrap:wrap}}
@media(max-width:760px){.wordmark img{width:146px;height:49px}.hero-brand{width:340px}.hero-content{width:auto;padding:0 22px 70px}.hero h1{font-size:clamp(33px,8vw,48px)}.hero{min-height:750px}.hero-meta{font-size:8px}.rank-command{padding:65px 20px}.rank-command .section-top h2{font-size:39px}.rank-toolbar{padding:12px;gap:8px}.rank-toolbar .rank-tabs{display:flex;gap:4px}.rank-toolbar .rank-tabs button{font-size:9px;padding:11px 13px;flex:1}.rank-search{min-width:140px;flex:1}.rank-toolbar>select{width:125px;font-size:10px}.rank-toolbar .icon-button{width:36px}.rank-signal{font-size:7px;letter-spacing:.04em}.rank-podium{gap:8px;grid-template-columns:1fr 1.1fr 1fr}.podium-card{min-height:220px;padding:15px 10px}.podium-card.place-1{min-height:248px}.podium-card h3{font-size:21px}.podium-top small{display:none}.podium-card>.rank-crest{width:43px;height:51px}.place-1>.rank-crest{width:55px;height:63px}.podium-place{font-size:26px}.podium-card>p{font-size:9px;min-height:27px}.podium-score strong{font-size:19px}.podium-score small{font-size:6px;letter-spacing:.04em}.rank-footnote p{width:100%;flex:auto;font-size:9px}.rank-footnote a{font-size:9px}.ranking-nav{gap:15px}.ranking-nav a{font-size:8px}.rank-page-banner{height:210px}.welcome-scene{padding:58px 24px 32px;min-height:490px}.welcome-logo{width:370px;margin-bottom:18px}.welcome-scene h2{font-size:36px}.welcome-copy{font-size:12px}.welcome-actions .button{font-size:10px;min-height:47px}.welcome-replay{right:15px;bottom:15px;padding:8px 11px;font-size:8px}.welcome-replay::before{font-size:13px}}
@media(max-width:480px){.hero-brand{width:310px}.hero{min-height:755px}.hero-image{background-position:61% top}.rank-podium{grid-template-columns:1fr}.podium-card,.podium-card.place-1{min-height:0;padding:17px 18px;display:grid;grid-template-columns:45px 1fr auto;gap:3px 12px;text-align:left;clip-path:none}.podium-card.place-1{order:-1}.podium-top{grid-column:1;grid-row:1/3;align-self:center}.podium-top .podium-place{font-size:34px}.podium-card>.rank-crest{display:none}.podium-card h3{grid-column:2;align-self:end;font-size:23px}.podium-card>p{grid-column:2;margin:3px 0;min-height:0;font-size:9px}.podium-score{grid-column:3;grid-row:1/3;align-self:center;border:0;padding:0;text-align:right}.rank-toolbar>select{max-width:120px}.rank-search{flex-basis:calc(100% - 45px)}.rank-toolbar .icon-button{order:1}.rank-toolbar>select{order:2;max-width:none;width:100%}.rank-signal{gap:9px;flex-direction:column}.ranking-nav a[data-p=news]{display:none}.ranking-nav a[data-p=account]{display:none}.ranking-nav{gap:10px}.welcome-logo{width:300px}.welcome-scene{min-height:465px;padding:55px 22px 30px}.welcome-scene h2{font-size:32px}.welcome-copy{line-height:1.7}.welcome-chapter{font-size:7px}.welcome-actions{display:grid}.welcome-actions .button{justify-content:center}.welcome-replay{width:34px;height:34px;padding:0;justify-content:center;font-size:0}.welcome-replay::before{font-size:16px}}
@media(prefers-reduced-motion:reduce){.welcome-dialog,.welcome-logo,.welcome-scene::before,.welcome-scene::after,.podium-card,.detailed-row{animation:none!important}}

.welcome-replay{width:42px;height:42px;padding:0;justify-content:center;font-size:0}.welcome-replay::before{font-size:18px}.welcome-replay:hover{border-color:#e6a7c5;transform:translateY(-2px)}

html{scrollbar-gutter:stable}html:has(.welcome-dialog[open]){overflow:hidden}.welcome-dialog button:focus-visible{outline:2px solid #d396b7;outline-offset:3px}