:root{--bg-canvas: #0E131B;--bg-surface: #151D29;--bg-elevated: #182434;--bg-card-inner: #111923;--bg-hover: #212E42;--border-subtle: #293548;--border-highlight: #394B66;--accent-blue: #005DFE;--accent-blue-hover: #1E74FF;--accent-blue-soft: rgba(0, 93, 254, .16);--gold-light: #FEF4AA;--gold-mid: #EBBB5E;--gold-deep: #CAA73F;--accent-hot: #FF4345;--text-primary: #FFFFFF;--text-secondary: #C5CFDE;--text-muted: #9BA8BC;--brand-link: #68A6FF;--brand-dark-surface: var(--bg-surface);--brand-primary-surface: var(--bg-elevated);--brand-inner-surface: var(--bg-card-inner);--brand-accent: var(--accent-blue);--brand-border-glow: var(--border-subtle);--font-display: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;max-width:100vw;background-color:var(--bg-canvas);background-image:radial-gradient(ellipse 80% 420px at 50% 0%,#005dfe1a,#0e131b00);color:var(--text-secondary);font-family:var(--font-sans);font-size:15.5px;line-height:1.68;-webkit-font-smoothing:antialiased}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--brand-link);text-decoration:none;transition:color .18s ease,opacity .18s ease}p a,li a,td a{border-bottom:1px solid rgba(104,166,255,.35)}p a:hover,li a:hover,td a:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}a:hover,a:focus-visible{color:var(--gold-light)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);margin-top:0;line-height:1.25;letter-spacing:-.02em;word-break:break-word}h1{font-size:30px;font-weight:800;margin-bottom:16px}h2{font-size:24px;font-weight:800;margin-bottom:14px}h3{font-size:18.5px;font-weight:700;margin-bottom:10px}h4{font-size:16px;font-weight:700;margin-bottom:10px;color:var(--gold-light)}p{margin-top:0;margin-bottom:15px}ul,ol{margin-top:0;margin-bottom:16px;padding-left:20px}li{margin-bottom:9px}li strong{color:var(--text-primary)}.site-container{width:100%;max-width:1200px;margin:0 auto;padding:0 18px}.wide-banner-container{width:100%;max-width:1200px;margin:20px auto 0;padding:0 18px}@keyframes scrollLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.floating-banner-wrap{margin-bottom:14px}.floating-banner{width:1200px;max-width:100%;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:0 16px 40px #0000006b;margin:0 auto;transition:border-color .25s ease,transform .25s ease}.floating-banner:hover{border-color:#ebbb5e8c}.marquee-wrapper{display:flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:9px 16px;border-radius:var(--radius-md);width:100%;overflow:hidden;margin:0 auto 22px}.speaker-icon{width:20px;height:20px;margin-right:12px;flex-shrink:0;color:var(--gold-mid)}.marquee-viewport{overflow:hidden;flex:1;min-width:0}.marquee-ticker-track{display:inline-flex;white-space:nowrap;animation:scrollLoop 34s linear infinite;font-weight:500;color:var(--text-secondary);font-size:13.5px;letter-spacing:.01em}.marquee-ticker-track span{padding-right:64px}.groove-section-welcome{background:linear-gradient(180deg,#182333 0%,var(--bg-surface) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 10px 30px #00000042;padding:32px;margin:0 auto 24px}.groove-section-dark{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 8px 24px #00000038;padding:30px 32px;margin:0 auto 24px}.groove-section-primary{background:linear-gradient(180deg,#192638,#151f2e);border:1px solid #2D3B52;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0000003d;padding:30px 32px;margin:0 auto 24px}.groove-inner-card{background-color:var(--bg-card-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 24px;transition:border-color .2s ease,transform .2s ease}.groove-inner-card:hover{border-color:var(--border-highlight)}.text-center{text-align:center}.kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 22px}.kpi-tile{background:var(--bg-card-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:3px}.kpi-value{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--gold-light);line-height:1.2}.kpi-label{font-size:12.5px;font-weight:500;color:var(--text-muted)}.answer-capsule{background:#005dfe14;border:1px solid rgba(0,93,254,.32);border-left:4px solid var(--accent-blue);border-radius:var(--radius-md);padding:16px 20px;margin:0 auto 18px;font-size:15px;line-height:1.62;color:var(--text-primary)}.paa-capsule{background:var(--bg-card-inner);border:1px solid var(--border-subtle);border-left:3px solid var(--gold-mid);border-radius:var(--radius-sm);padding:13px 18px;margin-bottom:16px;font-size:14.5px;color:var(--text-primary)}.expert-callout{background:#ebbb5e12;border:1px solid rgba(235,187,94,.28);border-radius:var(--radius-md);padding:15px 18px;margin-bottom:18px;font-size:14.5px;color:var(--text-secondary)}.breadcrumb-nav{margin:16px auto 14px;font-size:13.5px;color:var(--text-muted)}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.breadcrumb-list li{margin:0;display:inline-flex;align-items:center;gap:8px}.breadcrumb-list a{color:var(--text-muted);border-bottom:none}.breadcrumb-list a:hover{color:var(--text-primary)}.split-row{display:flex;gap:28px;align-items:center}.split-col{flex:1 1 50%;min-width:0}.card-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.card-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.hub-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.artwork-center{width:92%;margin:0 auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:0 12px 28px #00000059}.explore-compact-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;height:100%}.explore-compact-card h3 a{color:var(--text-primary);border-bottom:none}.explore-compact-card h3 a:hover{color:var(--gold-light)}.explore-card-summary{font-size:14px;color:var(--text-muted);margin-bottom:0}.explore-chip-row{display:flex;flex-wrap:wrap;gap:8px}.explore-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12.5px;font-weight:600;text-decoration:none;transition:all .18s ease}.explore-chip:hover,.explore-chip:focus-visible{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-1px)}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start;margin-top:20px;max-width:100%}.text-center .btn-row{justify-content:center}.groove-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-display);font-size:14.5px;font-weight:700;text-decoration:none;border:1px solid var(--border-highlight);border-radius:var(--radius-sm);box-sizing:border-box;max-width:100%;white-space:normal;word-break:break-word;text-align:center;transition:all .2s ease}.groove-cta-btn:hover,.groove-cta-btn:focus-visible{background:var(--bg-hover);border-color:var(--gold-mid);color:var(--gold-light);transform:translateY(-1px)}.groove-cta-btn.accent{background:linear-gradient(180deg,#1F73FF 0%,var(--accent-blue) 100%);border-color:#2b7fff;color:#fff;box-shadow:0 6px 18px #005dfe59}.groove-cta-btn.accent:hover,.groove-cta-btn.accent:focus-visible{background:linear-gradient(180deg,#3884ff,#0d67ff);border-color:#5ca0ff;color:#fff;box-shadow:0 8px 22px #005dfe7a}.pill-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 28px;background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-mid) 60%,var(--gold-deep) 100%);color:#111824;font-family:var(--font-display);font-size:15.5px;font-weight:800;text-decoration:none;border:none;border-radius:999px;box-shadow:0 6px 20px #ebbb5e42;box-sizing:border-box;max-width:100%;margin:18px auto 6px;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.pill-cta-btn:hover,.pill-cta-btn:focus-visible{filter:brightness(1.06);color:#0b111a;box-shadow:0 8px 24px #ebbb5e66;transform:translateY(-1px)}.table-scroll{width:100%;overflow-x:auto;margin:16px 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card-inner)}.bdt-table{width:100%;border-collapse:collapse;background-color:var(--bg-card-inner);color:var(--text-secondary);font-size:14.5px;min-width:520px}.bdt-table th,.bdt-table td{padding:13px 16px;border-bottom:1px solid rgba(41,53,72,.75);text-align:left}.bdt-table th{background-color:var(--bg-elevated);font-family:var(--font-display);font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.bdt-table tbody tr:hover td{background-color:#182434a6}.bdt-table tr:last-child td{border-bottom:none}.tabs-nav{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 18px}.tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:14.5px;font-weight:700;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--bg-hover);color:#fff;border-color:var(--border-highlight)}.tab-btn[aria-selected=true]{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;box-shadow:0 6px 18px #005dfe5c}.tab-panel{background-color:var(--bg-card-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px}.tab-panel[hidden]{display:none}.r777-lobby-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:22px}.r777-poster-card{position:relative;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.r777-poster-card:hover{transform:translateY(-4px);border-color:var(--accent-blue);box-shadow:0 12px 24px #00000073}.r777-poster-media{position:relative;width:100%;overflow:hidden}.r777-poster-media img{width:100%;height:auto;transition:transform .4s ease}.r777-poster-card:hover .r777-poster-media img{transform:scale(1.07)}.r777-hot-tag{position:absolute;top:8px;left:8px;z-index:2;background:var(--accent-hot);color:#fff;font-family:var(--font-display);font-size:10.5px;font-weight:800;letter-spacing:.04em;padding:2px 7px;border-radius:5px;line-height:1.4}.r777-vendor-tag{position:absolute;right:0;bottom:0;z-index:2;background:linear-gradient(180deg,#f1a611,#fdd82d);color:#111824;font-family:var(--font-display);font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:12px 0 0;line-height:1.3}.r777-play-overlay{position:absolute;inset:0;z-index:1;background:#0e131b8c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease}.r777-poster-card:hover .r777-play-overlay{opacity:1}.r777-play-circle{width:42px;height:42px;border-radius:50%;background:var(--accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #005dfe99}.r777-poster-title{padding:9px 10px;font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.marquee-container{display:flex;gap:10px;overflow:hidden;background:var(--bg-surface);border-radius:var(--radius-md);padding:0 10px;width:100%;height:240px;position:relative;border:1px solid var(--border-subtle)}.fade-top,.fade-bottom{position:absolute;left:0;right:0;height:32px;z-index:2;pointer-events:none}.fade-top{top:0;background:linear-gradient(180deg,var(--bg-surface) 0%,rgba(21,29,41,0) 100%)}.fade-bottom{bottom:0;background:linear-gradient(0deg,var(--bg-surface) 0%,rgba(21,29,41,0) 100%)}.marquee-col{flex:1 1 33.333%;min-width:0;overflow:hidden}.marquee-track{display:flex;flex-direction:column;gap:10px}.marquee-col.scroll-down .marquee-track{animation:scrollDown 24s linear infinite}.marquee-col.scroll-up .marquee-track{animation:scrollUp 24s linear infinite}.marquee-container:hover .marquee-track{animation-play-state:paused}.marquee-game-card{display:block;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle);transition:transform .2s ease,border-color .2s ease}.marquee-game-card:hover{transform:scale(1.03);border-color:var(--accent-blue)}.marquee-game-card img{width:100%;height:auto;border-radius:9px}.spoke-link-card{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--bg-card-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px;height:100%;transition:transform .2s ease,border-color .2s ease}.spoke-link-card:hover{transform:translateY(-3px);border-color:var(--border-highlight)}.spoke-link-card h3{font-size:17px;margin-bottom:6px}.spoke-link-card h3 a{color:var(--text-primary);border-bottom:none}.spoke-link-card h3 a:hover{color:var(--gold-light)}.spoke-card-thumb{width:100%;max-width:170px;margin:0 auto 14px;border-radius:12px;border:1px solid var(--border-subtle)}.faq-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.faq-card{background-color:var(--bg-card-inner);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0;overflow:hidden;transition:border-color .2s ease}.faq-card[open]{border-color:var(--border-highlight)}.faq-card summary{list-style:none;cursor:pointer;padding:16px 20px;font-family:var(--font-display);font-weight:700;font-size:15.5px;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:after{content:"+";width:26px;height:26px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--text-secondary);flex-shrink:0;transition:all .2s ease}.faq-card[open] summary:after{content:"−";background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.faq-answer{padding:14px 20px 18px;color:var(--text-secondary);border-top:1px solid rgba(41,53,72,.7);font-size:14.5px}@media(max-width:1024px){body{padding-bottom:76px}.r777-lobby-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi-strip,.card-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){body{font-size:14.5px;padding-bottom:76px}.site-container,.wide-banner-container{padding:0 12px}h1{font-size:23px}h2{font-size:20px}h3{font-size:17px}.groove-section-welcome,.groove-section-dark,.groove-section-primary{padding:20px 16px;margin-bottom:16px;border-radius:16px}.groove-inner-card,.tab-panel,.spoke-link-card{padding:16px 14px}.split-row{flex-direction:column;width:100%;gap:18px}.split-col,.artwork-center{width:100%}.r777-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-grid-2,.card-grid-3,.hub-directory-grid{grid-template-columns:1fr}.tabs-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tab-btn{padding:9px 10px;font-size:13.5px}.btn-row{flex-direction:column;align-items:stretch}.groove-cta-btn,.pill-cta-btn{width:100%;font-size:14.5px}.bdt-table{min-width:420px;font-size:13px}}
