:root{
 --bg:#050812;--bg2:#0a1020;--panel:#0c1425;--panel2:#101a2e;--line:rgba(118,166,230,.18);
 --text:#edf5ff;--muted:#9aaac0;--gold:#ffc94a;--gold2:#ff9f32;--blue:#59b8ff;--cyan:#6ee8ff;
 --orange:#ff7433;--green:#63e6a6;--red:#ff6d72;--purple:#a983ff;--shadow:0 26px 70px rgba(0,0,0,.38);
 --max:1240px;--radius:22px;--font:"Inter","Segoe UI",Arial,sans-serif;--display:"Trebuchet MS","Segoe UI",Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
 radial-gradient(circle at 18% 12%,rgba(30,107,201,.18),transparent 30%),
 radial-gradient(circle at 82% 5%,rgba(255,139,49,.12),transparent 28%),
 linear-gradient(180deg,#060a13 0,#080d19 52%,#050811 100%);color:var(--text);font-family:var(--font);min-height:100vh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}.container{width:min(var(--max),calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(4,8,16,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:900;letter-spacing:.02em}.brand-orb{width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6a1 0 8%,#ffdb42 9% 31%,#f57d1f 32% 66%,#ab290f 67%);box-shadow:0 0 24px rgba(255,167,46,.35);position:relative}.brand-orb::after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:#a71c15;font-size:14px}.brand strong{font-size:16px}.brand small{display:block;color:#7fa8cf;font:700 9px var(--font);letter-spacing:.14em;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:11px 13px;border-radius:12px;color:#b9c9dd;font-size:13px;font-weight:800}.nav-links a:hover,.nav-links a.active{color:#fff;background:rgba(88,165,239,.10)}.nav-links a.active{box-shadow:inset 0 -2px var(--gold)}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,203,80,.45);border-radius:12px;padding:12px 18px;background:linear-gradient(180deg,#ffca48,#e89324);color:#161005;font-weight:1000;box-shadow:0 8px 26px rgba(255,162,43,.20);cursor:pointer}.nav-cta:hover,.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn.blue{border-color:rgba(100,197,255,.36);background:linear-gradient(180deg,#70d7ff,#338bd4);color:#04111b}.btn.ghost{background:rgba(7,16,28,.64);color:#d9e9fb;border-color:rgba(125,176,230,.25);box-shadow:none}.btn.sm{padding:9px 13px;font-size:12px}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#0b1422;color:#fff;font-size:20px}

.hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}
.hero::before{content:"";position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(3,7,14,.97) 0%,rgba(4,9,18,.88) 42%,rgba(4,9,18,.45) 72%,rgba(4,9,18,.82) 100%),
 linear-gradient(180deg,transparent 55%,#070b14 100%),
 url("/assets/login/background.webp") center 38%/cover no-repeat;filter:saturate(.88) contrast(1.05)}
.hero::after{content:"";position:absolute;width:620px;height:620px;right:-170px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(78,177,255,.15),transparent 67%);filter:blur(8px)}
.hero-inner{position:relative;z-index:2;padding:92px 0 78px;max-width:740px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#91d8ff;font-size:11px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase}.eyebrow::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--gold),var(--orange));border-radius:99px}.hero-logo{display:block;width:min(570px,92vw);max-height:250px;object-fit:contain;object-position:left center;margin:18px 0 8px;filter:drop-shadow(0 16px 38px rgba(0,0,0,.45))}.hero h1{font:1000 clamp(34px,5vw,66px)/.98 var(--display);letter-spacing:-.045em;margin:0 0 20px;max-width:780px}.hero h1 span{background:linear-gradient(100deg,#fff 12%,#92dfff 55%,#ffc85a);-webkit-background-clip:text;color:transparent}.hero p{font-size:17px;line-height:1.72;color:#b9c8da;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-note{display:flex;gap:14px;align-items:center;margin-top:26px;color:#8296ad;font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#5ce09a;box-shadow:0 0 14px #5ce09a}.hero-note strong{color:#dceaff}

.stats-strip{position:relative;z-index:4;margin-top:-44px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:rgba(7,13,24,.82);backdrop-filter:blur(18px);border:1px solid rgba(120,169,220,.13);border-radius:20px;padding:10px;box-shadow:var(--shadow)}.stat{padding:20px;border-radius:14px;background:linear-gradient(145deg,rgba(27,42,66,.72),rgba(10,17,30,.76));border:1px solid rgba(255,255,255,.04)}.stat b{display:block;font:1000 28px var(--display);color:#fff}.stat span{display:block;margin-top:5px;color:#8fa4bb;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.stat b.live{color:#78f3b2}

.section{padding:92px 0}.section.tight{padding:64px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-head>div{max-width:720px}.section-kicker{color:#79c9ff;text-transform:uppercase;letter-spacing:.14em;font-weight:1000;font-size:10px}.section h2{margin:8px 0 12px;font:1000 clamp(28px,4vw,46px)/1.05 var(--display);letter-spacing:-.03em}.section-head p,.section-copy{margin:0;color:#95a8be;line-height:1.75;font-size:14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{position:relative;overflow:hidden;min-height:235px;padding:24px;border:1px solid rgba(112,167,226,.14);border-radius:20px;background:linear-gradient(155deg,rgba(17,30,49,.9),rgba(7,13,24,.94));box-shadow:inset 0 1px rgba(255,255,255,.03);transition:.22s ease}.feature-card:hover{transform:translateY(-4px);border-color:rgba(105,190,255,.34);box-shadow:0 18px 40px rgba(0,0,0,.23)}.feature-card::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-85px;top:-75px;background:radial-gradient(circle,rgba(73,168,255,.12),transparent 68%)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(66,159,238,.16),rgba(255,177,52,.08));border:1px solid rgba(128,187,240,.18);font-size:22px}.feature-card small{display:block;margin-top:18px;color:#69c7ff;font-size:9px;letter-spacing:.13em;font-weight:1000}.feature-card h3{font:900 20px var(--display);margin:7px 0 10px}.feature-card p{margin:0;color:#8fa3ba;font-size:13px;line-height:1.65}.feature-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:7px}.feature-card li{color:#aebed1;font-size:12px}.feature-card li::before{content:"◆";color:var(--gold);font-size:7px;margin-right:8px}

.browser-block{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.browser-window{border-radius:24px;border:1px solid rgba(108,170,230,.2);background:#050a12;box-shadow:0 28px 70px rgba(0,0,0,.42);overflow:hidden;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)}.browser-bar{height:38px;background:#0e1727;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:7px;padding:0 13px}.browser-bar i{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.browser-bar i:nth-child(2){background:#ffc759}.browser-bar i:nth-child(3){background:#54d99b}.browser-url{margin-left:10px;height:22px;border-radius:8px;background:#07101d;color:#657991;font-size:9px;display:flex;align-items:center;padding:0 12px;flex:1}.browser-shot{position:relative;aspect-ratio:16/9;background:linear-gradient(rgba(6,10,18,.48),rgba(6,10,18,.76)),url("/assets/login/background.webp") center/cover}.browser-shot img{position:absolute;width:50%;left:50%;top:43%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 25px #000)}.browser-hud{position:absolute;inset:auto 4% 5%;height:20%;border:1px solid rgba(88,184,255,.28);border-radius:13px;background:rgba(5,12,22,.72);box-shadow:inset 0 0 24px rgba(50,128,197,.12)}
.check-list{display:grid;gap:11px;margin-top:23px}.check{display:flex;gap:12px;align-items:flex-start;color:#b7c7d9;font-size:13px}.check i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:rgba(92,216,155,.12);color:#70edac;font-style:normal;font-weight:1000}

.race-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.race-chip{padding:15px 16px;border-radius:14px;border:1px solid rgba(120,170,225,.12);background:rgba(10,18,31,.75);transition:.18s}.race-chip:hover{background:rgba(20,38,61,.86);border-color:rgba(100,190,255,.28)}.race-chip b{display:block;font-size:13px}.race-chip span{display:block;color:#7288a0;font-size:10px;margin-top:4px}

.system-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.system-tabs button{border:1px solid rgba(116,168,220,.15);background:#0a1322;color:#9db0c6;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;cursor:pointer}.system-tabs button.on{color:#111;background:linear-gradient(180deg,#ffd864,#efa42c);border-color:#ffcf53}.system-panel{display:none;grid-template-columns:1fr 1fr;gap:26px;padding:30px;border-radius:22px;background:linear-gradient(145deg,#101b2d,#090f1c);border:1px solid rgba(110,170,225,.14)}.system-panel.on{display:grid}.system-panel h3{font:1000 26px var(--display);margin:0 0 10px}.system-panel p{color:#91a5bc;line-height:1.75;font-size:13px}.system-points{display:grid;gap:9px}.system-points div{padding:13px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(0,0,0,.17)}.system-points b{display:block;font-size:12px}.system-points span{display:block;color:#7890aa;font-size:10px;margin-top:3px}

.cta-band{position:relative;overflow:hidden;padding:42px;border:1px solid rgba(255,195,68,.18);border-radius:26px;background:
 radial-gradient(circle at 82% 20%,rgba(255,142,39,.16),transparent 34%),
 radial-gradient(circle at 10% 100%,rgba(64,165,255,.13),transparent 33%),
 linear-gradient(135deg,#11192a,#0a0f1a);display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-band h2{margin:0 0 8px;font-size:34px}.cta-band p{margin:0;color:#97aabd;max-width:650px;line-height:1.65}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}

.site-footer{margin-top:70px;border-top:1px solid rgba(255,255,255,.06);background:#050810}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:40px;padding:46px 0}.footer-grid p{color:#70849c;line-height:1.7;font-size:11px;max-width:520px}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#dbe8f7}.footer-links{display:grid;gap:9px}.footer-links a{font-size:12px;color:#8196ae}.footer-links a:hover{color:#fff}.footer-bottom{padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.05);color:#64788f;font-size:10px;display:flex;justify-content:space-between;gap:20px}

/* inner pages */
.page-hero{padding:80px 0 44px;border-bottom:1px solid rgba(255,255,255,.06);background:
 radial-gradient(circle at 80% 10%,rgba(60,155,245,.13),transparent 32%),
 linear-gradient(180deg,#0b1322,#070c15)}.page-hero h1{font:1000 clamp(34px,5vw,58px)/1 var(--display);letter-spacing:-.04em;margin:10px 0}.page-hero p{max-width:720px;color:#94a8bf;line-height:1.7}.crumb{color:#69839e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.crumb a{color:#84cfff}
.page-main{padding:48px 0 90px}.panel{border:1px solid rgba(112,168,224,.13);background:linear-gradient(150deg,rgba(15,25,42,.88),rgba(8,14,25,.94));border-radius:20px;box-shadow:var(--shadow)}.panel-pad{padding:24px}

/* ranking */
.ranking-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ranking-controls button{padding:10px 13px;border-radius:10px;border:1px solid rgba(113,168,221,.14);background:#0a1322;color:#9db0c4;font-weight:900;font-size:11px;cursor:pointer}.ranking-controls button.on{background:linear-gradient(180deg,#69cfff,#358acb);color:#05101b;border-color:#6bcfff}.ranking-status{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.06);color:#7f93aa;font-size:11px}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{text-align:left;padding:13px 16px;color:#6f859e;font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.06)}.ranking-table td{padding:15px 16px;border-bottom:1px solid rgba(255,255,255,.045);font-size:12px}.ranking-table tr:hover td{background:rgba(72,146,210,.05)}.rank-pos{width:80px;font:1000 16px var(--display);color:#7fa0bf}.rank-name{font-weight:900;color:#f1f7ff}.rank-race{color:#89a0b8}.rank-value{text-align:right!important;font-weight:1000;color:#ffca55}.rank-medal{font-size:20px}.ranking-empty{padding:50px;text-align:center;color:#73889f}

/* docs/rules */
.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px}.docs-nav{position:sticky;top:98px;align-self:start;padding:15px;border:1px solid rgba(111,164,219,.12);border-radius:16px;background:rgba(8,15,27,.9)}.docs-nav b{display:block;padding:8px 10px;color:#dceafa;font-size:11px}.docs-nav a{display:block;padding:9px 10px;border-radius:9px;color:#8298b0;font-size:11px}.docs-nav a:hover{background:rgba(82,161,229,.09);color:#fff}.doc{padding:28px;margin-bottom:14px}.doc h2{font:1000 24px var(--display);margin:0 0 8px}.doc h3{font:900 15px var(--display);margin:22px 0 7px}.doc p,.doc li{color:#96a9bf;line-height:1.75;font-size:12px}.doc ul{padding-left:18px}.doc-num{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:9px;border-radius:10px;background:linear-gradient(145deg,rgba(255,202,71,.15),rgba(255,116,51,.08));border:1px solid rgba(255,202,71,.22);color:#ffd15c;font-weight:1000;font-size:11px;vertical-align:middle}

/* faq */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-item{border:1px solid rgba(111,165,220,.12);border-radius:15px;background:rgba(9,16,28,.82);overflow:hidden}.faq-q{width:100%;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left;border:0;background:transparent;color:#e8f2ff;font-weight:900;font-size:12px;cursor:pointer}.faq-q span:last-child{color:#73caff;font-size:19px;transition:.2s}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}.faq-a{display:none;padding:0 18px 18px;color:#8fa4bb;line-height:1.7;font-size:12px}.faq-item.open .faq-a{display:block}

/* pedia */
.pedia-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 76px)}.pedia-side{position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto;padding:20px 15px;border-right:1px solid rgba(255,255,255,.06);background:rgba(6,11,20,.96)}.pedia-logo{display:flex;align-items:center;gap:10px;padding:5px 8px 18px}.pedia-logo strong{font:1000 15px var(--display)}.pedia-logo span{display:block;color:#6f88a2;font-size:9px}.pedia-search{position:relative}.pedia-search input{width:100%;height:42px;padding:0 13px 0 36px;border:1px solid rgba(112,170,226,.16);border-radius:12px;background:#0a1322;color:#fff;outline:none;font-size:11px}.pedia-search::before{content:"⌕";position:absolute;left:13px;top:10px;color:#78c9ff}.pedia-group{margin-top:20px}.pedia-group>span{display:block;padding:0 9px 7px;color:#566f89;font-size:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.15em}.pedia-link{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:#859ab0;text-align:left;font-size:10px;font-weight:800;cursor:pointer}.pedia-link:hover,.pedia-link.on{background:rgba(68,153,226,.10);color:#fff}.pedia-link.on{box-shadow:inset 2px 0 #5dbfff}.pedia-link i{font-style:normal;width:17px;text-align:center}.pedia-main{padding:46px clamp(20px,5vw,72px) 90px;max-width:1100px}.pedia-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.pedia-back{color:#83a3c2;font-size:10px;font-weight:900}.pedia-back:hover{color:#fff}.pedia-article .article-kicker{color:#6bcaff;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:1000}.pedia-article h1{font:1000 clamp(34px,5vw,56px)/1 var(--display);letter-spacing:-.04em;margin:8px 0 14px}.pedia-article .lead{font-size:15px;color:#a4b6ca;line-height:1.75;max-width:780px}.article-body{margin-top:34px}.article-body h2{font:1000 25px var(--display);margin:34px 0 10px}.article-body h3{font:900 16px var(--display);margin:24px 0 8px;color:#e5f0fb}.article-body p,.article-body li{font-size:12px;line-height:1.82;color:#91a5bc}.article-body ul,.article-body ol{padding-left:20px}.article-body strong{color:#dfeeff}.article-note{margin:20px 0;padding:14px 16px;border-left:3px solid #55bfff;background:rgba(52,137,210,.08);border-radius:0 10px 10px 0;color:#a6bdd4;font-size:11px;line-height:1.65}.article-note.gold{border-color:#ffc74b;background:rgba(255,186,62,.07)}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.article-card{padding:15px;border:1px solid rgba(111,168,225,.12);border-radius:13px;background:#0a1322}.article-card b{display:block;font-size:12px;color:#eef6ff}.article-card span{display:block;margin-top:5px;color:#7e93ab;font-size:10px;line-height:1.55}.key-table{width:100%;border-collapse:collapse;margin:18px 0}.key-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:#90a5bb}.key-table td:first-child{width:130px;color:#fff;font-weight:900}.kbd{display:inline-flex;min-width:30px;height:27px;padding:0 8px;align-items:center;justify-content:center;border:1px solid #354b64;border-bottom-width:3px;border-radius:7px;background:#0d1725;color:#edf5ff;font:900 10px var(--font)}
.pedia-home h1{font:1000 46px var(--display);margin:6px 0 12px}.pedia-home>p{color:#8fa4bb;line-height:1.7;max-width:720px}.pedia-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.pedia-card{min-height:150px;padding:18px;border-radius:15px;border:1px solid rgba(112,169,225,.12);background:linear-gradient(145deg,#101a2b,#09101d);cursor:pointer}.pedia-card:hover{border-color:rgba(92,188,255,.32);transform:translateY(-2px)}.pedia-card i{font-style:normal;font-size:24px}.pedia-card b{display:block;margin-top:15px;font-size:13px}.pedia-card span{display:block;margin-top:5px;color:#788ea7;font-size:10px;line-height:1.55}
.pedia-results{display:none;margin-top:16px}.pedia-results.show{display:block}.search-result{display:block;width:100%;padding:12px 13px;margin-bottom:6px;border:1px solid rgba(102,163,219,.11);border-radius:10px;background:#0a1322;text-align:left;color:#fff;cursor:pointer}.search-result b{font-size:11px}.search-result span{display:block;color:#71869e;font-size:9px;margin-top:3px}

.reveal{opacity:0;transform:translateY(14px);transition:.55s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1000px){.feature-grid{grid-template-columns:1fr 1fr}.race-grid{grid-template-columns:repeat(3,1fr)}.browser-block{grid-template-columns:1fr}.browser-window{transform:none}.docs-layout{grid-template-columns:1fr}.docs-nav{position:static;display:flex;overflow:auto}.docs-nav b{display:none}.docs-nav a{white-space:nowrap}.pedia-shell{grid-template-columns:230px 1fr}.pedia-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav{height:66px}.nav-links{display:none;position:absolute;left:18px;right:18px;top:68px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:15px;background:#08111e;box-shadow:var(--shadow)}.nav-links.open{display:flex}.nav-links a{padding:12px}.nav-cta{display:none}.nav-toggle{display:block}.hero{min-height:640px}.hero-inner{padding-top:70px}.hero p{font-size:14px}.stats-grid{grid-template-columns:1fr 1fr}.section{padding:68px 0}.feature-grid,.faq-grid{grid-template-columns:1fr}.race-grid{grid-template-columns:1fr 1fr}.system-panel{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column;padding:28px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/3}.pedia-shell{display:block}.pedia-side{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.pedia-group{display:none}.pedia-main{padding:30px 18px 70px}.pedia-cards{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr}.pedia-home h1{font-size:36px}}
@media(max-width:480px){.container{width:min(100% - 24px,var(--max))}.stats-grid{grid-template-columns:1fr}.race-grid,.pedia-cards{grid-template-columns:1fr}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.ranking-table th:nth-child(3),.ranking-table td:nth-child(3){display:none}}

/* ================================================================
   HOME ENERGY v1 — aura do logo + brilhos flutuantes somente em /
   ================================================================ */
.site-home{position:relative;isolation:isolate}
.site-home .site-header,.site-home main,.site-home .site-footer{position:relative}
.site-home .site-header{z-index:100}
.site-home main,.site-home .site-footer{z-index:1}

.home-spark-field{
  position:fixed;inset:0;z-index:2;overflow:hidden;pointer-events:none;
  opacity:.82;mix-blend-mode:screen;contain:layout paint;
}
.home-spark{
  position:absolute;left:var(--sx);top:var(--sy);width:var(--ss);height:var(--ss);
  border-radius:50%;opacity:0;
  background:radial-gradient(circle,#fff 0 14%,rgba(255,234,160,.96) 18%,rgba(106,197,255,.66) 44%,transparent 72%);
  box-shadow:0 0 7px rgba(255,217,117,.56),0 0 18px rgba(77,174,255,.25);
  animation:homeSparkFloat var(--sd) linear var(--sdelay) infinite;
  will-change:transform,opacity;
}
.home-spark::before,.home-spark::after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,rgba(255,246,204,.78),transparent);border-radius:99px;
}
.home-spark::before{width:calc(var(--ss) * 3.6);height:1px}
.home-spark::after{width:1px;height:calc(var(--ss) * 3.6);background:linear-gradient(180deg,transparent,rgba(193,230,255,.72),transparent)}
.home-spark.blue{
  background:radial-gradient(circle,#fff 0 12%,rgba(177,230,255,.94) 20%,rgba(56,161,255,.62) 48%,transparent 74%);
  box-shadow:0 0 8px rgba(128,211,255,.6),0 0 20px rgba(48,132,255,.24);
}
.home-spark.gold{
  background:radial-gradient(circle,#fff 0 12%,rgba(255,239,166,.98) 21%,rgba(255,152,45,.68) 48%,transparent 74%);
  box-shadow:0 0 8px rgba(255,210,92,.58),0 0 20px rgba(255,120,28,.23);
}

.hero-logo-energy{
  position:relative;display:block;width:min(620px,94vw);margin:16px 0 6px;
  isolation:isolate;filter:drop-shadow(0 16px 38px rgba(0,0,0,.45));
}
.hero-logo-energy .hero-logo{
  position:relative;z-index:5;width:100%;max-height:270px;margin:0;object-fit:contain;object-position:left center;
  filter:drop-shadow(0 0 7px rgba(255,178,47,.30)) drop-shadow(0 0 16px rgba(255,89,17,.19)) drop-shadow(0 0 17px rgba(48,162,255,.18));
  animation:dboLogoBreathe 3.8s ease-in-out infinite;
}
.hero-logo-glow,.hero-logo-ring{position:absolute;pointer-events:none;z-index:1}
.hero-logo-glow{inset:10% 1% 5%;border-radius:48%;filter:blur(28px);mix-blend-mode:screen}
.hero-logo-glow-gold{
  background:radial-gradient(ellipse at 45% 44%,rgba(255,233,128,.30),rgba(255,139,27,.20) 33%,rgba(255,58,8,.07) 57%,transparent 74%);
  animation:dboGlowGold 3.2s ease-in-out infinite;
}
.hero-logo-glow-blue{
  inset:34% 3% -2%;background:radial-gradient(ellipse at 50% 50%,rgba(96,217,255,.26),rgba(31,128,255,.16) 40%,transparent 73%);
  filter:blur(24px);animation:dboGlowBlue 4s ease-in-out -1.2s infinite;
}
.hero-logo-ring{
  inset:4% -1% 1%;z-index:2;border-radius:46% 54% 50% 49%;
  border:1px solid transparent;
  background:conic-gradient(from 0deg,transparent 0 8%,rgba(255,203,78,.95) 12%,transparent 18% 38%,rgba(73,190,255,.9) 43%,transparent 50% 68%,rgba(255,112,29,.8) 73%,transparent 80% 100%) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  filter:blur(.35px) drop-shadow(0 0 5px rgba(255,164,55,.38));
  opacity:.7;
}
.hero-logo-ring-a{animation:dboRingSpin 13s linear infinite}
.hero-logo-ring-b{inset:8% 3% 4%;opacity:.42;animation:dboRingSpinReverse 17s linear infinite;filter:blur(.6px) drop-shadow(0 0 7px rgba(66,179,255,.42))}
.hero-logo-sparks{position:absolute;inset:0;z-index:6;pointer-events:none}
.hero-logo-spark{
  position:absolute;width:var(--ls);height:var(--ls);border-radius:50%;
  background:#fff8cf;box-shadow:0 0 5px #fff,0 0 10px rgba(255,184,54,.9),0 0 20px rgba(55,166,255,.48);
  opacity:0;animation:dboLogoSpark var(--ld) ease-in-out var(--ldelay) infinite;
}
.hero-logo-spark::after{
  content:"";position:absolute;left:50%;top:50%;width:calc(var(--ls)*4);height:1px;
  transform:translate(-50%,-50%) rotate(var(--lr));background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
}

@keyframes homeSparkFloat{
  0%{transform:translate3d(0,24px,0) scale(.55) rotate(0deg);opacity:0}
  9%{opacity:var(--so)}
  48%{opacity:calc(var(--so) * .9)}
  82%{opacity:calc(var(--so) * .55)}
  100%{transform:translate3d(var(--sdx),var(--sdy),0) scale(1.18) rotate(32deg);opacity:0}
}
@keyframes dboLogoBreathe{
  0%,100%{transform:translateZ(0) scale(1);filter:drop-shadow(0 0 7px rgba(255,178,47,.28)) drop-shadow(0 0 15px rgba(255,89,17,.18)) drop-shadow(0 0 17px rgba(48,162,255,.16))}
  50%{transform:translateZ(0) scale(1.012);filter:drop-shadow(0 0 10px rgba(255,207,94,.46)) drop-shadow(0 0 22px rgba(255,90,18,.29)) drop-shadow(0 0 24px rgba(63,183,255,.27))}
}
@keyframes dboGlowGold{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.055)}}
@keyframes dboGlowBlue{0%,100%{opacity:.48;transform:scale(1.01)}50%{opacity:.88;transform:scale(1.075)}}
@keyframes dboRingSpin{to{transform:rotate(360deg)}}
@keyframes dboRingSpinReverse{to{transform:rotate(-360deg)}}
@keyframes dboLogoSpark{
  0%,100%{opacity:0;transform:translate3d(0,0,0) scale(.3)}
  18%{opacity:.9}
  48%{opacity:.38;transform:translate3d(var(--lx),var(--ly),0) scale(1.15)}
  70%{opacity:.86}
  88%{opacity:0;transform:translate3d(calc(var(--lx)*1.25),calc(var(--ly)*1.25),0) scale(.55)}
}

@media(max-width:760px){
  .home-spark-field{opacity:.66}
  .hero-logo-energy{width:min(94vw,580px);margin-top:15px}
  .hero-logo-glow{filter:blur(20px)}
}
@media(prefers-reduced-motion:reduce){
  .home-spark,.hero-logo-energy .hero-logo,.hero-logo-glow,.hero-logo-ring,.hero-logo-spark{animation:none!important}
  .home-spark{display:none}
  .hero-logo-ring{opacity:.28}
}



/* ================================================================
   DOWNLOAD / PWA
   ================================================================ */
.dbo-download-section{position:relative;scroll-margin-top:92px}
.dbo-download-section::before{content:"";position:absolute;inset:8% 0 auto;height:420px;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(255,177,42,.10),transparent 62%)}
.download-ready-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(107,190,255,.18);border-radius:999px;background:rgba(8,18,31,.7);color:#8fb7d8;font-size:10px;font-weight:900;white-space:nowrap}
.download-ready-badge.ready{border-color:rgba(99,230,166,.32);color:#8ef0be;background:rgba(38,140,93,.08)}
.download-ready-badge.installed{border-color:rgba(255,201,74,.35);color:#ffd36b;background:rgba(255,178,39,.08)}
.download-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:12px}
.download-card{position:relative;overflow:hidden;min-height:245px;padding:22px;border:1px solid rgba(111,168,225,.14);border-radius:20px;background:linear-gradient(145deg,rgba(16,27,47,.96),rgba(7,13,24,.96));box-shadow:0 18px 45px rgba(0,0,0,.18)}
.download-card.featured{grid-row:span 1;display:grid;grid-template-columns:82px 1fr;gap:18px;border-color:rgba(255,198,72,.30);background:radial-gradient(circle at 10% 12%,rgba(255,171,35,.16),transparent 30%),linear-gradient(145deg,#121c2c,#080e19)}
.download-card.featured::after{content:"";position:absolute;right:-70px;bottom:-95px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(64,169,255,.14),transparent 68%);pointer-events:none}
.download-platform-icon{width:82px;height:82px;border-radius:20px;overflow:hidden;box-shadow:0 10px 32px rgba(0,0,0,.35),0 0 30px rgba(255,174,43,.12)}
.download-platform-icon img{width:100%;height:100%;display:block}
.download-card small{display:block;color:#6fbfff;font-size:8px;font-weight:1000;letter-spacing:.14em}
.download-card.featured small{color:#ffc94a}
.download-card h3{margin:7px 0 9px;font:1000 20px/1.1 var(--display)}
.download-card p{margin:0;color:#90a5bb;font-size:11px;line-height:1.65}
.download-card p strong{color:#dcecff}
.download-copy{position:relative;z-index:1}
.download-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.download-actions .btn{border:0}
.download-help{margin-top:12px;padding:10px 12px;border:1px solid rgba(255,197,76,.18);border-radius:10px;background:rgba(255,177,34,.06);color:#c7d7e8;font-size:10px;line-height:1.55}
.download-help.error{border-color:rgba(255,109,114,.22);background:rgba(255,70,78,.06);color:#ffc4c7}
.download-symbol{font-size:27px;margin-bottom:20px}
.download-tag{display:inline-flex;margin-top:16px;padding:6px 8px;border-radius:7px;background:rgba(91,178,242,.07);color:#7fa4c5;font-size:8px;font-weight:900;letter-spacing:.05em}
.download-note{display:flex;align-items:center;gap:10px;margin-top:13px;padding:13px 15px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(6,12,21,.56);font-size:10px;color:#7f94aa}
.download-note strong{color:#d9e8f7;white-space:nowrap}
[data-site-install][disabled]{opacity:.6;cursor:default;filter:saturate(.4)}
@media(max-width:1100px){.download-grid{grid-template-columns:1fr 1fr}.download-card.featured{grid-column:1/3}}
@media(max-width:680px){.download-grid{grid-template-columns:1fr}.download-card.featured{grid-column:auto;grid-template-columns:58px 1fr}.download-platform-icon{width:58px;height:58px;border-radius:14px}.download-card{min-height:0}.download-ready-badge{white-space:normal}.download-note{align-items:flex-start;flex-direction:column}}


/* Discord / comunidade */
.nav-links .nav-discord{color:#b9c2ff}
.nav-links .nav-discord:hover{color:#fff}
.btn.discord{
  border-color:rgba(142,161,255,.58);
  background:linear-gradient(180deg,#7485ff,#5865f2);
  color:#fff;
  box-shadow:0 10px 30px rgba(88,101,242,.28)
}
.btn.discord:hover{filter:brightness(1.08);box-shadow:0 12px 34px rgba(88,101,242,.38)}
.btn.discord.lg{padding:14px 20px;font-size:14px}
.discord-mark{
  width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:8px;background:rgba(255,255,255,.16);font-size:13px;line-height:1
}
.community-band{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);
  align-items:center;gap:28px;padding:30px;
  border:1px solid rgba(121,139,255,.28);border-radius:22px;
  background:
    radial-gradient(circle at 85% 35%,rgba(88,101,242,.18),transparent 38%),
    linear-gradient(145deg,rgba(12,18,34,.96),rgba(8,13,25,.96));
  box-shadow:0 18px 60px rgba(0,0,0,.24)
}
.community-band h2{margin:7px 0 10px}
.community-band p{margin:0;color:#aebed2;max-width:760px}
.community-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
.community-actions small{color:#7f91aa;text-align:center;font-size:11px}
@media (max-width:800px){
  .community-band{grid-template-columns:1fr;padding:22px}
  .community-actions .btn{width:100%}
}