:root{--antique:#baa77b;--ink:#18211f}html{scroll-behavior:smooth}header .brand img{width:30px;height:30px}.hero-live{position:absolute;right:7%;bottom:18%;width:255px;text-decoration:none;color:#ece9dc;border-top:1px solid #baa77b80;padding-top:24px;display:flex;flex-direction:column;background:linear-gradient(90deg,transparent,#10191644)}.hero-live .live-number{font:110px/1 Georgia,serif;letter-spacing:-7px;margin:12px 0;color:#d9c597}.hero-live>span:nth-child(3){font-size:10px;letter-spacing:2px}.live-caption{margin-top:28px;font-size:11px;color:#c6c8bc}.server-ribbon{padding:25px 5%;display:flex;gap:32px;flex-wrap:wrap;align-items:center;border-bottom:1px solid #353b32;background:#171d19;font-size:10px;letter-spacing:1.5px}.server-ribbon strong{font-size:12px;letter-spacing:0;margin-left:10px;color:#e2dcc9}.server-ribbon small{margin-left:auto;color:#a2ab9b;font-size:10px;letter-spacing:0}.signal{display:inline-block;width:6px;height:6px;margin-right:7px;background:#b3a785;border-radius:50%}.signal[data-state=online]{background:#a6c694;box-shadow:0 0 9px #a6c69455}.signal[data-state=offline]{background:#df8273}.chronicle{padding:95px 7% 105px;background:radial-gradient(ellipse at top right,#24352c,#101714 60%);border-bottom:1px solid #40473d}.chronicle-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:48px}.chronicle-heading h2{font-size:clamp(38px,4.7vw,68px);line-height:1.03}.chronicle-heading>p{font-size:13px;color:#a6b1a3;line-height:1.9;max-width:250px;margin-bottom:6px}.chronicle .eyebrow{color:var(--antique)}.ranking-layout{display:grid;grid-template-columns:230px 1fr;gap:40px}.ranking-menu button{width:100%;display:flex;align-items:center;gap:20px;padding:21px 0;border:none;border-bottom:1px solid #434d40;background:none;color:#9fab9b;font-size:15px;text-align:left;cursor:pointer;transition:color .2s,transform .2s}.ranking-menu button span{font-size:10px;color:#8c987e}.ranking-menu button b{margin-left:auto;font-weight:400;opacity:0;transition:opacity .2s}.ranking-menu button[aria-pressed=true]{color:#eadcc0}.ranking-menu button[aria-pressed=true] b{opacity:1}.ranking-menu button:hover{transform:translateX(4px);color:#ece6d5}.ranking-menu>p{font-size:11px;line-height:1.8;color:#a5ad9c;margin-top:28px}.ranking-paper{background:#e4e2d5;color:#233128;border-top:3px solid var(--antique);padding:28px 30px;min-width:0;box-shadow:0 20px 45px #0002}.ranking-title{display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid #b7bdab;padding-bottom:23px}.ranking-title h3{font:25px Georgia,serif}.ranking-title>span{font-size:9px;letter-spacing:.8px;color:#576452}.world-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.world-table th{font-size:9px;letter-spacing:1px;padding:20px 12px;color:#596653}.world-table td{padding:18px 12px;border-top:1px solid #c6caba;font-size:12px}.world-table td:first-child{color:#737f68;font:18px Georgia,serif}.world-table td:last-child{font:22px Georgia,serif;text-align:right}.world-table th:last-child{text-align:right}.world-table tbody tr{transition:background .2s}.world-table tbody tr:hover{background:#d7dacb}.world-table small{display:block;color:#626f5d;font-size:10px;margin-top:6px}.rank-name{font:22px Georgia,serif}.ranking-foot{border-top:1px solid #b7bdab;padding-top:15px;margin-top:20px;font-size:10px;color:#576452;line-height:1.7}#ranking-table{overflow-x:auto;max-height:560px}.ranking-empty{padding:55px 15px;text-align:center}.ranking-empty>span{font:65px Georgia,serif;color:#899679}.ranking-empty h4{font:24px Georgia,serif}.ranking-empty p{font-size:12px}.hero .hero-shade{background:linear-gradient(90deg,#0c120ded,transparent 95%),linear-gradient(0deg,#101714,transparent 60%)}.hero .hero-copy{position:relative;z-index:1}.hero h1 em,.chronicle h2 em{color:#cfbe92}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.entered{opacity:1;transform:none}.char-level img{display:block;margin:0 auto 8px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #ad9f70;outline-offset:5px}@media(max-width:1000px){.hero-live{right:5%;width:180px}.hero-live .live-number{font-size:85px}.ranking-layout{grid-template-columns:180px 1fr;gap:24px}.ranking-paper{padding:22px}.ranking-title{align-items:start;flex-direction:column}.server-ribbon{gap:18px}}@media(max-width:700px){header nav{display:none}.hero-live{position:relative;right:auto;bottom:auto;margin:28px 0 50px 7%;width:86%;display:grid;grid-template-columns:1fr 110px;padding-top:18px;gap:8px}.hero-live .eyebrow{grid-column:1}.hero-live .live-number{grid-column:2;grid-row:1/4;font-size:70px;text-align:right;margin:0}.hero-live>span:nth-child(3){font-size:9px}.hero-live .live-caption{margin:7px 0 0;font-size:10px}.hero{min-height:830px}.server-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 7%}.server-ribbon small{grid-column:1/3;margin:0}.server-ribbon strong{display:block;margin:7px 0 0}.chronicle{padding:65px 6%}.chronicle-heading{display:block;margin-bottom:26px}.chronicle-heading>p{margin-top:25px}.ranking-layout{display:block}.ranking-menu{display:flex;overflow-x:auto;gap:17px;padding-bottom:15px}.ranking-menu>.eyebrow,.ranking-menu>p{display:none}.ranking-menu button{flex:none;width:auto;font-size:12px;padding:13px 0;gap:6px;white-space:nowrap}.ranking-menu button b{display:none}.ranking-menu button span{font-size:8px}.ranking-paper{padding:22px 15px}.ranking-title h3{font-size:23px}.world-table td,.world-table th{padding:16px 8px}.rank-name{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.char-level .race-portrait{width:90px;height:110px;object-fit:cover;object-position:50% 0;border-bottom:1px solid #baa77b55}.char-level{min-width:95px}.race-portrait{filter:drop-shadow(0 6px 10px #0004)}

.rank-face{width:34px;height:42px;object-fit:cover;object-position:center top;float:left;margin-right:10px;background:#cad0bc;border:1px solid #a1ad92}.game-icon{vertical-align:middle;image-rendering:auto;border:1px solid #baa77b70}.rank-name{line-height:1.2}

.lineages{padding:75px 7% 60px;background:#1a211d;overflow:hidden;border-bottom:1px solid #394437}.lineages-title{display:flex;align-items:end;justify-content:space-between}.lineages-title h2{font-size:44px;line-height:1.05}.lineage-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:38px}.lineage-figure{position:relative;min-width:0;border-bottom:1px solid #707b5b;isolation:isolate}.lineage-figure:before{content:"";position:absolute;inset:20% 0 10%;background:radial-gradient(ellipse,#81947233,transparent 70%);z-index:-1}.lineage-figure img{display:block;width:100%;height:240px;object-fit:contain;object-position:center bottom;transition:transform .4s}.lineage-figure:hover img{transform:translateY(-8px)}.lineage-figure span{display:block;font:19px Georgia,serif;padding:20px 0;color:#d8d3ba}@media(max-width:700px){.lineages{padding:55px 6% 40px}.lineages-title{display:block}.lineages-title h2{font-size:38px}.lineage-gallery{grid-template-columns:repeat(6,135px);overflow-x:auto;gap:14px;padding-bottom:12px}.lineage-figure img{height:200px}.lineage-figure span{font-size:17px}}

.profession-badge{font-size:9px;text-transform:uppercase;letter-spacing:1px;border:1px solid #7f8b68;padding:3px 5px;margin-right:5px}.char-level .race-portrait{object-position:center;width:78px;height:94px;border:1px solid #baa77b55}

.world-table{min-width:610px}.world-table td:nth-child(2){min-width:185px}.world-table td:nth-child(3){min-width:140px}.world-table td:last-child{min-width:100px}.rank-face{object-position:center}
.char-card{grid-template-columns:110px 1.5fr 1fr}.char-level{min-width:0}@media(max-width:850px){.char-card{grid-template-columns:90px minmax(0,1fr);gap:18px}.char-card h3{font-size:27px}.char-meta{grid-column:2}.char-level{font-size:40px}}