.viper-home{--lobby-green:#adff48;color:#eff6f1;font-family:'Barlow',sans-serif;background:radial-gradient(ellipse at 65% 0,rgba(37,95,58,.18),transparent 50%),#0b100e;min-height:100vh}
.viper-home .page__content{padding-bottom:32px}
.viper-home .page__content>.container,.viper-home .page__content>.container-fluid{padding-top:30px;padding-bottom:28px}
.viper-home .page__content__navbar{background:rgba(12,19,15,.96);padding:18px 24px}
.viper-home .page__navbar{background:#0e1511}
.viper-home .page__navbar a{transition:background .2s,color .2s}
.viper-home .page__navbar a:hover{background:rgba(173,255,72,.08);color:#adff48}
.lobby-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#adff48;display:block}
.lobby-heading h1{font-size:clamp(21px,2.4vw,32px);font-weight:600;letter-spacing:-.8px;margin:7px 0 0}
.age-label{font-size:12px;color:#9ba99f;white-space:nowrap}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(240px,1fr);gap:18px}
.hero-feature{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:405px;padding:42px;border-radius:24px;border:1px solid #34573b;background:radial-gradient(ellipse at 95% 55%,#457b245c,transparent 60%),linear-gradient(120deg,#142b20,#0a1d15 65%,#26452b)}
.hero-feature:after{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(130deg,transparent 0 60px,#adff4806 61px 62px)}
.hero-copy{position:relative;z-index:1;max-width:470px}
.hero-tag{display:inline-block;border:1px solid #b5ff4b38;border-radius:30px;background:#adff4810;padding:8px 12px;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#c7ff91}
.hero-copy h2{font-size:clamp(32px,3.25vw,51px);line-height:1.08;letter-spacing:-1.8px;font-weight:700;margin:22px 0 18px}
.hero-copy h2 em{font-style:normal;color:#adff48}
.hero-copy p{max-width:340px;font-size:15px;line-height:1.65;color:#bdccc2;margin-bottom:24px}
.hero-cta{display:inline-flex;gap:26px;align-items:center;border-radius:10px;background:#adff48;color:#12200b;padding:14px 20px;font-size:14px;font-weight:700;box-shadow:0 5px 30px #9fff3b20;transition:transform .2s,box-shadow .2s}
.hero-cta:hover{color:#12200b;transform:translateY(-3px);box-shadow:0 9px 35px #9fff3b40}
.hero-footnote{display:block;margin-top:18px;font-size:11px;color:#a4b5a9}
.hero-orbit{position:absolute;right:-90px;top:60px;width:320px;height:320px;border:1px solid #b5ff4b40;border-radius:50%;box-shadow:0 0 0 24px #b5ff4b05,0 0 0 55px #b5ff4b04,inset 0 0 80px #aaff4820;display:grid;place-items:center;transform:rotate(-18deg);animation:lobby-float 8s ease-in-out infinite;z-index:-1}
.hero-orbit span{font-family:Arial,sans-serif;font-size:190px;font-weight:900;color:#c5ff7040;text-shadow:0 12px 40px #aaff4820}
.hero-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.feature-tile{position:relative;isolation:isolate;overflow:hidden;display:block;padding:25px 28px;border-radius:22px;border:1px solid #ffffff19;color:#f5fff7;transition:transform .25s,border-color .25s}
.feature-tile:hover{transform:translateY(-3px);color:#fff;border-color:#adff4870}
.feature-tile--green{background:linear-gradient(115deg,#253e2b,#152b20)}
.feature-tile--purple{background:linear-gradient(115deg,#302646,#1e1b2b)}
.feature-tile--purple .eyebrow{color:#c8b6ff}
.feature-tile h2{font-size:25px;line-height:1.12;font-weight:600;margin:12px 0 18px;position:relative}
.tile-link{font-size:12px;color:#d2dfd6;position:relative}
.tile-symbol{position:absolute;right:9px;top:-20px;font-size:180px;line-height:1.3;opacity:.12;transform:rotate(-18deg);z-index:-1}
.lobby-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.lobby-shortcuts a{padding:12px 18px;background:#151f19;border:1px solid #ffffff10;border-radius:12px;font-size:13px;color:#c5d1c9;transition:background .2s,color .2s}
.lobby-shortcuts a:hover{background:#253a23;color:#adff48}
.viper-home .campaign-carousel{margin:0 0 28px}
.viper-home .campaign-carousel .splide__slide img{margin:0;border-radius:16px}
.campaign-carousel .splide__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;border-radius:50%;background:#0b100ee6;display:grid;place-items:center;border:1px solid #ffffff30}
.campaign-carousel .splide__arrow svg{width:12px;fill:#fff}
.campaign-carousel .splide__arrow--prev{left:8px}
.campaign-carousel .splide__arrow--prev svg{transform:rotate(180deg)}
.campaign-carousel .splide__arrow--next{right:8px}
.campaign-carousel .splide__pagination{bottom:8px;gap:5px}
.campaign-carousel .splide__pagination__page{height:6px;width:6px;border-radius:50%;background:#ffffff66}
.campaign-carousel .splide__pagination__page.is-active{background:#adff48;width:18px;border-radius:8px}
.viper-home .input-search-group{border:1px solid #ffffff18;border-radius:14px;overflow:hidden;background:#141e18;transition:border-color .2s}
.viper-home .input-search-group:focus-within{border-color:#adff48}
.viper-home .input-search-group input,.viper-home .input-search-group .input-group-text{background:transparent;color:#dce7df;border:0;min-height:54px;box-shadow:none}
.viper-home .input-search-group input::placeholder{color:#92a096}
.viper-home .input-search-group button{padding:0 20px;color:#adff48;cursor:pointer}
.viper-home .header-title h4{font-family:'Barlow',sans-serif;font-weight:600;font-size:23px}
.viper-home .d-steam-card{border-radius:18px;border:1px solid #ffffff1a}
.viper-home .d-steam-card-wrapper:hover .d-steam-card{transform:translateY(-6px);box-shadow:0 14px 28px #0006;border-color:#adff4866}
.viper-home a:focus-visible,.viper-home button:focus-visible{outline:2px solid #adff48;outline-offset:4px}
/* Original generated artwork; text stays in HTML for clarity and accessibility. */
.viper-home .hero-feature{background-image:linear-gradient(90deg,rgba(2,13,8,.45),rgba(2,13,8,.12) 55%,transparent),url('../images/lobby/hero-viper-v2.jpg');background-size:cover;background-position:center;min-height:430px;border-color:#6eab5a55;box-shadow:0 20px 65px #0004,inset 0 1px 0 #d1ffba19}
.viper-home .hero-feature:after{background:linear-gradient(0deg,#020c0733,transparent 50%)}
.viper-home .hero-orbit,.viper-home .tile-symbol{display:none}
.viper-home .hero-copy{max-width:55%}
.viper-home .hero-copy h2{font-size:clamp(30px,2.9vw,46px);text-shadow:0 2px 24px #0009}
.viper-home .hero-copy p{color:#cbd8cf;text-shadow:0 1px 8px #000}
.viper-home .hero-tag{background:#071b11b3;backdrop-filter:blur(8px)}
.viper-home .feature-tile{background-size:cover;background-position:center;box-shadow:0 12px 35px #0003;transition:transform .3s,box-shadow .3s,border-color .3s}
.viper-home .feature-tile--green{background-image:linear-gradient(90deg,#02100970,transparent),url('../images/lobby/collection-v2.jpg')}
.viper-home .feature-tile--purple{background-image:linear-gradient(90deg,#10051d80,transparent),url('../images/lobby/discover-v2.jpg')}
.viper-home .feature-tile h2{max-width:65%;font-size:24px;text-shadow:0 2px 12px #000}
.viper-home .feature-tile .eyebrow,.viper-home .tile-link{text-shadow:0 2px 8px #000}
.viper-home .feature-tile:hover{box-shadow:0 14px 40px #69d24218;border-color:#a6d37980}
.viper-home .feature-tile--purple:hover{box-shadow:0 14px 40px #a468ef26;border-color:#b785e880}
@keyframes lobby-float{50%{transform:translateY(-14px) rotate(-12deg)}}
@media(max-width:1200px){.hero-feature{padding:30px}.hero-copy{max-width:360px}.hero-orbit{opacity:.6;right:-170px}.feature-tile{padding:24px 20px}}
@media(max-width:767px){.lobby-heading{align-items:flex-start;flex-direction:column;gap:10px}.hero-grid{grid-template-columns:1fr}.hero-feature{min-height:360px;padding:28px}.hero-copy h2{font-size:38px}.hero-copy p{max-width:290px}.hero-side{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:12px}.feature-tile{padding:20px 16px}.feature-tile h2{font-size:21px}.feature-tile .eyebrow{font-size:8px;letter-spacing:1.1px}.tile-symbol{font-size:140px}.lobby-shortcuts{gap:8px}.lobby-shortcuts a{font-size:12px;padding:10px 12px}.viper-home .page__content>.container{padding-top:20px}.viper-home .d-steam-card-wrapper{flex-basis:33.333%;min-width:0}.age-label{font-size:11px}}
@media(max-width:1200px){.viper-home .hero-copy{max-width:64%}.viper-home .hero-feature{background-position:58% center}.viper-home .feature-tile h2{font-size:21px}}
@media(max-width:767px){.viper-home .hero-feature{min-height:405px;background-position:62% center;background-image:linear-gradient(90deg,#020d08db,rgba(2,13,8,.4) 65%,#020d0810),url('../images/lobby/hero-viper-v2.jpg')}.viper-home .hero-copy{max-width:80%}.viper-home .hero-copy h2{font-size:36px}.viper-home .hero-side{grid-template-columns:1fr 1fr}.viper-home .feature-tile{min-height:195px;background-position:60% center}.viper-home .feature-tile h2{max-width:85%;font-size:20px}.viper-home .feature-tile:after{content:'';position:absolute;inset:0;background:#04081038;z-index:-1}}
@media(max-width:380px){.viper-home .hero-side{grid-template-columns:1fr}.viper-home .hero-copy{max-width:95%}}
@media(prefers-reduced-motion:reduce){.viper-home *,.viper-home *:before,.viper-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Rio 777 — emerald and champagne gold campaign. */
.viper-home.rio777-home .hero-feature{background-image:linear-gradient(90deg,#00160de6,rgba(0,20,12,.25) 58%,transparent),url('../images/lobby/rio777-hero-v1.jpg');background-position:center;border-color:#c7a75c66;box-shadow:0 22px 70px #0006,inset 0 1px #f7df9626;min-height:440px}
.viper-home.rio777-home .feature-tile--green{background-image:linear-gradient(90deg,#00130b9c,transparent 85%),url('../images/lobby/rio777-casino-v1.jpg');border-color:#c7a75c40}
.viper-home.rio777-home .feature-tile--purple{background-image:linear-gradient(90deg,#00130bb3,transparent 90%),url('../images/lobby/rio777-football-v1.jpg');border-color:#c7a75c40}
.rio777-home .hero-copy h2 em,.rio777-home .eyebrow,.rio777-home .tile-link{color:#f0d28c}.rio777-home .hero-tag{color:#f4db9d;border-color:#d6b46566;background:#0b241ac9}.rio777-home .hero-cta{color:#172419;background:linear-gradient(110deg,#f6df9a,#d9b75f);box-shadow:0 8px 30px #d9b75f25}.rio777-home .hero-cta:hover{color:#0a1c12;box-shadow:0 10px 35px #d9b75f40}.rio777-home .lobby-shortcuts a{border-color:#d9b75f26}.rio777-home .feature-tile:hover{border-color:#d9b75f99;box-shadow:0 12px 40px #d9b75f19}.rio777-home .hero-copy{max-width:53%}.rio777-home .hero-copy h2{font-size:clamp(32px,3.1vw,48px)}
@media(max-width:767px){.viper-home.rio777-home .hero-feature{min-height:390px;background-image:linear-gradient(90deg,#00160de6,rgba(0,20,12,.55) 70%,#00160d33),url('../images/lobby/rio777-hero-v1.jpg');background-position:65% center}.rio777-home .hero-copy{max-width:85%}.rio777-home .hero-copy h2{font-size:35px}.rio777-home .hero-side .feature-tile{min-height:200px;background-position:58% center}}