*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0f212e;color:#edf3f7;font-family:Sora,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}p{color:#b3c4d0;line-height:1.8}.top{height:76px;position:fixed;inset:0 0 auto;z-index:30;background:#1a2c38;box-shadow:0 3px 14px #0003;display:flex;align-items:center;padding:0 30px;gap:28px}.logo{font-size:27px;font-weight:800;letter-spacing:-1.5px;white-space:nowrap}.logo span{color:#00e701}.logo b{letter-spacing:1px;font-size:10px;background:#304959;border-radius:4px;padding:4px;margin-left:7px;vertical-align:middle}.switch{display:flex;gap:8px}.switch a{padding:12px 22px;background:#0f212e;border-radius:7px;font-weight:600}.switch a:first-child{box-shadow:inset 0 -2px #00e701}.cta{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:7px;background:#00e701;color:#062408;font-weight:750;box-shadow:0 5px 22px #00e70116;transition:.2s}.cta:hover{background:#62f768;transform:translateY(-2px)}.top .cta{margin-left:auto;font-size:12px}.top button{color:white;border:0;background:none;font-size:24px}aside{position:fixed;inset:76px auto 0 0;width:232px;background:#132632;padding:24px 15px;overflow:auto;z-index:25}aside a{display:block;color:#b4c7d4;font-weight:600;border-radius:6px;padding:11px 15px;margin:2px 0}aside a:hover,aside a.active{background:#263e4d;color:#fff}aside a.active{box-shadow:inset 3px 0 #00e701}.side-title{font-size:10px;letter-spacing:1.6px;color:#7f98aa;padding:0 15px 16px}.side-bottom{font-size:10px;color:#879faf;padding:24px 15px;line-height:2.4}.side-bottom strong{display:inline-block;border:1px solid #6b8393;border-radius:50%;padding:3px;margin-right:4px}main{margin-left:232px;padding:104px 36px 0;max-width:1880px}.breadcrumb{font-size:10px;color:#829aa9;margin-bottom:18px}.hero{position:relative;min-height:390px;overflow:hidden;border-radius:12px;background:#142c39}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e2233 0%,#0e2233f5 24%,#0e2233a0 44%,transparent 70%)}.hero-copy{position:relative;z-index:1;width:52%;padding:42px 38px}.eyebrow{color:#58ed83;font-size:10px;font-weight:700;letter-spacing:1.7px}h1{font-size:clamp(27px,2.7vw,46px);line-height:1.13;letter-spacing:-1.8px;margin:16px 0}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:15px}.hero p{font-size:13px;max-width:390px;line-height:1.7}.hero small{display:block;font-size:9px;color:#8fa8b8;line-height:1.6;margin-top:15px;max-width:310px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 30px}.quick a{padding:21px 14px;background:#1a2c38;border-radius:8px;text-align:center;font-size:12px;font-weight:650}.quick a:hover{background:#284454;color:#67f174}.tools{display:flex;gap:14px}.tools label{display:flex;align-items:center;gap:12px;background:#1a2c38;border:1px solid #304957;border-radius:8px;padding:0 15px;flex:1}.tools input{width:100%;padding:16px 0;background:transparent;color:white;border:0;min-width:0}.tools span{font-size:25px;color:#9ab1c1}.tools select{background:#1a2c38;color:#bacbd6;border:1px solid #304957;border-radius:8px;padding:0 16px;max-width:43%}#count{font-size:10px;color:#829aa9}.collection{margin:32px 0}.collection header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.collection h2{margin:0}.collection h2 small{font-size:10px;background:#284250;padding:4px 7px;border-radius:5px;vertical-align:middle;margin-left:7px}.collection header>a{font-size:10px;color:#b4cad8}.game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px 13px}.game-card{min-width:0}.game-image{display:block;position:relative;border-radius:9px;overflow:hidden;background:#192f3f;transition:.2s}.game-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.game-image:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0006}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#00e701;color:#062408;width:47px;height:47px;border-radius:50%;opacity:0;transition:.2s}.game-image:hover .play{opacity:1}.game-card h3{font-size:10px;line-height:1.5;font-weight:550;color:#becfd9;margin:9px 2px}.game-card h3 a:hover{color:#5ff17f}.editorial{background:#192d3b;padding:32px;border-radius:12px;margin-top:45px}.editorial>p{max-width:900px}.advice{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:25px}.advice p{font-size:12px}.advice h3{color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related{display:flex;justify-content:space-between;background:#253f50;padding:17px;border-radius:6px;font-size:11px}.related span{color:#4bea75}.faq{padding:30px 0}.faq details{background:#1a2c38;border-radius:8px;padding:18px 22px;margin:9px 0}.faq summary{cursor:pointer;font-weight:600;font-size:12px}.faq details p{font-size:12px}footer{border-top:1px solid #28404f;padding:38px 0 30px}footer p{max-width:780px;font-size:11px}footer nav{display:flex;gap:12px;margin:20px 0}footer small{color:#728e9f;font-size:10px}footer .related{padding:12px}.scrim{display:none}.game-card[hidden],section[hidden]{display:none!important}#empty{padding:40px;text-align:center}body.sidebar-closed aside{display:none}body.sidebar-closed main{margin-left:0}
@media(min-width:1700px){.hero{min-height:440px}.hero-copy{padding:60px}}@media(max-width:1200px){aside{width:205px}main{margin-left:205px;padding:100px 24px 0}.hero-copy{padding:30px 25px;width:57%}.hero{min-height:350px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.quick{gap:8px}.quick a{font-size:10px}}@media(max-width:960px){aside{transform:translateX(-100%);width:250px;transition:.2s}body.menu-open aside{transform:translateX(0)}body.menu-open .scrim{display:block;position:fixed;inset:76px 0 0;background:#0009;border:0;z-index:24}main{margin-left:0}.top{padding:0 20px;gap:18px}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-copy{width:54%}.hero{min-height:360px}.switch a{padding:12px}.advice{gap:15px}}@media(max-width:700px){main{padding:95px 16px 0}.top{height:70px;padding:0 15px;gap:12px}.top .logo{font-size:23px}.top .compact{font-size:10px;padding:11px}.switch{display:none}aside{top:70px}body.menu-open .scrim{top:70px}.hero{min-height:520px}.hero>img{height:280px;top:auto;bottom:0;object-position:right center;object-fit:cover;width:150%;max-width:none;right:0}.hero:after{background:linear-gradient(180deg,#0e2233 0%,#0e2233 35%,#0e2233bb 52%,transparent 77%)}.hero-copy{width:100%;padding:26px 24px}.hero h1{font-size:32px;max-width:410px}.hero p{font-size:12px;max-width:330px}.hero small{max-width:220px;font-size:8px}.hero .cta{padding:12px 17px;font-size:12px}.quick{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 24px}.quick a{padding:16px;font-size:11px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px}.collection h2{font-size:17px}.collection header>a{font-size:9px}.tools input{font-size:11px}.tools select{font-size:10px;padding:0 8px}.editorial{padding:24px 20px}.advice,.related-grid{grid-template-columns:1fr}.advice{gap:3px}footer nav{flex-wrap:wrap}.game-card h3{font-size:9px}.eyebrow{font-size:8px}}@media(max-width:450px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:29px}.top .compact{font-size:9px;padding:11px 9px}.top .logo b{display:none}.hero{min-height:510px}.collection h2 small{display:none}}
@media(min-width:701px){.hero>img{object-fit:contain;object-position:right center}}