@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b090b;--panel:#121013;--text:#efe9e5;--muted:#a39b9e;--red:#e43b42;--border:#ffffff12;--serif:'Cinzel',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #ff8c8c;outline-offset:6px}.header{height:88px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4%;background:#0b090bec;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:15px;font:700 17px var(--serif);letter-spacing:3px}.brand img{object-fit:contain}.brand small{color:#94858b;font:600 11px Inter;display:block;letter-spacing:6px;margin-top:6px}.header nav{display:flex;align-items:center;gap:32px}.header nav a,.header nav button{font:600 12px Inter;letter-spacing:1.5px;text-transform:uppercase;color:#b1a7ac;border:0;background:none;padding:12px 0}.header nav .active,.header nav a:hover,.header nav button:hover{color:#f66b6f}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 28px;color:#fff5ef;border:1px solid #f5605c;background:linear-gradient(135deg,#b3222d,#d53c3d 50%,#a51d2d);box-shadow:inset 0 1px #ffb0a329,0 5px 30px #ce152a14;font:600 13px/1.5 var(--serif);letter-spacing:1.3px;text-transform:uppercase;transition:transform .2s,filter .2s,background .2s;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)}.button:hover{filter:brightness(1.18);transform:translateY(-2px)}.button.compact{min-height:42px;font-size:11px;padding:10px 20px}.secondary{border-color:#67535c;background:linear-gradient(135deg,#272027,#19161c);box-shadow:inset 0 1px #ffffff0b}.button svg{height:19px;width:19px}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:40px 24px 26px;min-height:810px;background:radial-gradient(ellipse at 50% 32%,#4e0d152e,transparent 57%)}.hero-glow{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 49.94%,#ed3b3310 50%,transparent 50.06%),radial-gradient(ellipse at 50% 43%,#b41a2315,transparent 60%)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:3px;color:#e16c71;text-transform:uppercase;margin:0 0 20px}.launch{color:#c7aaac;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;letter-spacing:2.6px}.diamond{width:5px;height:5px;background:#ef575b;transform:rotate(45deg);box-shadow:0 0 12px #ed343f}.hero-logo{width:min(625px,85vw);height:auto;display:block;margin:20px auto 12px;filter:drop-shadow(0 18px 45px #a3081a24)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.25}h1{font-size:clamp(32px,3.6vw,54px);letter-spacing:-1px;margin:18px 0}em{font-style:normal;color:#e9676d}h1 em{color:#ef7a7c}.hero-copy{color:var(--muted);font-size:16px;line-height:1.8;margin:18px auto 26px}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.availability{font-size:12px;color:#8e7e85;letter-spacing:.3px;margin:15px 0 32px}.scroll-link{display:inline-flex;gap:18px;align-items:center;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#b8a8ad}.scroll-link span{color:#e0676b;font-size:20px}.section{max-width:1180px;margin:auto;padding:85px 30px}.discover{border-top:1px solid var(--border)}.section-heading{text-align:center}.section-heading h2,.community h2{font-size:clamp(28px,3vw,39px);margin:0 0 18px}.section-heading>p:last-child{color:var(--muted);margin-bottom:45px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{background:linear-gradient(140deg,#1f1418aa,#121013);border:1px solid #71404c40;padding:30px 29px;position:relative}.feature-number{font-size:10px;letter-spacing:2px;color:#b38790}.feature-icon{font-size:49px;line-height:1;color:#d8666c;margin:29px 0 24px}.features h3{font-size:22px;margin:0 0 16px}.features p{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 30px}.feature-foot{font-size:9px;letter-spacing:2px;color:#c58f97;display:block;border-top:1px solid var(--border);padding-top:22px}.community{border-top:1px solid var(--border);display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.community p:not(.eyebrow){color:var(--muted)}.community .button{margin-top:17px}.community-aside{border:1px solid #6f3b474a;background:radial-gradient(ellipse at 50% 0,#4719224f,transparent 70%);padding:40px;text-align:center}.community-aside>.eyebrow{font-size:9px}.wordmark{display:block;font:500 48px var(--serif);color:#d6c0c4;margin:35px 0}.wordmark span{color:#8b303b;font-weight:400}.aside-line{height:1px;background:linear-gradient(90deg,transparent,#82404d,transparent)}.small-label{font-size:9px;letter-spacing:2px;color:#c19199}.final-cta{text-align:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 24px 90px;background:radial-gradient(ellipse at 50% 100%,#44121e6e,transparent 70%)}.final-cta h2{font-size:clamp(30px,4vw,48px);margin:0}.final-cta>p:not(.eyebrow){color:var(--muted);margin:20px 0 27px}footer{max-width:1250px;padding:35px 30px;display:flex;align-items:center;gap:35px;margin:auto}footer p{font-size:12px;color:#9b8c92;flex:1;line-height:1.8}footer p span{font-size:10px;color:#897c82}footer>a:last-child{font-size:11px;color:#bfa8ae}.skip{position:fixed;top:-100px;z-index:100;background:#c93543;padding:12px}.skip:focus{top:0}dialog{background:#181116;color:var(--text);border:1px solid #79414c;max-width:500px;width:calc(100% - 40px);padding:45px;box-shadow:0 20px 100px #000a}dialog::backdrop{background:#080509dc;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p:not(.eyebrow){color:#bfaeb5}.close{position:absolute;top:9px;right:15px;font-size:30px;color:#cdb8bd;background:none;border:none}.dismiss{margin-top:15px}
@media(min-width:1500px){.hero{padding-top:55px;min-height:865px}.hero-logo{width:690px}}@media(max-width:1000px){.brand>span{display:none}.header nav{gap:20px}.header{gap:20px}.community{gap:35px}.features article{padding:25px 20px}}@media(max-width:720px){.header{height:76px;padding:0 20px}.header>.compact{display:none}.brand img{width:105px;height:auto}.menu-toggle{display:flex;gap:15px;align-items:center;border:1px solid #52414a;background:#21171d;padding:9px 14px;color:#eee;font-size:14px}.header nav{display:none;position:absolute;left:0;right:0;top:76px;padding:20px;background:#110c10;border-bottom:1px solid #5a2937;flex-direction:column;gap:12px}.header nav.open{display:flex}.header nav a,.header nav button{font-size:14px}.hero{padding:35px 18px 24px;min-height:auto}.hero-logo{width:100%;max-width:520px;margin:30px auto 24px}.launch{font-size:9px;letter-spacing:1.7px}h1{font-size:clamp(28px,6.4vw,43px);letter-spacing:-.6px}.hero-copy{font-size:15px}.actions{max-width:410px;margin:auto;flex-direction:column}.button{font-size:12px;gap:14px}.availability{margin-bottom:28px}.scroll-link{margin-bottom:8px}.section{padding:60px 22px}.features{grid-template-columns:1fr}.features article{padding:28px}.feature-icon{float:right;margin:0;font-size:35px}.features h3{margin-top:20px}.features p{max-width:430px}.community{grid-template-columns:1fr;gap:35px}.community-aside{padding:30px}.final-cta{padding:60px 20px}footer{flex-wrap:wrap;padding:28px 22px;gap:15px}footer p{order:3;flex-basis:100%;margin:0}footer>a:last-child{margin-left:auto}dialog{padding:35px 25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readable navigation and supporting labels. */
.header nav a,.header nav button{font-size:14px;letter-spacing:1px}.button,.button.compact{font-size:14px}.eyebrow,.launch,.feature-number,.feature-foot,.small-label,.community-aside>.eyebrow,.scroll-link,footer p,footer p span{font-size:12px}.features p,.hero-copy{font-size:16px}.availability,footer>a:last-child{font-size:14px}@media(max-width:1000px){.header nav{gap:17px}.header .button.compact{font-size:12px}}
.hidden{display:none!important}.vote-page{background:radial-gradient(ellipse at 50% 0,#43131b2b,transparent 42%),var(--bg)}.vote-hero{text-align:center;padding:82px 24px 58px;border-bottom:1px solid var(--border)}.vote-hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:12px}.vote-hero h1{font-size:clamp(38px,5vw,66px);margin:0 0 12px}.vote-hero>p:last-child{color:var(--muted);margin:0}.vote-layout{max-width:1180px;margin:auto;padding:55px 30px 75px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:25px}.vote-main{min-width:0}.vote-panel{background:linear-gradient(145deg,#171216,#110e11);border:1px solid #70404c55;box-shadow:0 20px 70px #00000026;padding:32px}.vote-panel h2{font-size:clamp(25px,3vw,34px);margin:0 0 10px}.panel-copy,.leaderboard-foot{color:var(--muted);margin:0 0 25px}.vote-panel .eyebrow{margin-bottom:12px}.vote-panel label{display:block;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#cdbbc0;margin-bottom:9px}.username-row{display:flex;gap:12px}.username-row input{min-width:0;flex:1;border:1px solid #66404a;background:#0d0b0d;color:var(--text);padding:15px 16px;font:16px Inter;outline:none}.username-row input:focus{border-color:#e15a62;box-shadow:0 0 0 3px #e15a6222}.username-row .button{min-height:52px;white-space:nowrap}.form-error{color:#ff8a8e;font-size:13px;margin:10px 0 0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.change-button{border:0;background:none;color:#e86d72;font:600 12px Inter;padding:5px 0;cursor:pointer}.voting-for{background:#0e0b0e;border:1px solid #ffffff08;color:#a79a9f;padding:12px 14px;margin:10px 0 18px;font-size:14px}.voting-for strong{color:#f0dfe0}.provider-list{display:grid;gap:14px}.provider-card{border:1px solid #ffffff10;background:#151216;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.provider-brand{display:flex;align-items:center;gap:15px}.provider-brand h3{font:600 18px Inter;margin:0;color:#f3e7e5}.provider-brand p{font-size:13px;color:#91858a;margin:2px 0 0}.provider-mark{display:grid;place-items:center;width:48px;height:48px;color:#e56167;border:1px solid #873941;background:#32161d;transform:rotate(45deg);font-size:17px}.provider-button{min-height:43px;padding:11px 18px;font-size:11px;white-space:nowrap}.provider-soon{font-size:12px;color:#a18c92;white-space:nowrap}.vote-note{display:flex;gap:12px;align-items:flex-start;color:#9b8d93;border-top:1px solid var(--border);margin-top:22px;padding-top:18px;font-size:13px}.vote-note strong{color:#e06a70}.info-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid #e06a70;border-radius:50%;color:#e06a70;font:600 12px Georgia}.vote-success{display:flex;gap:14px;margin-top:18px;padding:17px 19px;background:#171f19;border:1px solid #4e8f5a55;color:#b8d6bc}.vote-success>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#478353;color:#fff}.vote-success strong{color:#f2f7f2}.vote-success p{margin:3px 0 0;font-size:13px;color:#a9c2ad}.leaderboard{align-self:start}.month-badge{font:600 11px Inter;letter-spacing:1px;text-transform:uppercase;color:#ed7479;border:1px solid #8e414c;padding:7px 9px}.leaderboard-list{display:grid;gap:6px;margin-top:20px}.leader-row{display:flex;justify-content:space-between;gap:12px;background:#121013;padding:12px 13px;font-size:14px}.leader-row b{color:#c0adb2;margin-right:4px}.leader-row strong{color:#ef7c35}.leaderboard-foot{font-size:12px;margin:20px 0 0}.vote-faq{max-width:1180px;margin:auto;border-top:1px solid var(--border);padding:72px 30px 100px;text-align:center}.vote-faq h2{font-size:clamp(28px,4vw,42px);margin:0 0 35px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.help-grid article{border:1px solid #ffffff10;background:#121013;padding:25px}.help-grid article>span{color:#e4666c;font:600 12px Inter;letter-spacing:2px}.help-grid h3{font:600 18px Inter;margin:14px 0 8px}.help-grid p{color:var(--muted);font-size:14px;margin:0}.help-grid strong{color:#e47478}@media(max-width:800px){.vote-layout{grid-template-columns:1fr;padding:40px 20px 60px}.vote-hero{padding:58px 20px 45px}.help-grid{grid-template-columns:1fr}.vote-panel{padding:25px 20px}.leaderboard{order:2}}@media(max-width:520px){.username-row{display:grid}.username-row .button{width:100%}.provider-card{align-items:flex-start;flex-direction:column}.provider-button,.provider-soon{width:100%;text-align:center}.provider-button{display:flex}.panel-heading{display:block}.change-button{margin-top:8px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hiscores-page{background:radial-gradient(ellipse at 50% 0,#43131b2b,transparent 42%),var(--bg)}.hiscores-hero{text-align:center;padding:82px 24px 58px;border-bottom:1px solid var(--border)}.hiscores-hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:12px}.hiscores-hero h1{font-size:clamp(38px,5vw,66px);margin:0 0 12px}.hiscores-hero>p:last-child{color:var(--muted);margin:0}.hiscores-content{max-width:1180px;margin:auto;padding:55px 30px 75px}.hiscore-tabs{display:grid;grid-template-columns:1fr 1fr;max-width:650px;margin:0 auto 35px;border:1px solid #ffffff12;background:#151216;padding:4px}.hiscore-tab{border:0;background:#151216;color:#cfc4c6;padding:17px 12px;font:600 14px Inter;text-transform:uppercase;letter-spacing:.7px;cursor:pointer}.hiscore-tab.active{background:#291e27;color:#fff;border-bottom:2px solid #e15a62;box-shadow:inset 0 1px #ffffff0d}.hiscore-controls{max-width:650px;margin:0 auto 35px;display:grid;gap:14px}.player-search{display:flex;border:1px solid #ffffff12;background:#151216}.player-search input{min-width:0;flex:1;background:transparent;border:0;color:var(--text);padding:16px;font:16px Inter;outline:none}.player-search button{width:70px;background:#2a222c;border:0;border-left:1px solid #ffffff12;color:#fff;font-size:28px;line-height:1;cursor:pointer}.hiscore-controls select{appearance:auto;border:1px solid #ffffff12;background:#151216;color:#e9dfe0;padding:16px;font:15px Inter;outline:none}.hiscore-controls select:focus,.player-search:focus-within{border-color:#d95560;box-shadow:0 0 0 3px #d9556022}.hiscore-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.hiscore-table-panel,.skills-panel{background:linear-gradient(145deg,#171216,#110e11);border:1px solid #70404c55;box-shadow:0 20px 70px #00000026;padding:25px}.hiscore-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.hiscore-heading .eyebrow{margin-bottom:8px}.hiscore-heading h2{font:600 26px Inter;margin:0;color:#f1e6e6;text-transform:none}.result-count{color:#a39198;font-size:12px;padding-top:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:570px;background:#121013}th,td{border:1px solid #ffffff0b;text-align:left;padding:13px 12px}th{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#eee4e5;background:#100e10}td{font-size:14px;color:#e8dfe0}td:first-child{color:#b2a4a9;width:62px}td:nth-child(3){white-space:nowrap}td:nth-child(4){white-space:nowrap}td a{color:#e87936;font-size:16px}td a:hover{color:#ffab61;text-decoration:underline}.empty-state{text-align:center;color:#9e8f95;padding:30px!important}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px}.pagination button{border:1px solid #6e5862;background:linear-gradient(135deg,#2b2630,#18151b);color:#f2e9eb;padding:12px 15px;font:600 12px Inter;text-transform:uppercase;cursor:pointer}.pagination button:hover:not(:disabled){border-color:#e3646b;color:#fff}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination span{color:#aa9ca2;font-size:13px}.skills-panel h2{font-size:26px}.skill-list{display:grid;gap:6px}.skill-item{display:flex;align-items:center;gap:9px;border:0;background:#121013;color:#e7dfe0;padding:12px;text-align:left;font:600 14px Inter;cursor:pointer}.skill-item:hover,.skill-item.active{background:#2b2530;color:#fff}.skill-item.active{box-shadow:inset 3px 0 #e3646b}.skill-item span{width:20px;text-align:center}.hiscore-note{border-top:1px solid var(--border);text-align:center;padding:78px 24px 95px;background:radial-gradient(ellipse at 50% 100%,#44121e6e,transparent 70%)}.hiscore-note h2{font-size:clamp(30px,4vw,48px);margin:0 0 10px}.hiscore-note>p:not(.eyebrow){color:var(--muted);margin:0 auto 25px}.hiscore-note .button{margin-top:4px}@media(max-width:900px){.hiscore-grid{grid-template-columns:1fr}.skills-panel{order:2}.skill-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.hiscores-hero{padding:58px 20px 45px}.hiscores-content{padding:40px 20px 60px}.hiscore-tabs{margin-bottom:25px}.hiscore-tab{font-size:11px;padding:15px 6px}.hiscore-table-panel,.skills-panel{padding:20px 15px}.pagination{justify-content:space-between}.pagination button{padding:11px 9px;font-size:10px}.skill-list{grid-template-columns:1fr}.hiscore-heading h2{font-size:22px}}
.header{position:relative}.header nav{flex:1;justify-content:center;gap:27px}.header nav .nav-logo{display:flex;align-items:center;padding:0 17px}.header nav .nav-logo img{width:82px;height:55px;object-fit:contain}.mobile-brand{display:none}.header nav button{font-size:14px;letter-spacing:1px;color:#b1a7ac}.header nav button:hover{color:#f66b6f}@media(max-width:1000px){.header nav{gap:14px}.header nav .nav-logo{padding:0 8px}.header nav .nav-logo img{width:68px;height:50px}}@media(max-width:720px){.header{justify-content:space-between}.mobile-brand{display:flex;position:absolute;left:50%;transform:translateX(-50%);gap:0}.mobile-brand img{width:76px;height:50px}.header nav{display:none;flex:none}.header nav.open{display:flex;position:absolute;left:0;right:0;top:76px;padding:20px;background:#110c10;border-bottom:1px solid #5a2937;flex-direction:column;gap:12px}.header nav.open .nav-logo{display:none}.header nav.open button{font-size:14px}}
.header nav{flex:none;justify-content:initial;gap:32px}.mobile-brand{display:none}@media(max-width:1000px){.header nav{gap:20px}}@media(max-width:720px){.header nav{display:none}.header nav.open{display:flex;position:absolute;left:0;right:0;top:76px;padding:20px;background:#110c10;border-bottom:1px solid #5a2937;flex-direction:column;gap:12px}}

/* Keep the expanded navigation within smaller desktop windows. */
@media (min-width:721px) and (max-width:1100px) {
  .header { gap:20px; }
  .header .button.compact { display:none; }
  .header .menu-toggle { display:inline-flex; align-items:center; gap:12px; color:#efe9e5; background:#191218; border:1px solid #ffffff25; padding:10px 16px; font:600 12px Inter,Arial,sans-serif; }
  .header nav { display:none; }
  .header nav.open { display:flex; position:absolute; left:0; right:0; top:88px; padding:20px; background:#110c10; border-bottom:1px solid #5a2937; flex-direction:column; gap:12px; }
}
