:root{--bg-base:#080a14;--bg-surface:#0e1222;--bg-surface-elevated:#141930;--bg-card:rgba(18,22,40,0.78);--bg-card-hover:rgba(26,32,58,0.9);--bg-card-active:rgba(35,44,78,0.95);--bg-glass:rgba(12,16,30,0.85);--border-subtle:rgba(255,255,255,0.08);--border-medium:rgba(255,255,255,0.15);--border-highlight:rgba(255,255,255,0.25);--border-accent:rgba(217,70,239,0.45);--border-accent-strong:rgba(217,70,239,0.75);--border-neon-purple:rgba(139,92,246,0.5);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#080a14;--accent-primary:#d946ef;--accent-secondary:#8b5cf6;--accent-magenta:#ec4899;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--grad-primary:linear-gradient(135deg,#ec4899 0%,#d946ef 50%,#8b5cf6 100%);--grad-purple:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);--grad-surface:linear-gradient(180deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0) 100%);--grad-card-glow:radial-gradient(circle at 50% 0%,rgba(217,70,239,0.15) 0%,transparent 70%);--font-display:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--shadow-sm:0 2px 8px rgba(0,0,0,0.35);--shadow-md:0 8px 24px rgba(0,0,0,0.45);--shadow-lg:0 16px 40px rgba(0,0,0,0.6);--shadow-glow:0 0 24px rgba(217,70,239,0.3);--shadow-glow-purple:0 0 28px rgba(139,92,246,0.25);--ease-smooth:cubic-bezier(0.16,1,0.3,1);--trans-fast:0.18s var(--ease-smooth);--trans-med:0.28s var(--ease-smooth);--header-height:68px;--container-max:1380px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:9999px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;background-color:var(--bg-base);color:var(--text-primary);overflow-x:hidden;position:relative;display:flex;flex-direction:column;padding-bottom:110px}@media (max-width:768px){body{padding-bottom:72px}}:focus-visible{outline:2px solid #38bdf8 !important;outline-offset:3px !important;box-shadow:0 0 0 4px rgba(217,70,239,0.45) !important;border-radius:var(--radius-sm)}.mobile-drawer-header{display:none}@media (max-width:900px){.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle)}.mobile-drawer-title{font-family:var(--font-display);font-size:0.95rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.08em}.nav-close-btn{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid var(--border-subtle);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all var(--trans-fast);touch-action:manipulation}.nav-close-btn:hover{background:rgba(255,255,255,0.15);color:#ffffff;border-color:rgba(217,70,239,0.5)}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.skip-link{position:fixed !important;top:-999px !important;left:16px !important;width:1px !important;height:1px !important;overflow:hidden !important;z-index:999999 !important;background:#d946ef !important;color:#ffffff !important;font-weight:700 !important;padding:10px 18px !important;border-radius:8px !important;text-decoration:none !important;font-size:0.95rem !important;box-shadow:0 4px 20px rgba(0,0,0,0.5) !important;transition:top 0.2s ease !important;touch-action:manipulation !important}.skip-link:focus,.skip-link:focus-visible{top:16px !important;width:auto !important;height:auto !important;overflow:visible !important;outline:3px solid #38bdf8 !important;outline-offset:2px !important}.site-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 20px;padding-top:calc(var(--header-height, 68px) + 24px)}@media (max-width:768px){.site-container{padding:0 12px;padding-top:calc(60px + 10px)}}.site-layout{display:flex;flex-direction:column;width:100%;flex:1 0 auto}#portalRoot{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:clip}#header,.hub-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 28px;transition:background var(--trans-fast),border-color var(--trans-fast)}@media (max-width:768px){#header,.hub-header{padding:0 16px;height:60px}}#siteNameLink,.site-brand-logo{display:flex;align-items:center;text-decoration:none;gap:10px;line-height:1}.site-brand-logo .brand-icon{color:#d946ef;font-size:1.4rem;filter:drop-shadow(0 0 8px rgba(217,70,239,0.6))}.site-brand-logo .brand-text{font-family:var(--font-display);font-size:1.45rem;font-weight:800;letter-spacing:-0.02em;background:linear-gradient(135deg,#ffffff 30%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.site-logo{height:38px;width:auto;max-width:145px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(217,70,239,0.45));transition:transform var(--trans-fast),filter var(--trans-fast)}.site-brand-logo:hover .site-logo{transform:scale(1.05);filter:drop-shadow(0 0 14px rgba(217,70,239,0.75))}#siteNav,.hub-tabs{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,0.02);padding:4px 6px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.hub-tab,.nav-link{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;font-size:0.88rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-pill);position:relative;transition:all var(--trans-fast)}.hub-tab svg,.nav-link svg{opacity:0.75;transition:opacity var(--trans-fast),transform var(--trans-fast)}.hub-tab:hover,.nav-link:hover{color:#ffffff;background:rgba(255,255,255,0.06)}.hub-tab:hover svg,.nav-link:hover svg{opacity:1}.hub-tab.is-active,.hub-tab.active,.nav-link.active,.nav-link.is-active{color:#ffffff;background:rgba(217,70,239,0.16);border:1px solid rgba(217,70,239,0.35);font-weight:600;box-shadow:0 0 12px rgba(217,70,239,0.2)}.hub-tab.is-active svg,.hub-tab.active svg{color:#f472b6;opacity:1}.hub-end,#headerBtns{display:flex;align-items:center;gap:12px}.hub-icon-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.04);border:1px solid var(--border-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--trans-fast)}.hub-icon-btn:hover{background:rgba(255,255,255,0.1);color:#ffffff;border-color:rgba(255,255,255,0.2);transform:translateY(-1px)}.hub-cta-btn,.hdr-btn-primary,.play-now-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;gap:8px;padding:8px 20px;font-size:0.88rem;font-weight:600;color:#ffffff;background:linear-gradient(135deg,#ec4899 0%,#d946ef 50%,#8b5cf6 100%);border-radius:var(--radius-pill);text-decoration:none;box-shadow:0 2px 14px rgba(217,70,239,0.35);border:1px solid rgba(255,255,255,0.2);touch-action:manipulation;transition:transform var(--trans-fast),box-shadow var(--trans-fast),filter var(--trans-fast)}.hub-cta-btn:hover,.hdr-btn-primary:hover,.play-now-pill:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 20px rgba(217,70,239,0.5);filter:brightness(1.08)}.hub-cta-btn:active,.hdr-btn-primary:active,.play-now-pill:active{transform:translateY(0) scale(1)}.menu-toggle,.hub-menu-toggle{display:none;min-width:44px;min-height:44px;width:44px;height:44px;border-radius:var(--radius-md);background:rgba(255,255,255,0.05);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;touch-action:manipulation;transition:background var(--trans-fast)}.menu-toggle:hover,.hub-menu-toggle:hover{background:rgba(255,255,255,0.1)}.menu-toggle-bars{display:block;width:18px;height:2px;background:currentColor;position:relative;transition:background var(--trans-fast)}.menu-toggle-bars::before,.menu-toggle-bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;transition:transform var(--trans-fast),top var(--trans-fast)}.menu-toggle-bars::before{top:-6px}.menu-toggle-bars::after{top:6px}@media (max-width:900px){#siteNav,.hub-tabs{position:fixed;top:var(--header-height);right:0;bottom:0;width:280px;max-width:85vw;background:var(--bg-surface);border-left:1px solid var(--border-subtle);border-radius:0;padding:24px 16px;flex-direction:column;align-items:stretch;gap:10px;transform:translateX(100%);transition:transform var(--trans-med);z-index:1001;box-shadow:var(--shadow-lg)}body.nav-open #siteNav,body.nav-open .hub-tabs{transform:translateX(0)}body.nav-open .menu-toggle-bars{background:transparent}body.nav-open .menu-toggle-bars::before{top:0;transform:rotate(45deg)}body.nav-open .menu-toggle-bars::after{top:0;transform:rotate(-45deg)}.menu-toggle,.hub-menu-toggle{display:inline-flex}.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.65);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--trans-med)}body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}}main,.game-page,.st-app,.content-centre,.theater-page{padding-bottom:40px;width:100%}.breadcrumbs,.gp-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:0.82rem;color:var(--text-muted);margin-bottom:20px}.breadcrumbs a,.gp-crumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--trans-fast)}.breadcrumbs a:hover,.gp-crumb a:hover{color:var(--text-primary)}.breadcrumbs .here,.breadcrumbs span[aria-current="page"],.gp-crumb .here{color:var(--accent-primary);font-weight:500}.pill,.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;font-size:0.78rem;font-weight:600;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:rgba(255,255,255,0.04);color:var(--text-secondary);line-height:1.4}.pill-live,.status-live,.pill.live{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.35);color:#34d399}.pill-meta{color:var(--text-secondary)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}body{padding-bottom:110px !important}.portal-ad-bottom-container{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;margin:0 !important;padding:4px 16px !important;display:flex !important;justify-content:center !important;align-items:center !important;z-index:999 !important;background:rgba(10,13,26,0.92) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;border-top:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 -4px 20px rgba(0,0,0,0.45) !important}.portal-ad-box{width:100% !important;max-width:970px !important;min-height:90px !important;max-height:104px !important;border-radius:var(--radius-sm) !important;background:rgba(14,18,32,0.5) !important;border:1px solid rgba(255,255,255,0.08) !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;position:relative !important;overflow:hidden !important;box-shadow:none !important;transition:opacity var(--trans-med) !important}.portal-ad-label{font-size:0.56rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.portal-ad-box.is-empty{display:flex !important;opacity:0.95 !important}.portal-ad-bottom-container.is-empty,.portal-ad-bottom-container:has(.portal-ad-box.is-empty){display:flex !important}@media (max-width:1024px){.portal-ad-box{max-width:min(94vw,840px) !important}}@media (max-width:768px){body{padding-bottom:72px !important}.portal-ad-bottom-container{padding:3px 8px !important}.portal-ad-box{max-width:min(96vw,560px) !important;min-height:50px !important;max-height:64px !important}}.ad-rail,.ad-rail-left,.ad-rail-fixed,#adRail,#adRailLeft{display:none !important;width:0 !important;height:0 !important;pointer-events:none !important;visibility:hidden !important}.site-footer,#footer{margin-top:auto;border-top:1px solid var(--border-subtle);background:var(--bg-surface);padding:56px 20px 28px;color:var(--text-secondary)}.footer-inner{max-width:var(--container-max);margin:0 auto}.footer-top{display:grid;grid-template-columns:1.4fr 2fr;gap:48px;margin-bottom:44px}@media (max-width:860px){.footer-top{grid-template-columns:1fr;gap:32px}}.footer-brand{display:flex;flex-direction:column;gap:14px}.footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#ffffff;text-decoration:none;letter-spacing:-0.02em;display:inline-block}.footer-logo-img{height:42px;width:auto;max-width:155px;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(217,70,239,0.4));transition:transform var(--trans-fast),filter var(--trans-fast)}.footer-logo:hover .footer-logo-img{transform:scale(1.05);filter:drop-shadow(0 0 14px rgba(217,70,239,0.7))}.footer-tagline{font-size:0.92rem;line-height:1.6;color:#94a3b8;max-width:340px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width:600px){.footer-columns{grid-template-columns:repeat(2,1fr);gap:24px}}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-heading{font-family:var(--font-display);font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-primary)}.footer-col nav{display:flex;flex-direction:column;gap:8px}.footer-col a{color:var(--text-secondary);text-decoration:none;font-size:0.88rem;transition:color var(--trans-fast)}.footer-col a:hover{color:var(--accent-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid var(--border-subtle);font-size:0.82rem;color:#94a3b8}.arcade-footer-note{font-style:normal;color:#94a3b8}.footer-copy{color:#94a3b8}.guide-read-time{color:#94a3b8}#glParticles,#ambientCanvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:0.45}body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,0.06) 0%,transparent 65%);pointer-events:none;z-index:-2}