:root{--bg:#101715;--panel:#18211d;--line:#354239;--text:#f2f2e7;--muted:#b0bcb3;--accent:#d7ec94;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wrap{max-width:var(--max);margin:auto;padding:0 30px}.skip{position:absolute;left:20px;top:-100px;background:var(--accent);color:#101715;padding:10px;z-index:99}.skip:focus{top:10px}header{border-bottom:1px solid var(--line);background:#101715}.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;font-size:35px;font-weight:850;letter-spacing:-2px;line-height:1}.brand span{color:var(--accent)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:9px;font-weight:650}.nav nav{display:flex;align-items:center;gap:25px}.nav nav a{text-decoration:none;font-size:13px;color:var(--muted)}.nav nav a:hover,.nav nav a[aria-current]{color:var(--accent)}.nav nav .nav-cta{border:1px solid #5b695e;padding:11px 17px;color:var(--text)}.menu-button{display:none}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:750;color:var(--accent);text-transform:uppercase}h1,h2,h3{line-height:1.1;letter-spacing:-1.5px;font-weight:600}h1{font-size:clamp(42px,5.8vw,76px);margin:22px 0 28px}h2{font-size:clamp(30px,3.5vw,46px);margin:12px 0 25px}h3{font-size:25px;letter-spacing:-.6px;margin:15px 0}p{color:var(--muted)}.lead{font-size:18px;line-height:1.75;max-width:650px}.small{font-size:12px;line-height:1.6;color:var(--muted)}.hero{padding:70px 0 78px;background:radial-gradient(ellipse at 83% 20%,#29392877,transparent 52%)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center}h1 em{font-style:normal;color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 24px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border:1px solid #617061;background:transparent;color:var(--text);text-decoration:none;font-size:13px;font-weight:650;cursor:pointer;min-height:48px}.primary{background:var(--accent);border-color:var(--accent);color:#172013}.button:hover{background:#2e3c30}.primary:hover{background:#e5f8b4;color:#172013}.hero-visual{position:relative;border:1px solid #526148;background:linear-gradient(145deg,#263321bb,#18231ddd);padding:24px;box-shadow:18px 18px 0 #1c251c55;border-radius:2px}.visual-top{display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:2px;color:#cfddbb}.signal{width:6px;height:6px;border-radius:50%;background:var(--accent)}.orbit{position:relative;height:300px;display:grid;place-items:center;background:radial-gradient(circle,#b6d27413,transparent 65%)}.orbit-ring{position:absolute;width:255px;height:255px;border:1px solid #6b7e4866;border-radius:50%;box-shadow:0 0 0 35px #84945609,0 0 0 65px #84945605}.orbit-ring:before,.orbit-ring:after{content:'';position:absolute;inset:27px;border:1px dashed #9fae6266;border-radius:50%}.orbit-ring:after{inset:65px;border-style:solid}.core{text-align:center;z-index:1;background:#1f2a1d;padding:20px;border:1px solid #98ac65;box-shadow:0 0 60px #c8e09515}.core strong{font-size:43px;letter-spacing:-2px}.core span{color:var(--accent)}.core small{display:block;font-size:8px;letter-spacing:2px;color:#bfcca8}.node{position:absolute;font-size:9px;letter-spacing:1.2px;background:#111c17;border:1px solid #647150;padding:10px 13px;z-index:2}.n1{top:35px;left:8px}.n2{right:0;top:110px}.n3{left:20px;bottom:26px}.visual-bottom{display:flex;justify-content:space-around;border-top:1px solid #526148;padding-top:20px;font-size:12px}.visual-bottom b{color:var(--accent)}.hero-visual>p{text-align:center;margin-bottom:0;font-size:10px}.strip{border-block:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:25px;padding-block:19px;color:#c2cdbd;font-size:12px}.strip span:before{content:'✓';color:var(--accent);margin-right:10px}.section{padding-top:76px;padding-bottom:76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:27px}.section-heading p{max-width:365px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--panel);padding:30px}.card p{font-size:14px}.text-link{display:inline-block;font-size:13px;font-weight:600;color:var(--accent);margin-top:15px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game{padding:0}.art-placeholder{height:145px;background:repeating-linear-gradient(135deg,#223028,#223028 1px,#1b2720 1px,#1b2720 18px);display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--line);color:#c0cdb9;font-size:13px}.art-placeholder small{font-size:10px;color:#a9b89d;margin-top:7px}.game-body{padding:25px}.badge{display:inline-block;border:1px solid #5d7052;color:#d4e4bc;padding:3px 9px;font-size:10px;letter-spacing:.4px}.game h3{font-size:22px}.game p{font-size:13px}.game .small{display:block;font-size:11px}.notice{border-left:3px solid var(--accent);padding:18px 22px;background:#253026;color:#cbd5c4;font-size:13px;margin:30px 0}.notice a{color:var(--accent)}.light-section{background:#e8e9db;color:#1c281f}.light-section .eyebrow{color:#4c632c}.light-section p{color:#435142}.light-section .button{color:#243721;border-color:#607356}.light-section .button:hover{color:white}.editorial{max-width:800px}.editorial section{margin:35px 0 48px}.editorial h2{font-size:29px;letter-spacing:-.7px}.editorial p{font-size:16px;line-height:1.9}.faqs{margin:25px 0}.faqs details{border-bottom:1px solid var(--line);padding:21px 0}.faqs summary{cursor:pointer;font-size:17px;font-weight:550;padding-right:22px}.faqs p{max-width:820px;font-size:15px;line-height:1.85}.cta{border-top:1px solid var(--line);background:#202c21;padding:50px 0}.cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:35px;margin-bottom:0}footer{padding-top:60px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-grid p{max-width:350px}.footer-grid nav{display:flex;justify-content:end;align-items:start;gap:16px;flex-wrap:wrap}.footer-grid nav a{font-size:13px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:25px;font-size:11px;color:var(--muted);margin-top:30px}.breadcrumb{padding-block:20px;font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 10px}.page-hero{padding:45px 0 60px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 10%,#34452666,transparent 60%)}.page-hero h1{max-width:950px;font-size:clamp(40px,5vw,66px)}.reading{max-width:960px}.next{border-top:1px solid var(--line);margin-top:60px;padding-top:35px}.next h2{font-size:30px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end}.filters label,.contact-grid label{display:block;font-size:12px;color:#c5d0c1}.filters input,.filters select,.contact-grid input,.contact-grid select,.contact-grid textarea{width:100%;border:1px solid #647061;background:#111a14;color:var(--text);padding:13px;margin-top:7px;border-radius:0;min-height:48px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-grid label{margin-bottom:19px}.contact-grid .button{width:100%}.menu-button{color:var(--text);background:none;border:1px solid var(--line);padding:10px 15px;min-height:44px}@media(max-width:1000px){.nav nav{gap:14px}.hero-grid{gap:30px}.cards,.game-grid{grid-template-columns:repeat(2,1fr)}.cards .card:last-child{grid-column:1/-1}.contact-grid{gap:30px}}@media(max-width:780px){.wrap{padding-inline:22px}.nav{min-height:80px;flex-wrap:wrap;padding-block:20px}.menu-button{display:block}.nav nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}.nav nav.open{display:flex}.nav nav a{padding:13px 0}.nav nav .nav-cta{padding:12px;margin-top:12px}.hero{padding:40px 0 55px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:55px}.hero-visual{max-width:550px;width:100%}.strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section{padding-block:48px}.section-heading{display:block}.cards,.game-grid{grid-template-columns:1fr}.cards .card:last-child{grid-column:auto}.cta .wrap{display:block}.cta .button{margin-top:25px}.footer-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.footer-grid nav{justify-content:start}.footer-bottom{flex-direction:column}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.filters .button{grid-column:1/-1}.page-hero{padding-block:25px 40px}.page-hero h1{font-size:42px}.reading .editorial p{font-size:15px}.cta h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* API+ visual system: clear routes, luminous surfaces and provider game characters. */
:root{--bg:#0b0e1d;--panel:#14182a;--line:#333953;--text:#f5f5ff;--muted:#b7bdd5;--accent:#9df5eb}body{background:radial-gradient(ellipse at 90% 3%,#33225855,transparent 28%),var(--bg)}header{position:sticky;top:0;z-index:30;background:#0b0e1df2;backdrop-filter:blur(16px)}.brand{letter-spacing:-1.6px}.brand span{color:#ae95ff}.nav nav a{font-size:14px}.nav nav a[aria-current]{background:#9df5eb12;border-radius:7px;padding:10px 13px;color:#9df5eb}.nav nav .nav-cta{border-color:#8071af;border-radius:8px;background:#ae95ff12}.hero{background:radial-gradient(ellipse at 85% 45%,#57439344,transparent 60%);overflow:hidden}.hero h1{font-weight:700;letter-spacing:-3px}.hero h1 em{background:linear-gradient(90deg,#9df5eb,#ae95ff);background-clip:text;-webkit-background-clip:text;color:transparent}.button{border-radius:8px;border-color:#646786;transition:background .2s,transform .2s}.button:hover{background:#2b2f50;transform:translateY(-2px)}.primary{background:linear-gradient(110deg,#9df5eb,#b3a4fa);color:#0b1421;border-color:transparent}.primary:hover{background:#c5fff7;color:#0b1421}.card{border-radius:15px;background:linear-gradient(145deg,#1a1e34,#121729);box-shadow:0 8px 30px #00000012}.character-stage{background:radial-gradient(ellipse at center,#6d439a66,#151a3055 70%);border:1px solid #7b659d;min-height:490px;border-radius:25px;box-shadow:0 0 75px #7853d320;overflow:visible;isolation:isolate}.character-stage:before{content:'';position:absolute;inset:45px 20px 100px;border:1px solid #9df5eb33;transform:rotate(-9deg);border-radius:80px;z-index:-1}.character-stage .visual-top{font-size:9px;color:#c9c4ea}.world-art{display:block;width:calc(100% + 80px);max-width:none;height:320px;object-fit:contain;margin:12px -40px 50px;filter:drop-shadow(0 15px 35px #090b2555);border-radius:30px}.character-card{position:absolute;width:132px;padding:6px;border-radius:12px;border:1px solid #a3a0d5;background:#16182c;box-shadow:0 15px 35px #090b2577;animation:float-card 6s ease-in-out infinite}.character-card img{display:block;width:100%;height:120px;object-fit:cover;border-radius:8px}.character-card span{display:block;font-size:7px;letter-spacing:.6px;color:#d1dcf1;padding:8px 3px 3px;text-align:center}.card-a{bottom:82px;left:2px;transform:rotate(-8deg)}.card-b{bottom:70px;right:-12px;animation-delay:-3s;transform:rotate(8deg)}.character-stage .visual-bottom{border-top-color:#676c89;font-size:9px;margin-top:10px;padding-top:20px;color:#c6cce4;letter-spacing:.5px}.art-credit{display:block;text-align:center;font-size:10px;color:#bfc7e1;margin-top:9px}.strip{background:#12172b}.strip span:before{color:#ae95ff}.game-art{display:block;width:100%;height:260px;background:radial-gradient(circle,#2f244b,#171c32);overflow:hidden;border-radius:14px 14px 0 0;text-align:center}.game-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}.game-art:hover img{transform:scale(1.035)}.art-placeholder{height:260px;background:repeating-linear-gradient(135deg,#232743,#232743 1px,#171c30 1px,#171c30 18px);border-radius:14px 14px 0 0}.badge{border-color:#70668d;color:#dbd1ff;background:#ae95ff0b;border-radius:5px}.notice{background:#1b223a;border-radius:0 9px 9px 0;color:#cbd5e7}.light-section{background:#151c32;color:var(--text);border-block:1px solid #343e5c}.light-section .eyebrow{color:var(--accent)}.light-section p{color:var(--muted)}.light-section .button{color:var(--accent);border-color:#69718d}.page-hero{background:radial-gradient(ellipse at 80% 10%,#51417844,transparent 60%)}.cta{background:linear-gradient(110deg,#232143,#182c3b)}.filters input,.filters select,.contact-grid input,.contact-grid select,.contact-grid textarea{background:#0c1124;border-radius:8px;border-color:#4c5473}.filters{position:relative;background:#151a2f;padding:20px;border-radius:12px;border:1px solid var(--line)}.provider-logo{display:block;width:180px;height:80px;object-fit:contain;margin:0 0 25px;border:1px solid var(--line);border-radius:10px;background:#101526;padding:10px}.faqs details{scroll-margin-top:110px}.breadcrumb a{text-decoration:none;color:#d1c7f3}.footer-grid nav a:hover{color:var(--accent)}@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -10px}}@media(max-width:1100px){.nav nav{gap:12px}.nav nav a{font-size:12px}.nav nav a[aria-current]{padding:8px}.hero-grid{gap:30px}.character-stage{min-height:460px}.world-art{height:290px}}@media(max-width:780px){.nav nav a[aria-current]{padding:13px}.hero h1{font-size:52px;letter-spacing:-2px}.character-stage{min-height:430px;margin-top:15px;max-width:530px}.world-art{height:260px;width:100%;margin:15px 0 65px}.character-card{width:105px}.character-card img{height:95px}.card-a{left:8px;bottom:70px}.card-b{right:8px;bottom:68px}.character-stage .visual-top{font-size:8px;letter-spacing:1.1px}.character-stage .visual-bottom{font-size:8px}.game-art{height:290px}.strip .wrap{font-size:11px}.filters{padding:15px}.footer-grid nav a{padding-block:6px}}@media(prefers-reduced-motion:reduce){.character-card{animation:none}.button,.game-art img{transition:none}}
/* Cinematic direction inspired by the supplied HITSQUAD reference. */
:root{--bg:#08090d;--panel:#101116;--line:#303136;--text:#fff;--muted:#bcbec6;--accent:#ff3c4e}body{background:#08090d}header{background:#07080bed;border-color:#ffffff14}.brand span{color:#ff3c4e}.nav nav a[aria-current]{background:#ff334411;color:#ff5968}.nav nav a:hover{color:#fff}.nav nav .nav-cta{background:transparent;border-color:#575960;border-radius:100px}.hero.cinematic-hero{position:relative;min-height:760px;min-height:calc(100svh - 96px);padding:95px 0 40px;display:flex;align-items:center;background:#08090d;isolation:isolate;overflow:hidden}.cinematic-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-3}.cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,#030407eb 0%,#030407bf 32%,#03040725 65%,#03040705 100%),linear-gradient(0deg,#08090d 0%,transparent 25%,transparent 80%,#08090d55);z-index:-2}.hero-content{width:100%;position:relative}.hero.cinematic-hero .eyebrow{color:#e2e2e6;letter-spacing:3px;font-size:10px}.hero.cinematic-hero h1{font-size:clamp(50px,5.4vw,84px);font-weight:900;line-height:1.04;letter-spacing:-2.5px;max-width:900px;margin-top:25px;margin-bottom:25px;text-shadow:0 4px 35px #0006}.hero.cinematic-hero h1 em{color:#ff3347;background:none;-webkit-text-fill-color:#ff3347}.hero.cinematic-hero .lead{font-size:16px;max-width:520px;color:#e0e0e6;line-height:1.8}.hero.cinematic-hero .actions{margin-top:35px;gap:16px}.button{border-radius:100px;transition:background .2s,transform .2s}.primary{background:#ef233c;color:white;border-color:#ef233c}.primary:hover{background:#ff3c50;color:#fff}.hero .button{padding:15px 26px;font-size:15px}.hero .primary{font-weight:750;gap:28px}.hero .primary span{display:grid;place-items:center;background:white;color:#e6233c;width:30px;height:30px;border-radius:50%;font-size:19px}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#a6a7af;font-size:9px;letter-spacing:1.1px;margin-top:90px}.hero-foot a{font-size:10px;color:#c4c5cd;letter-spacing:0}.strip{background:#0b0c11;border-color:#303136}.strip span:before{color:#ff3c4e}.card{background:#111218;border-color:#2c2d35;box-shadow:none;border-radius:10px}.card:hover{border-color:#5c3540}.game-art{background:radial-gradient(circle,#35212d,#101116);border-radius:9px 9px 0 0}.art-placeholder{background:repeating-linear-gradient(135deg,#24242b,#24242b 1px,#13141a 1px,#13141a 18px);border-radius:9px 9px 0 0}.badge{color:#dedee9;border-color:#51515f;background:#ffffff05;border-radius:4px}.notice{background:#18151c;color:#cbcbd4}.light-section{background:#101116;border-color:#303136}.light-section .button{color:#fff;border-color:#5e5f6b}.page-hero{background:radial-gradient(ellipse at 85% 10%,#57233344,transparent 60%),#0b0c11}.cta{background:linear-gradient(110deg,#24131b,#101116)}.filters{background:#111218}.filters input,.filters select,.contact-grid input,.contact-grid select,.contact-grid textarea{background:#090a10;border-color:#555661}.provider-logo{background:#101116}.breadcrumb a{color:#dddde5}.footer-grid nav a:hover{color:#fff}h2{font-weight:700}.section-heading h2{letter-spacing:-1.5px}@media(min-width:1700px){.hero-content{max-width:1440px}}@media(max-width:1000px){.hero.cinematic-hero{min-height:700px}.cinematic-art{object-position:65% center}.hero.cinematic-hero h1{font-size:68px}.cinematic-shade{background:linear-gradient(90deg,#030407e8,#030407aa 45%,#03040722),linear-gradient(0deg,#08090d,transparent 30%)}}@media(max-width:780px){.hero.cinematic-hero{padding-top:85px;padding-bottom:30px;min-height:730px;min-height:calc(100svh - 80px);align-items:end}.cinematic-art{object-position:75% center}.cinematic-shade{background:linear-gradient(0deg,#08090df7 0%,#08090dc7 40%,#08090d22 85%),linear-gradient(90deg,#08090d77,#08090d00)}.hero.cinematic-hero h1{font-size:clamp(43px,8vw,62px);letter-spacing:-1.7px;max-width:700px}.hero.cinematic-hero .eyebrow{font-size:9px;letter-spacing:1.4px}.hero.cinematic-hero .lead{font-size:14px}.hero .button{padding:13px 20px;font-size:13px}.hero-foot{margin-top:50px;flex-wrap:wrap;gap:9px;font-size:8px}.hero .primary{gap:18px}.hero .primary span{width:25px;height:25px}.hero.cinematic-hero .actions{gap:10px}.strip .wrap{padding-block:18px}.nav nav a[aria-current]{color:#ff6877}}@media(prefers-reduced-motion:reduce){.button{transition:none}}
/* Image-first provider navigation, with essential status kept visible. */
.provider-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.provider-banner{position:relative;display:block;min-height:285px;aspect-ratio:1.9;text-decoration:none;overflow:hidden;border:1px solid #393944;border-radius:12px;background:#13131b;isolation:isolate;transition:border-color .2s,transform .2s}.banner-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transition:transform .4s}.banner-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#05050bed,transparent 70%),linear-gradient(90deg,#08080ba8,#08080b05);z-index:-1}.banner-identity{position:absolute;left:28px;top:27px;right:28px;height:120px;display:flex;align-items:center}.banner-logo{width:220px;height:100px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 15px #0008)}.banner-psg .banner-logo{background:#ffffffee;padding:12px;border-radius:7px;width:165px;height:80px}.banner-footer{position:absolute;left:25px;right:25px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:15px}.banner-footer .badge{background:#08090dcc;border-color:#ffffff33;color:#f0f0f5;font-size:10px;backdrop-filter:blur(8px)}.banner-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff77;border-radius:50%;font-size:22px;color:white}.provider-banner:hover{border-color:#ff5968;transform:translateY(-3px)}.provider-banner:hover .banner-background{transform:scale(1.04)}.provider-banner:hover .banner-arrow{background:#ef233c;border-color:#ef233c}.banner-pattern{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 75% 35%,#7255ba77,transparent 65%),repeating-linear-gradient(120deg,transparent,transparent 35px,#c5afff0b 36px,#c5afff0b 37px),#18122b}.banner-twingames .banner-identity{justify-content:center;top:12px;height:180px}.banner-twingames .banner-logo{width:155px;height:155px;object-position:center}.banner-5g-games .banner-background{object-fit:contain;object-position:right center;background:#2d203e}.banner-5g-games .banner-identity{right:auto;width:200px;left:25px}.banner-5g-games .banner-logo{width:180px;height:85px}.banner-ufa .banner-pattern{background:radial-gradient(ellipse at 80% 35%,#1a655655,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 30px,#ffffff08 31px,#ffffff08 32px),#111e22}.banner-wordmark{font-size:52px;font-weight:850;letter-spacing:-2px;color:#fff}.banner-wordmark span{display:block;font-size:12px;letter-spacing:4px;font-weight:550}.provider-showcase{padding-bottom:10px}@media(min-width:1150px){.provider-showcase .provider-banners{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.provider-showcase .provider-banner{aspect-ratio:auto;min-height:255px}.provider-showcase .banner-identity{left:18px;right:18px}.provider-showcase .banner-footer{left:18px;right:18px;gap:8px}.provider-showcase .banner-footer .badge{font-size:8px;max-width:165px}.provider-showcase .banner-arrow{width:32px;height:32px;flex-shrink:0;font-size:18px}.provider-showcase .banner-5g-games .banner-logo{width:160px}.provider-showcase .banner-5g-games .banner-background{opacity:.8;object-fit:cover}.provider-showcase .banner-psg .banner-logo{width:150px}}@media(max-width:780px){.provider-banners{grid-template-columns:1fr;gap:16px}.provider-banner{min-height:245px;aspect-ratio:1.6}.banner-identity{left:23px;top:20px}.banner-footer{left:20px;right:20px;bottom:18px}.banner-footer .badge{font-size:9px}.banner-arrow{width:35px;height:35px}.banner-5g-games .banner-identity{width:160px;left:20px}.banner-5g-games .banner-logo{width:145px}.banner-twingames .banner-logo{height:140px;width:140px}.provider-showcase{padding-bottom:0}}@media(prefers-reduced-motion:reduce){.provider-banner,.banner-background{transition:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.banner-ufa{background:#080805;border-color:#5b4b2c}.banner-ufa .banner-background{object-fit:contain;object-position:center 25%;background:#080805}.banner-ufa .banner-overlay{background:linear-gradient(0deg,#050505fa,transparent 48%)}.ufa-media{margin:35px 0}.ufa-media figure{margin:25px 0 35px;max-width:1100px}.ufa-brand-banner{display:block;width:min(100%,775px);height:auto;border:1px solid #615033;border-radius:10px}.ufa-interface{display:block;width:100%;height:auto;border:1px solid #615033;border-radius:10px}.ufa-media figcaption{font-size:12px;color:var(--muted);max-width:850px;margin-top:12px;line-height:1.7}@media(min-width:1150px){.provider-showcase .banner-ufa .banner-background{object-fit:contain;object-position:center 30%}}
/* Large catalog: compact art cards and progressive browsing. */
.game-info{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.game-info summary{font-size:12px;color:#d7d7e0;cursor:pointer}.game-info p{font-size:12px;line-height:1.7}.game-body{padding:19px}.game h3{font-size:20px;line-height:1.2;margin-top:11px}.game{content-visibility:auto;contain-intrinsic-size:auto 415px}.gallery-more{text-align:center;padding:28px 0 0}.gallery-more .button{min-width:220px}.gallery-more p{margin-bottom:15px}.filters{grid-template-columns:2fr 1fr 1fr 1fr auto}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-art{height:225px}.art-placeholder{height:225px}.game-grid .badge{font-size:9px}.game-info .small{margin-top:10px}.game-art:focus-visible{outline-offset:-4px}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filters{grid-template-columns:1fr 1fr 1fr}.filters label:first-child{grid-column:1/-1}.filters .button{grid-column:1/-1}}@media(max-width:780px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-art,.art-placeholder{height:210px}.game-body{padding:14px}.game h3{font-size:17px}.game-info summary{font-size:11px}.filters{grid-template-columns:1fr 1fr}.filters label:first-child{grid-column:1/-1}.filters .button{grid-column:1/-1}}@media(max-width:450px){.game-art,.art-placeholder{height:165px}.game-grid .badge{font-size:8px;padding:3px 5px}.game-body{padding:12px}.game h3{font-size:16px}.game-info .text-link{font-size:11px}.game .small{font-size:10px}}
/* Direct answers and guide navigation remain part of the visible page. */
.answer-section{padding-top:30px;padding-bottom:10px}.answer-box{padding:24px 28px;border:1px solid #4d3541;border-left:3px solid var(--accent);background:#141118;border-radius:8px}.answer-box h2{font-size:25px;letter-spacing:-.5px;line-height:1.25;margin:10px 0 14px}.answer-box p:last-child{max-width:950px;margin-bottom:0;line-height:1.85;font-size:15px}.article-toc{padding-top:25px;max-width:960px}.article-toc strong{font-size:13px}.article-toc ul{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;font-size:12px}.article-toc a{color:#c7c8d2}.editorial section{scroll-margin-top:120px}.related-resources{border-top:1px solid var(--line);padding-top:35px}.related-resources h2{font-size:27px}.related-resources ul{display:flex;flex-wrap:wrap;gap:14px 28px;list-style:none;padding:0}.related-resources a{font-size:14px;color:#e4c7cd}.game[id]{scroll-margin-top:120px}@media(max-width:780px){.answer-box{padding:20px}.answer-box h2{font-size:21px}.article-toc ul{display:block}.article-toc li{margin-bottom:10px}.related-resources ul{display:block}.related-resources li{margin-bottom:15px}}
/* Silver / electric blue: luminous motion behind stable, readable surfaces. */
:root{--bg:#071226;--panel:#101f36;--line:#465d7b;--text:#f5f8ff;--muted:#c1cddd;--accent:#73c7ff}
body{background:#071226;isolation:isolate}body:before{content:'';position:fixed;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 18%,#b8c6d967,transparent 48%),radial-gradient(ellipse at 82% 38%,#006cff99,transparent 53%),radial-gradient(ellipse at 40% 90%,#b8c8dc55,transparent 46%),linear-gradient(125deg,#071226,#123967 55%,#0b1830);animation:blue-silver-drift 22s ease-in-out infinite alternate;will-change:transform}
@keyframes blue-silver-drift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.07)}}
header{background:#071426ee;border-color:#b8d8ff33}.brand span,.strip span:before{color:#73c7ff}.nav nav a[aria-current]{background:#168bff24;color:#a5dcff}.nav nav .nav-cta{border-color:#8cabc9}.hero.cinematic-hero{background:transparent}.cinematic-art{opacity:.72;mix-blend-mode:luminosity}.cinematic-shade{background:linear-gradient(90deg,#061326f2 0%,#061326c9 34%,#103e6844 70%,#0a6bd522),linear-gradient(0deg,#071226bd,transparent 45%)}.hero.cinematic-hero h1 em{color:#76ceff;-webkit-text-fill-color:#76ceff}.hero .primary span{color:#075bb8}.primary{background:linear-gradient(115deg,#c7d6e8,#68c5ff 48%,#1988ff);border-color:#88caff;color:#06172e}.primary:hover{background:#b4e3ff;color:#06172e}.button:hover{background-color:#23476d}.card{background:linear-gradient(145deg,#24374be8,#0b1c34f5);border-color:#7292b250}.card:hover{border-color:#8dcfff}.page-hero{background:linear-gradient(115deg,#b9c8da24,#0878ef38 70%,#192e4b44)}.strip,.filters,.light-section{background:#0b1b30df;border-color:#7292b250}.strip .wrap{color:#d7e3f2}.notice,.answer-box{background:#10243bef;border-color:#577ca1;border-left-color:#73c7ff}.cta{background:linear-gradient(110deg,#b4c4d42b,#0877ef55,#0d2841cc)}.game-art{background:radial-gradient(circle,#265b85,#0d1e35)}.badge{background:#1b518126;border-color:#8aabc6;color:#e1f0ff}.related-resources a,.breadcrumb a{color:#b9e2ff}.filters input,.filters select,.contact-grid input,.contact-grid select,.contact-grid textarea{background:#07172c;border-color:#7089a5}.filters label,.contact-grid label{color:#d7e3f2}
/* The original TwinGames logo contains dark lettering; give it a silver plate. */
.banner-twingames .banner-logo{width:168px;height:168px;padding:12px;background:linear-gradient(135deg,#fff,#d7e4f2);border:1px solid #fff;border-radius:18px;filter:none;box-shadow:0 8px 32px #001b4c77}.provider-logo[src*="twingames"]{background:#edf3fa;border-color:#fff;padding:8px}
@media(max-width:780px){.banner-twingames .banner-logo{width:140px;height:140px}.cinematic-shade{background:linear-gradient(0deg,#061326f5,#061326c9 45%,#0d4a8122 90%),linear-gradient(90deg,#07122688,transparent)}}
@media(prefers-reduced-motion:reduce){body:before{animation:none;will-change:auto;transform:none}}
#demo-player{width:min(1200px,96vw);max-width:96vw;max-height:94svh;padding:20px;border:1px solid #86caff;border-radius:16px;background:#081b30;color:var(--text)}#demo-player::backdrop{background:#020914dd;backdrop-filter:blur(8px)}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-toolbar h2{font-size:23px;letter-spacing:-.5px;margin:0}.demo-toolbar .button{flex-shrink:0}#demo-frame iframe{display:block;width:100%;height:68svh;border:0;background:#000}.demo-launch{margin:10px 0}
/* Persistent direct contact, clear of page content and mobile controls. */
.telegram-icon{width:22px;height:22px;vertical-align:middle;flex-shrink:0}.button .telegram-icon{margin-right:9px}.telegram-float{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #b5e6ff;border-radius:50%;background:linear-gradient(140deg,#1b97df,#075eb4);color:#fff;box-shadow:0 6px 28px #00142a99;text-decoration:none;transition:transform .2s,box-shadow .2s}.telegram-float .telegram-icon{width:32px;height:32px}.telegram-float:hover{transform:translateY(-3px);box-shadow:0 8px 30px #007fcf88}.telegram-float-label{position:absolute;right:72px;white-space:nowrap;padding:7px 12px;border:1px solid #88bce3;border-radius:8px;background:#0a2038;color:#fff;font-size:12px;opacity:0;pointer-events:none}.telegram-float:hover .telegram-float-label,.telegram-float:focus-visible .telegram-float-label{opacity:1}.footer-bottom{padding-bottom:100px}@media(max-width:780px){.telegram-float{width:56px;height:56px;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}.telegram-float .telegram-icon{width:29px;height:29px}}@media(prefers-reduced-motion:reduce){.telegram-float{transition:none}.telegram-float:hover{transform:none}}