
:root{--bg:#05030b;--panel:#0c0816;--panel2:#110a20;--line:#33234f;--yellow:#ffe600;--purple:#9228ff;--pink:#ff18cf;--text:#fff;--muted:#a99fb9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#3a126050,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 30px));margin:auto}
header{height:66px;position:sticky;top:0;z-index:30;background:#05030be8;backdrop-filter:blur(18px);border-bottom:1px solid #2a1c42}.nav{height:100%;display:flex;align-items:center;gap:30px}.logo{font-size:20px;font-weight:950}.logo b{color:var(--yellow)}nav{display:flex;gap:24px;font-size:12px;color:#c8bfd4}.navSearch{margin-left:auto;display:flex;width:300px;background:#0b0714;border:1px solid var(--line);border-radius:999px;overflow:hidden}.navSearch input{min-width:0;flex:1;border:0;outline:0;background:none;color:#fff;padding:10px 14px}.navSearch button{border:0;background:var(--yellow);font-weight:900;padding:0 15px}
.hero{min-height:560px;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:#05030b}.heroCollage{position:absolute;inset:-4% -2%;display:grid;grid-template-columns:1.1fr .9fr 1.2fr .9fr 1.1fr;gap:0;transform:scale(1.01)}.heroGame{min-width:0;background-position:center;background-size:cover;filter:saturate(1.04) contrast(1.06);opacity:.78}.heroGame1{clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}.heroGame2{margin-left:-18%;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.heroGame3{margin-left:-18%;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.heroGame4{margin-left:-18%;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}.heroGame5{margin-left:-18%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#05030bcc 0%,#05030b38 25%,#05030b28 50%,#05030b38 75%,#05030bcc 100%),linear-gradient(180deg,#05030b40 0%,#05030b18 35%,#05030bd8 82%,#05030b 100%)}.hero:after{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0 20%,#05030b33 56%,#05030b99 100%);box-shadow:inset 0 0 120px #05030b}.heroIn{position:relative;z-index:2;width:min(800px,92%);padding:50px 0;text-shadow:0 3px 22px #000}.hero h1{font-size:clamp(40px,6vw,70px);line-height:.96;margin:0;font-weight:950;letter-spacing:-2px}.hero h1 span{color:var(--yellow)}.hero p{color:#ddd4e6;font-size:13px;line-height:1.6;max-width:600px;margin:16px auto 24px}.bigSearch{height:56px;background:#070410df;border:1px solid #ffffff55;border-radius:999px;display:flex;padding:5px}.bigSearch input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;padding:0 15px}.bigSearch button,.yellow{border:0;background:var(--yellow);color:#070500;font-weight:950;border-radius:999px;padding:0 24px}.chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid #633d91;background:#080512cc;color:#ddd;border-radius:999px;padding:8px 13px;font-size:10px}.chip.on{background:var(--yellow);color:#000}
section{padding:28px 0}.head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.head h2{font-size:20px;margin:0}.head p{font-size:10px;color:var(--muted);margin:4px 0 0}.view{font-size:10px;color:var(--yellow);font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card{background:linear-gradient(180deg,#10091c,#08050f);border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#8450c8}.art{height:135px;background-size:cover;background-position:center;position:relative}.badge{position:absolute;right:7px;top:7px;background:linear-gradient(135deg,var(--purple),var(--pink));padding:5px 8px;border-radius:7px;font-size:9px;font-weight:950}.body{padding:10px}.body h3{font-size:12px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{font-size:8px;color:#9c92a9}.cardFoot{display:flex;justify-content:space-between;align-items:end;margin-top:10px;gap:8px}.price{font-size:17px;color:var(--yellow);font-weight:950}.old{font-size:8px;color:#777;text-decoration:line-through}.deal{border:0;border-radius:7px;background:var(--yellow);font-weight:950;padding:8px 10px;font-size:9px}.dealsCarousel{position:relative}.dealsViewport{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 1px 12px}.dealsViewport::-webkit-scrollbar{display:none}.dealsTrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 39px)/4);gap:13px}.dealsTrack .card{min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.carouselArrow{position:absolute;z-index:5;top:46%;width:42px;height:42px;display:grid;place-items:center;border:1px solid #fff7;border-radius:50%;background:var(--yellow);color:#09050e;font-size:18px;font-weight:950;box-shadow:0 8px 28px #000b;transition:.2s}.carouselArrow:hover:not(:disabled){transform:translateY(-2px) scale(1.05);background:#fff}.carouselArrow:disabled{opacity:.25;cursor:default}.carouselPrev{left:8px}.carouselNext{right:8px}.loadMoreWrap{display:flex;flex-direction:column;align-items:center;gap:11px;padding:27px 0 4px}.loadMoreWrap[hidden],.viewMoreBtn[hidden]{display:none}.gameCount{color:var(--muted);font-size:10px}.viewMoreBtn{min-width:220px;border:1px solid #7f43c3;border-radius:999px;background:linear-gradient(135deg,#6521a7,#9b2dff);color:#fff;padding:13px 22px;font-size:11px;font-weight:950;box-shadow:0 10px 30px #6e22b530;transition:.2s}.viewMoreBtn:hover{transform:translateY(-2px);border-color:var(--yellow);box-shadow:0 14px 34px #6e22b555}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.panel{background:linear-gradient(145deg,#10091b,#08050f);border:1px solid var(--line);border-radius:14px;padding:18px}.panel p{font-size:10px;color:var(--muted);line-height:1.5}.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.store{padding:10px 5px;text-align:center;border:1px solid #25193c;background:#08050e;border-radius:8px;font-size:9px}.promo{background:linear-gradient(135deg,#34116d,#721aa7);display:grid;place-items:center;text-align:center;font-size:27px;font-weight:950;font-style:italic}.promo b{color:var(--yellow)}
.gameHero{padding:42px 0;background:radial-gradient(circle at 70% 10%,#672b9b44,transparent 35%)}.crumb{font-size:10px;color:#958aa5;margin-bottom:15px}.gameTop{display:grid;grid-template-columns:420px 1fr;gap:28px}.cover{height:245px;background-size:cover;background-position:center;border-radius:16px;border:1px solid #503477;box-shadow:0 20px 50px #0007}.gameInfo h1{font-size:38px;margin:5px 0}.gameInfo p{font-size:12px;color:#b7adbf;line-height:1.65}.best{display:flex;gap:16px;align-items:center;margin:18px 0}.bestPrice{font-size:34px;color:var(--yellow);font-weight:950}.pill{font-size:10px;border:1px solid #57357f;border-radius:999px;padding:7px 11px;color:#d8cfe1}.gameActions{display:flex;gap:8px}.gameActions button{height:42px}.outline{background:#0b0715;border:1px solid #64418f;color:#fff;border-radius:999px;padding:0 18px;font-weight:800}
.contentGrid{display:grid;grid-template-columns:1fr 310px;gap:18px}.box{background:#0b0714;border:1px solid var(--line);border-radius:14px;padding:16px}.box h2{font-size:17px;margin:0 0 13px}.offerFilters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.offerFilters button{background:#0a0612;border:1px solid #493267;color:#ddd;border-radius:999px;padding:7px 11px;font-size:9px}.offerRow{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr 100px;gap:8px;align-items:center;padding:13px 5px;border-top:1px solid #251a38;font-size:10px}.offerRow strong{font-size:16px;color:var(--yellow)}.chart{height:180px;position:relative;border-radius:10px;background:linear-gradient(180deg,#18102b,#090612);overflow:hidden}.chart svg{width:100%;height:100%}.chartLabel{position:absolute;left:12px;top:10px;font-size:10px;color:#b7adbf}.low{color:#68ff9e;font-size:11px;font-weight:900}.sideStat{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #251a38;font-size:10px}.sideStat span{color:#9f95aa}.alertBox{background:linear-gradient(145deg,#211040,#0c0716)}.alertBox input{width:100%;height:40px;border-radius:8px;border:1px solid #4b3269;background:#090610;color:#fff;padding:0 10px;margin:9px 0}.alertBox .yellow{height:40px;width:100%;border-radius:8px}
.siteFooter{border-top:1px solid #211733;background:#07040d;color:#93889f;padding:36px 0 20px;text-align:left}.footerGrid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:30px}.footerBrand .logo{display:inline-block;color:#fff;margin-bottom:10px}.footerBrand p{max-width:380px;font-size:10px;line-height:1.7;margin:0}.footerEmail{display:inline-block;color:#bba8d8;font-size:10px;margin-top:9px}.footerEmail:hover{color:var(--yellow)}.footerColumn b{display:block;color:#fff;font-size:11px;margin-bottom:11px}.footerColumn a{display:block;color:#9c91a8;font-size:10px;padding:5px 0}.footerColumn a:hover{color:var(--yellow)}.footerBottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #211733;margin-top:27px;padding-top:17px;font-size:9px}.footerBottom a{color:#aaa0b8}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;background:#171022;border:1px solid #7542cf;padding:11px 16px;border-radius:10px;font-size:11px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.dealsTrack{grid-auto-columns:calc((100% - 13px)/2)}.features{grid-template-columns:1fr 1fr}.promo{grid-column:1/-1}.gameTop{grid-template-columns:330px 1fr}.contentGrid{grid-template-columns:1fr}.navSearch{width:230px}}
@media(max-width:650px){header{height:58px}nav{display:none}.wrap{width:calc(100% - 20px)}.navSearch{width:auto;flex:1}.navSearch button{display:none}.hero{min-height:500px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dealsTrack{gap:8px;grid-auto-columns:calc((100% - 8px)/2)}.carouselArrow{width:36px;height:36px;font-size:15px}.carouselPrev{left:4px}.carouselNext{right:4px}.art{height:105px}.cardFoot{flex-direction:column;align-items:stretch}.deal{width:100%}.features{grid-template-columns:1fr}.promo{grid-column:auto;min-height:120px}.gameTop{grid-template-columns:1fr}.cover{height:220px}.gameInfo h1{font-size:30px}.contentGrid{grid-template-columns:1fr}.offerRow{grid-template-columns:1fr 75px 70px}.offerRow .hideMobile{display:none}.gameActions{flex-direction:column}.gameActions button{width:100%}.best{justify-content:space-between}.logo{font-size:16px}.footerGrid{grid-template-columns:1fr 1fr}.footerBrand{grid-column:1/-1}.footerBottom{flex-direction:column}}
@media(max-width:360px){.grid{grid-template-columns:1fr}.dealsTrack{grid-auto-columns:100%}}

@media(max-width:650px){.heroCollage{grid-template-columns:repeat(3,1fr);width:150%;left:-25%}.heroGame4,.heroGame5{display:none}.heroGame{opacity:.62}.hero{min-height:520px}}

.sectionTools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.sectionTools label{font-size:11px;color:var(--muted)}.sectionTools select{border:1px solid #8053b4;border-radius:9px;background:#160e22;color:#fff;padding:9px 11px;font-size:12px;max-width:100%}@media(max-width:600px){.head{align-items:flex-start;gap:12px;flex-wrap:wrap}.sectionTools{justify-content:flex-start}}

.logo,.footerBrand .logo{display:inline-flex;align-items:center}.brandWordmark{display:block;width:162px;height:44px;object-fit:contain}@media(max-width:600px){.brandWordmark{width:140px;height:40px}}
