:root{--bg:#09090b;--panel:#1e1e24;--panel2:#2d2d36;--line:#383841;--mint:#00e8b1;--muted:#b3b3bc;--text:#b5b5c1}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#fff;font:14px/1.6 "DM Sans",Arial,sans-serif}
a{color:inherit;text-decoration:none}img{max-width:100%}
h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:700;color:#fff}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--mint);color:#041b16;padding:8px 14px;border-radius:20px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.app{display:grid;grid-template-columns:276px minmax(0,1fr);max-width:1560px;margin:0 auto}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:22px 16px 28px 20px;scrollbar-width:thin}
.logo{display:block;margin:0 0 20px}.logo img{display:block;width:182px;height:36px;object-fit:contain;object-position:left center}
.account-buttons{display:grid;gap:12px;margin-bottom:16px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 24px;border-radius:28px;font:800 14px/1 "DM Sans",Arial,sans-serif;background:var(--panel);border:1.6px solid var(--line);color:#fff;cursor:pointer}
.button.mint{background:var(--mint);border-color:var(--mint);color:#041b16}
.button:hover{filter:brightness(1.12)}
.season-banner{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 10px 0 14px;border:.8px solid #58409d;border-radius:10px;background:linear-gradient(110deg,#1a1430,#0d0c12);font-weight:700;margin-bottom:14px;overflow:hidden}
.season-banner img{width:54px;height:54px;object-fit:cover}
.side-search{display:flex;align-items:center;gap:10px;background:var(--panel);border-radius:30px;padding:0 18px;height:46px;color:var(--muted);margin-bottom:14px}
.side-search input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit}.side-search input::placeholder{color:var(--muted)}
.side-search kbd{font:11px "DM Sans";border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:#878793}
.nav-group{display:grid;background:var(--panel);border-radius:28px;padding:7px;margin-bottom:12px}
.nav-group a{display:flex;align-items:center;gap:14px;height:52px;padding:0 12px;color:var(--muted);font-size:15px;font-weight:600;border-radius:25px}
.nav-group a:hover{color:#fff}.nav-group a.active{background:var(--panel2);color:#fff;height:44px}
.nav-icon{width:23px;text-align:center;color:#878793;font-size:19px}
.nav-group a.active .nav-icon{color:var(--mint)}
.side-language{font-size:12px;color:#a8a8b0;padding:12px 8px}
main{padding:30px 38px 20px;min-width:0}
.wrap{max-width:1170px}
.breadcrumb{font-size:11px;color:#7c7c89;padding:8px 0;margin-bottom:14px}.breadcrumb a:hover{color:#fff}.breadcrumb span{margin:0 8px}
.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:1.7px;color:var(--mint);text-transform:uppercase}
.page-header h1{font-size:40px;line-height:1.25;margin:10px 0 26px;max-width:1100px}
.content-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border-radius:22px;border:.8px solid #2e4b45;background:linear-gradient(110deg,#142824,#1c1d24);margin:0 0 30px}
.content-cta p{margin:7px 0 0;color:#b5cbc4;font-size:14px}
.content-cta .button{background:var(--mint);border:0;color:#061f18;font-size:13px;flex:none}
.hero-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:6px}
.hero-card{display:block;border-radius:28px;overflow:hidden;background:#0e2829;aspect-ratio:2/1}
.hero-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.hero-card:hover img{transform:scale(1.03)}
.category-strip{display:flex;gap:16px;padding:14px 0 20px;overflow-x:auto}
.category-strip a{flex:none;width:130px;height:88px;border-radius:14px;border:.8px solid #12342d;background:linear-gradient(#1b2023,#1b1b20);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 9px 9px;font-size:12px;font-weight:700;position:relative;overflow:hidden}
.category-strip a img{position:absolute;top:2px;left:50%;transform:translateX(-50%);width:58px;height:58px}
.category-strip a:hover{border-color:var(--mint)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 16px}
.section-heading h2{font-size:23px;margin:0}
.inline-search{background:#1b1b21;border:0;border-radius:20px;padding:8px 13px;color:#fff;font:12px "DM Sans",Arial,sans-serif;width:198px}
.inline-search::placeholder{color:#a7a7b4}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:14px}
.game-card{position:relative}
.game-open{display:block;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:300/512;background:#16161b}
.game-open img{display:block;width:100%;height:100%;object-fit:cover}
.badge{position:absolute;top:8px;left:8px;z-index:2;font-size:8px;font-weight:800;letter-spacing:.6px;border-radius:5px;padding:4px 7px;color:#fff;background:#5664f5}
.badge.new{background:#00a87f}.badge.hot{background:#ff4d5e}
.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(9,9,11,.55);opacity:0;transition:opacity .2s}
.play-overlay span{background:var(--mint);color:#041b16;font-weight:800;font-size:12px;border-radius:20px;padding:8px 12px}
.game-open:hover .play-overlay,.game-open:focus-visible .play-overlay{opacity:1}
.favourite{position:absolute;top:6px;right:8px;z-index:2;font-size:16px;color:#fff;text-shadow:0 1px 4px #000}
.empty{color:var(--muted)}
.catalogue-actions{display:flex;justify-content:center;margin:22px 0 4px}
.catalogue-actions .button{font-size:12px;min-height:40px}
.doc-article{max-width:940px;margin:30px auto 0;background:#141419;border:.8px solid #25252c;border-radius:24px;padding:36px 40px;color:var(--text);font-size:15px;line-height:1.75}
.doc-article>:first-child{margin-top:0}
.doc-article h2{font-size:22px;line-height:1.4;margin:36px 0 14px}
.doc-article h3{font-size:17.55px;line-height:1.45;color:#eee;margin:24px 0 10px}
.doc-article p{margin:0 0 16px}.doc-article ul{margin:0 0 16px;padding-left:20px}.doc-article li{margin-bottom:6px}
.doc-article a{color:var(--mint)}.doc-article a.button{color:#061f18}
.article-figure{margin:28px 0}.article-figure img{display:block;width:100%;height:auto;border-radius:22px;border:.8px solid #38514b}
.doc-article .content-cta{margin:28px 0}
.doc-steps{list-style:none;counter-reset:step;padding:0!important;margin:0 0 20px}
.doc-steps li{position:relative;padding:2px 0 12px 54px;counter-increment:step}
.doc-steps li:before{content:counter(step);position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:50%;border:1.6px solid var(--mint);background:var(--panel);color:var(--mint);font-weight:800;display:flex;align-items:center;justify-content:center}
.doc-steps h3{margin:6px 0 4px}.doc-steps p{margin:0}
footer{margin-top:48px;color:#92929e;font-size:12px;border-top:1px solid #1e1e24}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0 22px}
.footer-top img{width:182px;height:36px;object-fit:contain;object-position:left center}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:11px}.footer-links a:hover{color:#fff}
.footer-bottom{display:flex;align-items:center;gap:14px;padding:22px 0 10px;font-size:10px;line-height:1.6}
.footer-bottom a{text-decoration:underline}
.age{flex:none;display:inline-flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:50%;border:.8px solid #555561;font-size:11px;font-weight:700}
.mobile-header{display:none}
.menu-scrim{display:none}
@media(max-width:1100px){.hero-cards{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
 .app{display:block}
 .mobile-header{display:flex;position:sticky;top:0;z-index:40;align-items:center;gap:12px;padding:10px 14px;background:rgba(9,9,11,.96);border-bottom:1px solid #1e1e24}
 .mobile-header .logo{margin:0;flex:1}.mobile-header .logo img{width:140px;height:28px}
 .mobile-header .button{min-height:38px;padding:8px 16px;font-size:12px}
 .menu-toggle{width:40px;height:40px;border-radius:50%;border:1.6px solid var(--line);background:var(--panel);color:#fff;font-size:18px;cursor:pointer}
 .sidebar{position:fixed;left:0;top:0;bottom:0;width:286px;height:auto;z-index:60;background:var(--bg);transform:translateX(-100%);transition:transform .25s}
 body.menu-open .sidebar{transform:none}
 body.menu-open .menu-scrim{display:block;position:fixed;inset:0;z-index:55;background:rgba(0,0,0,.6)}
 main{padding:18px 16px}
 .page-header h1{font-size:29px}
 .hero-cards{grid-template-columns:1fr}
 .content-cta{flex-direction:column;align-items:flex-start;padding:20px}
 .doc-article{padding:24px 18px;font-size:15px}
 .section-heading{flex-wrap:wrap}.inline-search{width:100%}
 .game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media(max-width:420px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}