@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Sora:wght@600;700&display=swap');
:root{--bg:#081428;--surface:#121d34;--border:#30415f;--accent:#f0525f;--accent2:#8ee8ff;--text:#eef5ff;--muted:#aebbd0;--heading:#ffffff;--radius:10px;--font-head:'Sora',Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif;--language-flag:url("/uk-united-kingdom-flag.svg");--max-w:1100px;--nav-h:64px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:radial-gradient(circle at 18% 0%,rgba(240,82,95,.14),transparent 33%),radial-gradient(circle at 86% 10%,rgba(142,232,255,.12),transparent 28%),var(--bg);color:var(--text);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
header{position:sticky;top:0;z-index:100;height:var(--nav-h);background:rgba(8,20,40,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{width:auto;max-width:96px;height:36px;object-fit:contain;border-radius:4px}.brand-name{margin-left:-10px;margin-right:auto;white-space:nowrap;color:var(--accent2);font-family:var(--font-head);font-weight:700;font-size:1rem}
nav{display:flex;gap:2px}nav a{font-size:.875rem;font-weight:600;color:var(--muted);padding:6px 12px;border-radius:6px;transition:color .2s,background .2s}nav a:hover,nav a.active{color:var(--text);background:rgba(240,82,95,.13)}.nav-ctas{display:flex;gap:8px;flex-shrink:0}.language-switch{position:relative;flex-shrink:0}.language-switch summary{list-style:none;display:flex;align-items:center;gap:6px;min-width:112px;padding:8px 12px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:rgba(255,255,255,.035);font-size:.875rem;font-weight:700;line-height:1.3;cursor:pointer}.language-switch summary::-webkit-details-marker{display:none}.language-switch summary::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted);margin-left:auto}.language-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:120;min-width:148px;padding:6px;border:1px solid var(--border);border-radius:8px;background:#121d34;box-shadow:0 16px 36px rgba(0,0,0,.34)}.language-option{display:block;padding:8px 10px;border-radius:6px;color:var(--text);font-size:.875rem;font-weight:700;line-height:1.3;white-space:nowrap}.language-option:hover{background:var(--border)}
.btn-ghost,.btn-primary{padding:8px 16px;border-radius:7px;font-size:.875rem;font-weight:700;cursor:pointer}.btn-ghost{border:1px solid var(--border);background:transparent;color:var(--text)}.btn-primary{border:0;background:var(--accent);color:#fff}.btn-primary:hover,.submit:hover{filter:brightness(1.08)}.btn-ghost:hover{border-color:var(--accent2);background:rgba(142,232,255,.08)}
.page-wrap{max-width:var(--max-w);margin:0 auto;padding:48px 20px 80px}.hero{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:28px}.hero-img{position:relative;width:100%;aspect-ratio:820/273;background:linear-gradient(135deg,#201525,#081428)}.hero-promo{position:absolute;left:50%;top:50%;z-index:2;width:min(620px,calc(100% - 48px));transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 22px;border-radius:14px;background:rgba(5,12,24,.7);backdrop-filter:blur(6px);box-shadow:0 18px 42px rgba(0,0,0,.38);text-align:center}.hero-promo p{max-width:100%;font-family:var(--font-head);font-size:clamp(1.25rem,3vw,2rem);font-weight:700;line-height:1.18;color:#fff;margin:0;overflow-wrap:break-word;text-wrap:balance}.hero-login-btn,.hero-cta,.blog-jump-btn{display:inline-block;min-width:170px;padding:10px 22px;border-radius:8px;background:var(--accent);color:#fff;font-size:.95rem;font-weight:700;line-height:1.3;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.28);transition:filter .2s,transform .2s}.hero-login-btn:hover,.hero-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.hero-body{padding:24px 28px 28px}h1{font-family:var(--font-head);font-size:clamp(1.6rem,4vw,2rem);line-height:1.25;color:var(--heading);margin-bottom:10px}.hero-body p{color:var(--muted);font-size:.95rem;margin-bottom:20px}
.toc,.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:36px}.toc-title{font-family:var(--font-head);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.toc ol{list-style:none;counter-reset:toc;display:flex;flex-direction:column;gap:6px}.toc li{counter-increment:toc;display:flex;align-items:baseline;gap:10px}.toc li::before{content:counter(toc);font-size:.75rem;font-weight:600;color:var(--accent);min-width:18px}.toc a{font-size:.9rem;color:var(--text)}.toc a:hover{color:var(--accent2)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:.82rem;font-weight:600;color:var(--heading)}input,select{width:100%;border:1px solid var(--border);border-radius:8px;background:#0d172b;color:var(--text);padding:12px 13px;font:inherit;line-height:1.3}input:focus,select:focus{outline:2px solid rgba(142,232,255,.42);border-color:var(--accent2)}.submit{grid-column:1/-1;border:0;border-radius:8px;background:var(--accent);color:#fff;padding:13px 22px;font-weight:700;font-size:.95rem;cursor:pointer}
.article{margin-top:38px}.article h2{font-family:var(--font-head);font-size:1.35rem;font-weight:700;color:var(--heading);margin:44px 0 14px;padding-top:8px}.article h3{font-family:var(--font-head);font-size:1.05rem;font-weight:600;color:var(--heading);margin:28px 0 10px}.article p{margin-bottom:16px;color:var(--text)}.article p a,.article li a,.article td a,.hero-body p a{color:var(--accent2);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article ul,.article ol{padding-left:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.highlight-box{background:rgba(240,82,95,.1);border:1px solid rgba(142,232,255,.25);border-left:3px solid var(--accent);border-radius:var(--radius);padding:18px 22px;margin:24px 0;font-size:.95rem}.highlight-box strong{color:var(--accent)}
.table-wrap{overflow-x:auto;margin:24px 0}table{width:100%;border-collapse:collapse;font-size:.875rem}thead tr{background:var(--border)}thead th{text-align:left;padding:12px 14px;font-weight:600;color:var(--heading);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border)}tbody td{padding:12px 14px;color:var(--text);vertical-align:top}tbody tr:nth-child(even){background:rgba(255,255,255,.02)}.payment-grid{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.payment-tag{padding:6px 14px;border:1px solid var(--border);border-radius:20px;font-size:.82rem;color:var(--muted);background:var(--surface)}
.cta-strip{background:linear-gradient(135deg,rgba(8,20,40,.64),rgba(8,20,40,.84)),var(--language-flag) center/cover no-repeat;border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:center;margin:40px 0}.cta-strip h3{font-family:var(--font-head);font-size:1.2rem;color:var(--heading);margin-bottom:8px}.cta-strip p{color:var(--muted);font-size:.9rem;margin-bottom:18px}.cta-strip a{display:inline-block;padding:13px 32px;background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;border-radius:8px}
.games-section{margin:0 0 42px}.games-head{margin-bottom:18px}.games-head h2{font-family:var(--font-head);font-size:1.35rem;color:var(--heading);margin-bottom:6px}.games-head p{color:var(--muted);font-size:.95rem}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.game-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.game-thumb{position:relative;display:block;overflow:hidden;background:#0d172b}.game-thumb img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;transition:filter .2s,transform .2s}.game-play{position:absolute;left:50%;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;min-width:128px;padding:13px 22px;border-radius:8px;background:var(--accent);color:#fff;font-size:1rem;font-weight:700;line-height:1.2;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:opacity .2s,transform .2s}.game-thumb:hover img{filter:brightness(.45);transform:scale(1.02)}.game-thumb:hover .game-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.game-card-body{padding:14px}.game-card h3{font-family:var(--font-head);font-size:.95rem;color:var(--heading);line-height:1.25}.games-wide-cta{display:block;width:100%;margin-top:16px;padding:14px 20px;border-radius:8px;background:var(--accent);color:#fff;text-align:center;font-size:.95rem;font-weight:700;line-height:1.3}
.publisher-quote{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start;margin:46px 0 0;padding:24px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface)}.publisher-quote img{display:block;width:96px;height:96px;border-radius:8px;object-fit:cover;background:#0d172b}.publisher-quote blockquote{margin:0;color:var(--text);font-size:.95rem;line-height:1.7}.publisher-quote figcaption{margin-top:12px;color:var(--heading);font-weight:700}.quote-sources{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px}.quote-sources a{color:var(--accent2);font-size:.82rem;font-weight:700;line-height:1.4}.related-guides{margin:46px 0 0}.related-guides h2{font-family:var(--font-head);font-size:1.2rem;color:var(--heading);margin-bottom:14px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-grid a{display:flex;min-height:72px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:700;line-height:1.35}.related-grid a:hover{border-color:rgba(142,232,255,.45);background:rgba(142,232,255,.08);color:var(--accent2)}
footer{border-top:1px solid var(--border);padding:34px 20px;text-align:center}footer>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin-bottom:18px}.footer-nav a{font-size:.85rem;color:var(--muted)}.footer-trust{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 18px}.age-badge{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border:2px solid var(--accent);border-radius:50%;color:var(--accent);font-family:var(--font-head);font-size:1rem;font-weight:700;line-height:1;flex:0 0 auto}.license-badges{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.license-badges img{display:block;max-width:150px;height:42px;object-fit:contain;padding:6px 10px;border:1px solid var(--border);border-radius:8px;background:#0d172b}.footer-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto 16px;color:var(--muted);font-size:.78rem;line-height:1.45;text-align:left}.footer-details span{display:block;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.02)}.footer-legal{font-size:.78rem;color:var(--muted);line-height:1.6;margin-bottom:12px}.footer-copy{font-size:.78rem;color:#66728d}.back-top{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(240,82,95,.65);border-radius:50%;background:rgba(13,23,43,.94);color:var(--accent);font-size:1.35rem;font-weight:700;line-height:1;box-shadow:0 14px 32px rgba(0,0,0,.35);backdrop-filter:blur(10px)}
.pie-chart-section{margin-top:38px}.pie-chart-wrap{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:22px;align-items:center;margin:22px 0 8px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.pie-chart{position:relative;width:min(240px,100%);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) 0 calc(var(--slice-1)*1),var(--accent2) calc(var(--slice-1)*1) calc((var(--slice-1) + var(--slice-2))*1),#8a98b8 calc((var(--slice-1) + var(--slice-2))*1) calc((var(--slice-1) + var(--slice-2) + var(--slice-3))*1),var(--border) calc((var(--slice-1) + var(--slice-2) + var(--slice-3))*1) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.pie-chart::after{content:"";position:absolute;inset:24%;border-radius:50%;background:var(--surface);border:1px solid var(--border)}.pie-chart span{position:absolute;inset:34%;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--heading);font-family:var(--font-head);font-size:.9rem;font-weight:700;line-height:1.2}.pie-legend{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:10px!important}.pie-legend li{display:grid;grid-template-columns:14px auto max-content;gap:9px;align-items:baseline;color:var(--text);font-size:.9rem}.pie-legend strong{color:var(--heading)}.pie-legend em{grid-column:2/-1;color:var(--muted);font-style:normal;font-size:.82rem;line-height:1.45}.legend-dot{width:12px;height:12px;border-radius:50%;margin-top:6px}.legend-dot-1{background:var(--accent)}.legend-dot-2{background:var(--accent2)}.legend-dot-3{background:#8a98b8}.legend-dot-4{background:var(--border)}
.chart-methodology{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.chart-methodology p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.55}.chart-legend-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chart-legend-controls button{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:7px 12px;cursor:pointer}.chart-legend-controls button[aria-pressed="false"]{opacity:.45;text-decoration:line-through}.chart-series-hidden{opacity:.12!important;filter:grayscale(1)}.horizontal-bar-chart,.stacked-chart-wrap{margin:18px 0;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.horizontal-bar-chart{display:grid;gap:14px}.horizontal-bar-item{display:grid;grid-template-columns:minmax(110px,180px) 1fr 48px;gap:12px;align-items:center;transition:.2s}.horizontal-bar-track{height:16px;border-radius:999px;background:rgba(48,65,95,.7);overflow:hidden}.horizontal-bar-track i{display:block;width:var(--bar-value);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2))}.stacked-chart-wrap{display:grid;gap:16px}.stacked-chart-row{display:grid;grid-template-columns:minmax(100px,160px) 1fr;gap:12px;align-items:center}.stacked-chart-bar{display:flex;height:30px;border-radius:8px;overflow:hidden;background:var(--border)}.stacked-segment{display:flex;align-items:center;justify-content:center;width:var(--segment-value);min-width:24px;color:#fff;font-size:.75rem;font-weight:700;transition:.2s}.stacked-segment-1{background:var(--accent)}.stacked-segment-2{background:var(--accent2);color:#081428}.stacked-segment-3{background:#8a98b8}.stacked-segment-4{background:#536582}
@media(max-width:760px){.nav-inner{padding:0 12px;gap:8px}.brand-name{display:none}nav{display:none}.language-switch summary{min-width:auto;padding:7px 9px;font-size:.78rem}.btn-primary{padding:7px 10px;font-size:.8rem}.nav-ctas .btn-ghost{display:none}.page-wrap{padding:28px 16px 60px}.hero-img{min-height:220px;aspect-ratio:auto}.hero-promo{width:calc(100% - 28px);gap:10px;padding:14px 16px;border-radius:12px}.hero-promo p{font-size:clamp(1rem,5.5vw,1.25rem)}.hero-body,.form-card{padding:20px}.form-grid{grid-template-columns:1fr}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.publisher-quote{grid-template-columns:1fr;gap:16px;padding:20px}.publisher-quote img{width:86px;height:86px}.related-grid{grid-template-columns:1fr}.footer-details{grid-template-columns:1fr;text-align:center}.pie-chart-wrap{grid-template-columns:1fr;padding:18px;overflow:hidden}.pie-legend li{grid-template-columns:14px minmax(0,1fr) auto}.chart-methodology{grid-template-columns:1fr}.horizontal-bar-item{grid-template-columns:1fr}.stacked-chart-row{grid-template-columns:1fr}.horizontal-bar-chart,.stacked-chart-wrap{padding:14px}}
