@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#050d14;--text:#e9eff1;--muted:#9cacb7;--gold:#c7ad77;--cyan:#95e1e5;--border:#283b47}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:400;line-height:1.2}.header{position:absolute;top:0;z-index:10;width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5%;border-bottom:1px solid #b4ddec1c;background:linear-gradient(#050d14c0,transparent)}.brand{display:flex;align-items:center;gap:14px;font:500 20px Cinzel,Georgia,serif;letter-spacing:2px}.brand small{font:10px Inter,Arial,sans-serif;letter-spacing:4px;display:block;margin-top:6px;color:#a6b7c2}.crest{font:42px Georgia,serif;color:var(--gold);border-top:1px solid #b79b63;border-bottom:1px solid #b79b63;line-height:1.2;padding:0 7px;text-shadow:0 0 25px #d2b67840}.header nav{display:flex;gap:34px;height:100px;align-items:center}.header nav a{font-size:0.875rem;color:#b4c1ca;position:relative;transition:color .2s}.header nav a:hover,.header nav a.active{color:#e3d1aa}.header nav a.active:after{content:'';position:absolute;bottom:-39px;height:2px;background:#c7ad77;box-shadow:0 0 12px #dec58b;left:0;right:0}.header-actions{display:flex;align-items:center;gap:24px}.language{font-size:0.875rem;letter-spacing:1px}.language span{color:#9badb5;margin-left:7px}.small-button{border:1px solid #aa966266;padding:10px 19px;text-transform:uppercase;letter-spacing:1px;font-size:0.875rem;color:#e6d4b0;transition:.3s;background:#beaa7010}.small-button:hover{background:#b69c7020;box-shadow:0 0 25px #d0b16f20}.menu{display:none;font-size:1.6875rem}.hero{height:860px;min-height:730px;max-height:1100px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;z-index:-4;background:url('assets/dragon-hero.webp') center/cover no-repeat;animation:arrival 1.7s ease-out}.hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030c14bb 0%,#030c1450 43%,transparent 75%),linear-gradient(0deg,#050d14 0%,#050d1400 35%,#030c1420 80%,#030c1490)}.hero-top{position:absolute;top:142px;left:8%;display:flex;align-items:center;gap:15px;letter-spacing:3px;font-size:0.875rem;color:#a2b7c2}.rule{width:36px;height:1px;background:#a39473}.hero-content{position:absolute;top:245px;left:8%;width:650px;max-width:60%;}.eyebrow{font-size:0.875rem;font-weight:500;letter-spacing:3px;color:var(--gold);margin-bottom:20px}.hero-content>.eyebrow{font-size:0.875rem;letter-spacing:4px;color:#c1d7de;margin-bottom:28px}.title-kicker{display:block;font-size:1.5625rem;font-weight:400;letter-spacing:12px;margin-bottom:8px;color:#d2e1e7;text-shadow:0 2px 20px #7ac1d555}.title-main{font-size:clamp(60px,7.8vw,125px);letter-spacing:-4px;line-height:1.1;display:block;background:linear-gradient(180deg,#f5eedb,#c5d9d5 36%,#6d9dab 69%,#a8c7c7 95%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 16px #1a72916b)}.hero-subtitle{font:400 31px/1.3 Cinzel,Georgia,serif;color:#ded4ba;margin-top:24px}.hero-content p{font-size:0.9375rem;margin-top:14px;color:#b2c4cf;max-width:360px}.hero-buttons{display:flex;gap:16px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:23px;min-height:57px;padding:16px 27px;font-size:0.875rem;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;transition:transform .25s,box-shadow .25s,background .25s;position:relative}.primary{color:#f7eaca;background:linear-gradient(115deg,#a48a4e,#69562f);border:1px solid #e1c787;box-shadow:0 0 28px #ad894325,inset 0 0 15px #f2d39315;text-shadow:0 1px 2px #342d1c}.button:hover{transform:translateY(-3px);box-shadow:0 0 35px #cdb27245}.primary:after{content:'';position:absolute;inset:3px;border:1px solid #dfc28240;pointer-events:none}.secondary{border:1px solid #779aa65c;background:#091a24a0;color:#cee3e9}.scroll{position:absolute;bottom:37px;left:8%;font-size:0.875rem;letter-spacing:3px;color:#819ea9;display:flex;align-items:center;gap:18px}.scroll i{height:1px;width:65px;background:linear-gradient(90deg,#a4b7b8,transparent)}.hero-side{position:absolute;right:30px;top:40%;writing-mode:vertical-rl;display:flex;align-items:center;gap:25px;font-size:0.875rem;letter-spacing:3px;color:#b5cbd4}.hero-side span:first-child{color:#e2d4b2;font-size:0.875rem}.hero-side i{height:90px;width:1px;background:#99c4cd50}.hero-caption{position:absolute;bottom:40px;right:8%;text-align:right}.hero-caption span{display:block;font-size:0.875rem;letter-spacing:3px;color:#97bdc6}.hero-caption span+span{font:17px Cinzel,Georgia,serif;letter-spacing:0;color:#c2d7dd;margin-top:9px}.aurora{position:absolute;z-index:-3;inset:0;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#00d9ff20,transparent 40%);mix-blend-mode:screen;animation:glow 7s ease-in-out infinite alternate}.motes{position:absolute;inset:0;pointer-events:none;z-index:1}.motes i{position:absolute;width:2px;height:2px;background:#b9f9ff;box-shadow:0 0 8px 2px #64eafa;border-radius:50%;animation:float 8s linear infinite;opacity:0}.realm-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 8%;border-top:1px solid #526a7340;border-bottom:1px solid #526a7340;background:linear-gradient(90deg,#0a1b25,#0b1922 60%,#101d25);font-size:0.875rem;color:var(--muted)}.realm-strip:before{content:'';position:absolute;left:8%;right:8%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#bda26e88,transparent)}.realm-strip>span:first-child{display:flex;align-items:center;gap:15px}.realm-strip b{font-size:0.875rem;letter-spacing:2px;color:#d8c197;font-weight:500}.diamond{width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);box-shadow:0 0 15px #bfaf8370}.realm-strip a{font-size:0.875rem;color:#d2c199}.realm-strip a span+span{margin-left:30px}.section{max-width:1340px;margin:auto;padding:105px 5%}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}h2{font-size:clamp(30px,3.1vw,45px);letter-spacing:-.8px}.section-heading p{max-width:280px;font-size:0.875rem;color:var(--muted)}.world-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.feature{height:370px;position:relative;overflow:hidden;border:1px solid #33515d;background:#101f2b}.feature:before{content:'';position:absolute;z-index:2;inset:8px;border:1px solid #b0c0b918;pointer-events:none}.feature:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#05121ff5 5%,#0719248c 55%,#08172010 100%);pointer-events:none}.feature-art{position:absolute;inset:0;transition:transform 1s;filter:saturate(.75)}.feature:hover .feature-art{transform:scale(1.06)}.dragon{background:url('assets/dragon-hero.webp') 76% 40%/cover}.warrior{background:url('assets/fafurion.jpg') 28% 100%/220%}.feature-copy{position:absolute;z-index:3;bottom:32px;left:32px;right:32px}.card-label{font-size:0.875rem;letter-spacing:2px;color:#b1d0d8;display:flex;gap:14px;align-items:center}.card-label b{font:24px Cinzel,Georgia,serif;color:#c7ad77;font-weight:400}.feature h3{font-size:1.875rem;margin:16px 0 13px}.feature p{color:#b9cbd4;max-width:360px;font-size:0.875rem;line-height:1.8}.server{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;padding-top:0;padding-bottom:100px}.server-intro{padding-top:17px}.server-intro p{margin:22px 0;color:var(--muted);font-size:0.9375rem;max-width:440px}.preparing{color:#cdb785;display:inline-block;font-size:0.875rem;letter-spacing:2px;border-left:2px solid #b99e65;padding:3px 0 3px 14px}.specs{margin:0;padding:20px 30px;border:1px solid #2a404a;background:linear-gradient(125deg,#14293370,#0a141f55);position:relative}.specs:after{content:'';position:absolute;top:-1px;left:30px;width:70px;height:1px;background:#c8ad77}.specs div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #233744;padding:17px 0}.specs div:last-child{border:0}.specs dt{color:var(--muted);font-size:0.875rem}.specs dd{margin:0;font-size:0.875rem;color:#dce3e9;text-align:right}.specs div:first-child dd{color:#e4d2a9}.download{text-align:center;max-width:none;position:relative;border-top:1px solid #273a46;border-bottom:1px solid #273a46;background:radial-gradient(ellipse at 50% 100%,#143b4c90,transparent 65%),#09141f;padding-top:60px;padding-bottom:75px}.download:before{content:'';position:absolute;inset:0;background:linear-gradient(#06101bea,#06101be0),url('assets/dragon-hero.webp') center 65%/cover;z-index:0;pointer-events:none}.download>*{position:relative}.download .ornament{font-size:1.875rem;color:#b6a174;margin-bottom:18px;text-shadow:0 0 30px #c7c590}.download>p{color:var(--muted);font-size:0.9375rem;margin-top:18px}.download-options{display:flex;justify-content:center;gap:20px;margin:35px auto 0;max-width:860px}.download-card{display:flex;text-align:left;align-items:center;gap:18px;padding:25px;flex:1;border:1px solid #3c5866;background:#0d202eb3;transition:.3s}.download-card:hover{border-color:#ae9869;background:#172d36;transform:translateY(-3px)}.download-icon{font-size:1.875rem;color:#d2bd8d;border:1px solid #796e4e70;width:48px;height:48px;text-align:center;line-height:42px}.download-card strong{display:block;font-size:1rem;font-weight:500}.download-card small{display:block;color:#9aafbf;font-size:0.875rem;margin-top:4px}.availability{font-size:0.875rem;color:#cdb785;white-space:nowrap;margin-left:auto}.download p.download-note{font-size:0.875rem;color:#92a5b4;margin-top:25px}footer{max-width:1340px;padding:45px 5%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:0.875rem;color:#8194a3}footer .brand{font-size:1rem}footer .crest{font-size:1.875rem}.back-top{font-size:0.875rem;color:#c1b18f}dialog{width:min(480px,calc(100% - 35px));background:#0b1b29;color:var(--text);border:1px solid #497989;padding:45px;box-shadow:0 0 90px #2995ab30}dialog::backdrop{background:#01070dd9;backdrop-filter:blur(8px)}dialog h2{font-size:1.875rem;margin:18px 0}dialog p{color:var(--muted);margin-bottom:28px;font-size:0.9375rem}.close{position:absolute;right:12px;top:8px;font-size:1.8125rem}.dismiss{width:100%}@keyframes glow{to{opacity:.3}}@keyframes float{0%{transform:translateY(0);opacity:0}20%{opacity:.7}100%{transform:translate(40px,-180px);opacity:0}}@keyframes arrival{from{transform:scale(1.035);filter:brightness(.6)}to{transform:scale(1);filter:brightness(1)}}@media(min-width:1600px){.hero{height:950px}.hero-content{top:280px}.title-main{font-size:8.125rem}}@media(max-width:1100px){.header nav{gap:20px}.small-button{display:none}.server{gap:50px}.hero{height:820px}.hero-content{top:245px;left:6%;max-width:70%}.hero-top{left:6%}.hero-buttons{gap:12px}.title-main{font-size:5.625rem}.button{padding:15px 22px}.header-actions{gap:10px}.hero-art{background-position:58% center}.brand{font-size:1.125rem}}@media(max-width:700px){.header{height:84px;padding:18px 6%}.header nav{display:none;position:absolute;top:84px;left:0;right:0;background:#071725fa;padding:25px 6%;height:auto;flex-direction:column;align-items:start;border-bottom:1px solid #29414f}.header nav.open{display:flex}.header nav a.active:after{display:none}.menu{display:block}.header-actions{gap:15px}.brand{font-size:0.9375rem;letter-spacing:1px}.brand small{font-size:0.875rem;letter-spacing:3px}.crest{font-size:2.125rem}.hero{height:865px;min-height:0;max-height:none}.hero-art{background-size:auto 610px;background-position:64% 10px;background-color:#050d14}.hero:after{background:linear-gradient(0deg,#050d14 2%,#050d14fa 21%,#050d14c9 36%,#050d1410 68%,#050d1460)}.hero-top{top:117px;left:6%;font-size:0.875rem;letter-spacing:3px}.hero-content{top:425px;left:6%;right:6%;width:auto;max-width:none}.hero-content>.eyebrow{font-size:0.875rem;letter-spacing:2.8px;margin-bottom:15px}.title-kicker{font-size:1rem;letter-spacing:8px;margin-bottom:6px}.title-main{font-size:clamp(50px,13.7vw,82px);letter-spacing:-2px;line-height:1.2}.hero-subtitle{font-size:1.5625rem;margin-top:13px}.hero-content p{font-size:0.875rem;max-width:300px}.hero-buttons{margin-top:25px;gap:10px;flex-wrap:wrap}.button{min-height:51px;font-size:0.875rem;letter-spacing:.7px;padding:13px 15px;gap:12px}.hero-buttons .primary{flex:1.1}.hero-buttons .secondary{flex:1}.hero-caption,.hero-side{display:none}.scroll{bottom:33px;left:6%;font-size:0.875rem}.realm-strip{padding:24px 6%;display:block}.realm-strip>span:nth-child(2){display:block;margin-top:8px;padding-left:22px;font-size:0.875rem}.realm-strip a{display:none}.realm-strip b{font-size:0.875rem}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:20px;max-width:330px}.eyebrow{font-size:0.875rem;letter-spacing:2px}h2{font-size:1.9375rem}.world-grid{grid-template-columns:1fr;gap:22px}.feature{height:330px}.feature-copy{left:25px;bottom:26px;right:25px}.feature h3{font-size:1.6875rem}.feature p{font-size:0.875rem}.server{display:block;padding-top:0}.server-intro p{font-size:0.875rem}.specs{margin-top:30px;padding:15px 22px}.specs dt,.specs dd{font-size:0.875rem}.download-options{flex-direction:column}.download-card{padding:20px;gap:15px}.download{padding-top:45px}.download .eyebrow{font-size:0.875rem}.download h2{font-size:1.875rem}.download>p{font-size:0.875rem}footer{padding:35px 6%;flex-wrap:wrap}footer p{order:3;width:100%;font-size:0.875rem}footer .back-top{margin-left:auto}.availability{font-size:0.875rem}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motes{display:none}}

