:root{
  --bg:#090b12; --panel:#111521; --panel-2:#161b2a; --text:#f6f7fb; --muted:#a4adbd;
  --accent:#ff6b35; --accent-2:#59e1ff; --line:rgba(255,255,255,.10); --max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");z-index:99}.section-shell{max-width:var(--max);margin:auto;padding-left:24px;padding-right:24px}.site-header{height:78px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.4px}.brand b{color:var(--accent)}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#ff9f4a);display:grid;place-items:center;color:#101116;font-family:Inter,Arial,sans-serif;font-size:20px;box-shadow:0 8px 30px rgba(255,107,53,.25)}.nav-links{display:flex;align-items:center;gap:32px;color:#c8ceda;font-size:14px;font-weight:600}.nav-links a:hover{color:#fff}.nav-cta{padding:10px 17px;border:1px solid var(--line);border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;padding-top:56px;padding-bottom:80px}.eyebrow{display:inline-block;color:var(--accent-2);font-size:12px;font-weight:800;letter-spacing:1.9px;margin-bottom:18px}.hero h1,.section-heading h2,.community h2{font-family:Inter,Arial,system-ui,sans-serif}.hero h1{font-size:clamp(48px,6vw,80px);line-height:.98;letter-spacing:-3px;margin:0 0 24px}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--accent),#ffb461);background-clip:text;-webkit-background-clip:text}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:580px}.hero-actions{display:flex;gap:12px;margin:30px 0 34px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 20px;font-weight:800;font-size:14px;transition:.25s transform,.25s background}.btn:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#111}.ghost{border:1px solid var(--line);background:rgba(255,255,255,.03)}.mini-stats{display:flex;gap:26px;flex-wrap:wrap}.mini-stats div{display:flex;flex-direction:column;gap:3px}.mini-stats strong{font-size:18px}.mini-stats span{font-size:12px;color:#7f899a}.hero-visual{position:relative;min-height:440px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(5px);opacity:.7}.orb-a{width:360px;height:360px;background:radial-gradient(circle,#ff6b35aa,transparent 65%);right:0;top:10px}.orb-b{width:290px;height:290px;background:radial-gradient(circle,#59e1ff66,transparent 65%);left:5px;bottom:0}.console-card{position:relative;width:min(420px,90%);background:rgba(17,21,33,.85);border:1px solid rgba(255,255,255,.14);padding:14px;border-radius:28px;box-shadow:0 30px 100px #0008;backdrop-filter:blur(20px);transform:rotate(2deg);z-index:2}.console-top,.console-footer{display:flex;justify-content:space-between;align-items:center;padding:7px 5px 12px;font-size:11px;color:#8993a5;font-weight:800;letter-spacing:1px}.live-dot{width:9px;height:9px;background:#75ff95;border-radius:50%;box-shadow:0 0 0 5px #75ff9520}.screen-art{height:290px;border-radius:20px;overflow:hidden;position:relative;background:linear-gradient(#34295f 0 45%,#161326 45%);}.moon{position:absolute;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#ffb372,#ff6b35);right:40px;top:34px;box-shadow:0 0 60px #ff6b3555}.mountain{position:absolute;bottom:90px;width:120%;height:120px;left:-10%;clip-path:polygon(0 100%,18% 50%,32% 80%,50% 20%,67% 74%,82% 42%,100% 100%)}.m1{background:#201d39}.m2{background:#2d2950;bottom:70px;transform:scale(.85);opacity:.75}.grid-floor{position:absolute;left:0;right:0;bottom:0;height:112px;background:linear-gradient(transparent,#111526),repeating-linear-gradient(90deg,#59e1ff35 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,#59e1ff35 0 1px,transparent 1px 24px);transform:perspective(180px) rotateX(60deg);transform-origin:bottom}.console-footer{padding:14px 5px 5px;letter-spacing:0}.console-footer div{display:flex;flex-direction:column;gap:4px}.console-footer b{color:white;font-size:15px}.console-footer span{font-size:11px}.score{background:#1c2433;color:#78f0ff!important;border-radius:10px;padding:8px 10px;font-size:14px!important}.floating-tag{position:absolute;z-index:3;background:#151a28;border:1px solid var(--line);border-radius:13px;padding:10px 13px;font-size:12px;font-weight:700;box-shadow:0 15px 35px #0005}.tag-1{left:0;top:80px}.tag-2{right:-10px;bottom:70px}.features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;background:#0e121c;margin-bottom:110px}.features article{padding:26px;border-right:1px solid var(--line)}.features article:last-child{border-right:0}.features .icon{width:38px;height:38px;border-radius:11px;background:#18202d;display:grid;place-items:center;color:var(--accent-2);font-weight:900;margin-bottom:18px}.features h3{font-size:15px;margin:0 0 8px}.features p{font-size:13px;color:#8993a5;line-height:1.6;margin:0}.content-section{padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font-size:36px;letter-spacing:-1.5px;margin:0}.text-link{font-size:13px;color:#a9b1bf;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{background:#101521;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.25s transform,.25s border-color}.game-card:hover{transform:translateY(-5px);border-color:#ffffff33}.poster{height:310px;position:relative;display:flex;align-items:flex-end;padding:20px;overflow:hidden}.game-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .45s ease}.game-card:hover .game-cover{transform:scale(1.045)}.poster:before,.poster:after{content:"";position:absolute;z-index:1}.poster:before{width:220px;height:220px;border-radius:50%;right:-80px;top:30px;filter:blur(2px)}.poster:after{left:0;right:0;bottom:0;height:50%;background:linear-gradient(transparent,#0a0c13)}.poster-1{background:linear-gradient(145deg,#321d6b,#d04775)}.poster-1:before{background:#59e1ff99}.poster-2{background:linear-gradient(145deg,#153a34,#6d7e3c)}.poster-2:before{background:#ffc66d77}.poster-3{background:linear-gradient(145deg,#242a39,#104d7a)}.poster-3:before{background:#ff6b3566}.poster-4{background:linear-gradient(145deg,#3d1917,#151019)}.poster-4:before{background:#ff9a3d77}.poster-title{font-family:Inter,Arial,sans-serif;font-size:38px;line-height:.87;font-weight:800;letter-spacing:-2px;z-index:2;text-shadow:0 4px 18px #000b}.poster-badge{position:absolute;z-index:2;top:16px;left:16px;font-size:9px;font-weight:900;letter-spacing:1.2px;background:#0008;border:1px solid #fff2;padding:7px 9px;border-radius:8px}.game-info{padding:16px;display:flex;align-items:center;justify-content:space-between}.game-info h3{margin:0 0 5px;font-size:15px}.game-info p{margin:0;color:#7e899a;font-size:12px}.game-info>span{color:#75edff;font-weight:800}.news-section{padding-top:10px}.news-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.headline-news{border:1px solid var(--line);background:#101521;border-radius:22px;overflow:hidden}.headline-art{height:260px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#ff6b3566,transparent 35%),linear-gradient(135deg,#201436,#0d1e2d)}.ring{position:absolute;border:1px solid #59e1ff77;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.r1{width:80px;height:80px}.r2{width:160px;height:160px}.r3{width:250px;height:250px}.news-chip{position:absolute;left:18px;top:18px;z-index:3;padding:7px 9px;background:#59e1ff;color:#071019;font-size:9px;font-weight:900;border-radius:8px}.headline-body{padding:24px}.headline-body>span{font-size:10px;letter-spacing:1px;color:#7f8998;font-weight:800}.headline-body h3{font-size:26px;line-height:1.25;margin:10px 0}.headline-body p{color:#8f98a8;line-height:1.6;font-size:14px}.headline-body a{font-size:13px;font-weight:800;color:var(--accent-2)}.news-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#101521}.news-list article{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:24px;border-bottom:1px solid var(--line);min-height:130px}.news-list article:last-child{border-bottom:0}.news-date{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:1px}.news-list h3{font-size:16px;line-height:1.45;margin:0 0 12px}.news-list p{margin:0;color:#778293;font-size:11px}.community{margin-bottom:90px;border-radius:30px;min-height:310px;padding-top:55px;padding-bottom:55px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:radial-gradient(circle at 85% 40%,#59e1ff2e,transparent 26%),linear-gradient(120deg,#ff6b35,#b83e60 55%,#342766);overflow:hidden}.community .eyebrow{color:#171219}.community h2{font-size:47px;letter-spacing:-2px;margin:0 0 12px}.community p{max-width:600px;color:#fffdd;line-height:1.7}.community-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.light{background:#fff;color:#111}.community-actions span{font-size:12px;color:#fff9}.avatars{display:flex;align-items:center;padding-right:15px}.avatars span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin-left:-12px;border:3px solid #cf5360;background:#151a25;font-size:12px;font-weight:800;box-shadow:0 8px 20px #0003}.avatars span:nth-child(2){background:#2f5d77}.avatars span:nth-child(3){background:#6d4c69}.avatars span:nth-child(4){background:#4b6b48}.avatars span:last-child{background:#fff;color:#161616}.site-footer{border-top:1px solid var(--line);padding-top:45px;padding-bottom:28px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.site-footer p{font-size:13px;color:#788293;line-height:1.6;max-width:340px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-links div{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#8993a5}.footer-links b{color:#e9edf3;margin-bottom:6px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;color:#666f7f;font-size:11px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:900px){.nav-links{position:absolute;top:70px;left:24px;right:24px;background:#111621;border:1px solid var(--line);border-radius:16px;padding:18px;flex-direction:column;align-items:stretch;display:none}.nav-links.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:30px}.hero-visual{min-height:380px}.features{grid-template-columns:1fr 1fr}.features article:nth-child(2){border-right:0}.features article:nth-child(-n+2){border-bottom:1px solid var(--line)}.game-grid{grid-template-columns:1fr 1fr}.news-grid{grid-template-columns:1fr}.community{flex-direction:column;align-items:flex-start}.avatars{padding-left:10px}.site-footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:560px){.section-shell,.site-header{padding-left:18px;padding-right:18px}.hero h1{font-size:50px}.hero-actions{flex-direction:column;align-items:stretch}.mini-stats{gap:18px}.tag-1{left:0}.tag-2{right:0}.features{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid var(--line)!important}.features article:last-child{border-bottom:0!important}.game-grid{grid-template-columns:1fr}.poster{height:340px}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}.section-heading h2{font-size:31px}.community h2{font-size:38px}.community-actions{align-items:flex-start;flex-direction:column}.avatars span{width:50px;height:50px}.site-footer{padding-left:18px;padding-right:18px}}


/* Game detail pages */
.game-card-link{display:block;color:inherit;border-radius:19px}
.game-card-link:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}
.game-card-link .game-card{height:100%}
.detail-main{padding-top:34px;padding-bottom:90px}
.detail-back{display:inline-flex;align-items:center;gap:8px;color:#9aa4b5;font-size:13px;font-weight:800;margin:12px 0 26px}
.detail-back:hover{color:#fff}
.game-detail-hero{position:relative;min-height:520px;border:1px solid var(--line);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.04fr .96fr;background:#0f1420;box-shadow:0 32px 100px #0005}
.game-detail-copy{padding:58px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.game-kicker{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.game-kicker span{font-size:10px;font-weight:900;letter-spacing:1.25px;padding:8px 10px;border-radius:999px;border:1px solid #ffffff1f;background:#ffffff0b;color:#cdd4df}
.game-detail-copy h1{font-size:clamp(48px,6vw,78px);line-height:.95;letter-spacing:-3px;margin:0 0 22px}
.game-detail-copy>p{color:#a3adbc;font-size:16px;line-height:1.75;max-width:620px;margin:0 0 28px}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap}
.detail-art{min-height:520px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:42px}
.detail-art:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-110px;top:30px;filter:blur(4px)}
.detail-art:after{content:"";position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(transparent,#0a0c13)}
.detail-art.poster-1:before{background:#59e1ff8a}.detail-art.poster-2:before{background:#ffc66d66}.detail-art.poster-3:before{background:#ff6b3566}.detail-art.poster-4:before{background:#ff9a3d66}
.detail-art .poster-title{font-size:clamp(54px,7vw,92px);position:relative;z-index:2}
.detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;margin-top:24px}
.detail-panel{background:#101521;border:1px solid var(--line);border-radius:24px;padding:30px}
.detail-panel h2{font-size:25px;letter-spacing:-.7px;margin:0 0 15px}
.detail-panel p{color:#929cad;line-height:1.75;margin:0}
.game-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fact{background:#0c1019;border:1px solid var(--line);border-radius:16px;padding:18px}
.fact span{display:block;color:#737f91;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.fact strong{font-size:16px}
.player-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.stat-card{background:#101521;border:1px solid var(--line);border-radius:20px;padding:23px}
.stat-card span{display:block;color:#7f8999;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}
.stat-card strong{font-size:27px;letter-spacing:-1px}
.community-detail{margin-top:24px;border-radius:24px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(120deg,#ff6b35,#b83e60 56%,#342766)}
.community-detail h2{margin:0 0 8px;font-size:28px;letter-spacing:-1px}.community-detail p{margin:0;color:#fffbd;line-height:1.6}.community-detail .btn{white-space:nowrap}
@media(max-width:900px){.game-detail-hero,.detail-grid{grid-template-columns:1fr}.game-detail-copy{padding:42px}.detail-art{min-height:390px}.player-stats{grid-template-columns:1fr 1fr}.community-detail{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.detail-main{padding-top:15px}.game-detail-copy{padding:31px 24px}.game-detail-copy h1{font-size:48px}.detail-art{min-height:330px;padding:26px}.detail-panel{padding:23px}.game-facts,.player-stats{grid-template-columns:1fr}.community-detail{padding:26px}}