/* Integrated title artwork: retain the semantic heading for assistive technology. */
.hero-art{background-image:url('assets/dragon-selected.webp');background-size:100% auto;background-position:center top;background-color:#050d14}
.hero:after{background:linear-gradient(0deg,#050d14 0%,#050d1400 32%,#050d1400 85%,#030c1460)}
.hero-content{top:clamp(450px,32vw,610px);left:5%}
.hero-content h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-content>.eyebrow{margin-bottom:12px}.hero-subtitle{margin-top:0}
.dragon{background-image:url('assets/dragon-selected.webp');background-position:center top}
@media(min-width:1600px){.hero-content{top:540px}}
@media(max-width:1100px) and (min-width:701px){.hero-art{background-position:center 80px}.hero-content{top:450px}.hero-top{top:120px}.hero{height:800px}}
@media(max-width:700px){.hero-art{background-size:100% auto;background-position:center 115px}.hero-content{top:calc(115px + 66.67vw + 30px);left:6%;right:6%}.hero-content>.eyebrow{margin-bottom:14px}.hero:after{background:linear-gradient(0deg,#050d14 0%,#050d1400 55%,#050d1400)}.hero-top{top:99px;font-size:0.8125rem}.hero{height:calc(115px + 66.67vw + 340px)}.hero-subtitle{font-size:1.6875rem}.hero-buttons{margin-top:26px}.hero-content p{max-width:340px}.scroll{bottom:25px}.feature-large .dragon{background-size:100% auto;background-repeat:no-repeat}}

/* Separate pages share the Fafurion navigation and visual theme. */
.inner-page{min-height:100svh;background:radial-gradient(ellipse at 85% 0%,#16445155,transparent 50%),#050d14}
.inner-page .header{position:relative;background:#06111cbd}
.page-heading{max-width:1340px;margin:auto;padding:70px 5% 55px}.page-heading h1{font-size:clamp(38px,5vw,65px);margin-top:15px;color:#d2e3e7}.page-heading .eyebrow{display:block}
.rankings-main{min-height:calc(100svh - 250px)}.rankings-empty{max-width:800px;margin:0 auto 90px;padding:55px 30px;text-align:center;border:1px solid #35515d;background:#0a1a2580}.rankings-empty .ornament{font-size:2.1875rem;color:#c7ad77}.rankings-empty h2{margin:20px 0;font-size:1.875rem}.rankings-empty p{color:#9cacb7;margin:0 auto 25px;max-width:520px}.rankings-empty .preparing{border:0;padding:0}
@media(max-width:700px){.page-heading{padding:50px 6% 35px}.rankings-empty{margin:0 6% 55px;padding:35px 22px}.rankings-empty h2{font-size:1.6875rem}.rankings-empty p{font-size:0.9375rem}.inner-page .header nav{z-index:20}}

.page-heading>p{color:var(--muted);margin-top:18px;max-width:650px;font-size:0.9375rem}.info-layout{max-width:1340px;padding:0 5% 65px;margin:auto}.draft-notice{display:flex;gap:17px;align-items:center;padding:17px 22px;border:1px solid #a8905c50;background:#b89c6310}.draft-notice .diamond{flex-shrink:0}.draft-notice strong{color:#d8c298;font-size:0.875rem;font-weight:500}.draft-notice p{font-size:0.875rem;color:#9faeb8;margin-top:3px}.info-shortcuts{display:flex;flex-wrap:wrap;gap:8px;padding:25px 0}.info-shortcuts a{padding:8px 17px;font-size:0.875rem;border:1px solid #304955;color:#bdd1db}.info-shortcuts a:hover{border-color:#bca36e;color:#ead7ac}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.info-card{padding:26px;background:linear-gradient(135deg,#10232e,#09151f);border:1px solid #2b4552;scroll-margin-top:25px}.card-heading{display:flex;gap:15px;align-items:center;margin-bottom:23px}.card-heading>span{font:19px Cinzel,Georgia,serif;color:#ac9567}.card-heading h2{font-size:1.5rem;letter-spacing:0}.table-wrap{overflow-x:auto}.rates-table{border-collapse:collapse;width:100%;font-size:0.875rem;text-align:left}.rates-table th,.rates-table td{padding:12px 8px;border-bottom:1px solid #2a404d}.rates-table tbody th{font-weight:400;color:#aabecb}.rates-table thead th{color:#d0dbe0;font-weight:500;font-size:0.875rem}.rates-table td:last-child,.rates-table thead th:last-child{color:#d9c18d}.card-note{font-size:0.875rem;line-height:1.7;color:#9fb1bd;margin-top:18px}.compact-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin:0}.compact-specs>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #263d49}.compact-specs dt{font-size:0.875rem;color:#aabecb}.compact-specs dd{font-size:0.875rem;margin:0;color:#dfebee}.schedule{margin-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:0.875rem;color:#aabecb}.schedule strong{color:#d7c08d;font-weight:400}.enchant-summary{display:flex;gap:35px}.enchant-summary>div{display:flex;flex-direction:column}.enchant-summary b{font:40px Cinzel,Georgia,serif;color:#bbdfe4}.enchant-summary span{font-size:0.875rem;color:#aabecb}.enchant-details{border-top:1px solid #29414e;margin-top:20px;padding-top:15px}.enchant-details summary{font-size:0.875rem;color:#cfbd98;cursor:pointer}.chance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.chance-grid>div{display:flex;justify-content:space-between;padding:8px;background:#142b37;font-size:0.875rem}.chance-grid span{color:#a9bac5}.chance-grid strong{font-weight:400;color:#b9dde2}.command-list>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #253b47;padding:10px 0;font-size:0.875rem}.command-list code{color:#98d8df;font-size:0.875rem}.command-list span{color:#aabecb;text-align:right}.events-card{grid-column:1/-1}.event-tags{display:flex;flex-wrap:wrap;gap:10px}.event-tags span{font-size:0.875rem;border:1px solid #3b5663;padding:9px 18px;color:#c3d9df;background:#122b3860}.info-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;color:#aabecb;font-size:0.875rem}.download-page .download{padding-top:35px;min-height:440px}.download-page .download .ornament,.download-page .download>.eyebrow{display:none}@media(max-width:850px){.info-grid{grid-template-columns:1fr}.events-card{grid-column:auto}.header nav{gap:20px}}@media(max-width:700px){.info-layout{padding:0 6% 45px}.info-card{padding:21px}.draft-notice{padding:16px}.info-shortcuts a{padding:7px 12px}.compact-specs{gap:0 18px}.compact-specs dt{font-size:0.875rem}.info-bottom{align-items:stretch;flex-direction:column}.card-heading h2{font-size:1.4375rem}.rates-table th,.rates-table td{padding:12px 6px}.command-list{font-size:0.875rem}.download-page .download{min-height:0}.draft-notice p{font-size:0.875rem}}

.ranking-layout{max-width:1340px;margin:0 auto;padding:0 5% 70px}.ranking-panel{border:1px solid #304b59;background:linear-gradient(120deg,#10232e,#09151f);margin-bottom:28px}.ranking-heading{padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #304b59}.ranking-heading .eyebrow{font-size:0.875rem;display:block;margin-bottom:10px}.ranking-heading h2{font-size:1.75rem;letter-spacing:0}.rank-limit{font-size:0.875rem;letter-spacing:2px;padding:7px 13px;border:1px solid #c7ad7745;color:#d6c191;white-space:nowrap}.ranking-scroll{overflow-x:auto}.ranking-scroll:focus-visible{outline:2px solid #95e1e5;outline-offset:-2px}.leaderboard{border-collapse:collapse;width:100%;min-width:660px;font-size:0.875rem;text-align:left}.leaderboard th{font-size:0.875rem;font-weight:500;color:#9db4c2;letter-spacing:.5px;background:#071521;padding:17px 20px;white-space:nowrap}.leaderboard td{padding:17px 20px;border-top:1px solid #253d4a;color:#d0e1e7}.leaderboard th:first-child,.leaderboard td:first-child{width:65px;text-align:center}.leaderboard .score{color:#dcca9a}.leaderboard tbody tr:not(.no-rankings):hover{background:#193443}.leaderboard .place-1 td:first-child{color:#ecd18c}.leaderboard .place-2 td:first-child{color:#c9dee7}.leaderboard .place-3 td:first-child{color:#c99675}.leaderboard .no-rankings td{text-align:center;padding:55px 22px;color:#92aab8}.ranking-note{padding:15px 30px;border-top:1px solid #253d4a;font-size:0.875rem;color:#91aab8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:700px){.ranking-layout{padding:0 6% 40px}.ranking-heading{padding:21px;gap:12px}.ranking-heading h2{font-size:1.375rem}.rank-limit{font-size:0.875rem;padding:6px 9px;letter-spacing:1px}.leaderboard th,.leaderboard td{padding:15px}.ranking-note{padding:15px 21px}}

.ranking-demo{margin-bottom:25px}