@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Syne:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#9146ff;--purple-dark:#5b21b6;--purple-light:#c4b5fd;--purple-glow:#9146ff8c;--pink:#ff3d8a;--pink-glow:#ff3d8a73;--cyan:#00e5ff;--cyan-glow:#00e5ff66;--lime:#a3ff12;--gold:#fbbf24;--void:#030308;--dark:#06060c;--dark2:#0c0c16;--dark3:#12121f;--dark4:#1a1a2e;--gray:#2e2e48;--glass:#0c0c16b8;--glass-border:#ffffff14;--glass-highlight:#ffffff0a;--text:#f4f4fa;--text-dim:#8b8ba8;--text-muted:#5c5c78;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"Courier New", monospace;--container:min(1200px, 92vw);--section-pad:clamp(5rem, 10vw, 8rem);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}html.intro-scroll-lock,html.intro-scroll-lock body{overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-body);background:var(--void);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body.custom-cursor-active,body.custom-cursor-active *{cursor:none!important}#root{text-align:left;flex-direction:column;width:100%;min-height:100svh;display:flex}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--purple), var(--cyan));border-radius:3px}*{-webkit-user-select:none;user-select:none}input,textarea,select,[contenteditable=true],.chat-input,.auth-field input,.auth-field textarea,code{-webkit-user-select:text;user-select:text;pointer-events:auto}.section-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.05}.section-subtitle{color:var(--text-dim);max-width:540px;margin-top:.75rem;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.section-header{margin-bottom:3.5rem}.section-title-icon{vertical-align:-.15em;color:var(--purple-light);filter:drop-shadow(0 0 12px var(--purple-glow));margin-right:.35em;display:inline-block}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(135deg, var(--glass-highlight) 0%, transparent 50%);pointer-events:none;position:absolute;inset:0}.glass-card-glow{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);position:relative;overflow:hidden}.glass-card-glow:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--purple), var(--cyan), var(--pink), var(--purple));-webkit-mask-composite:xor;pointer-events:none;background-size:300% 300%;padding:1px;animation:6s infinite border-flow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes border-flow{0%,to{background-position:0%}50%{background-position:100%}}.card{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-md);position:relative}.text-gradient{background:linear-gradient(135deg, #fff 0%, var(--purple-light) 40%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-hot{background:linear-gradient(135deg, var(--purple) 0%, var(--pink) 50%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.live-dot-sm{background:#f34;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite live-blink;display:inline-block;box-shadow:0 0 8px #f34c}@keyframes live-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.noise-overlay{pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}html.scroll-lock,body.scroll-lock{overscroll-behavior:none;overflow:hidden!important}body.scroll-lock{padding-right:var(--scroll-lock-pad,0)}.modal-overlay{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto}.mobile-menu,.mobile-menu-backdrop{overscroll-behavior:contain}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-bar-h:3.75rem;--ticker-h:2.85rem;--nav-stack-h:calc(var(--safe-top) + var(--nav-bar-h));--nav-offset:calc(var(--nav-stack-h) + 1.5rem);--scroll-pad-top:var(--nav-stack-h)}@media (width<=768px){:root{--ticker-h:3rem;--nav-bar-h:4rem;--safe-top:env(safe-area-inset-top,47px);--nav-stack-h:calc(var(--safe-top) + var(--nav-bar-h));--nav-offset:calc(var(--nav-stack-h) + 1.25rem)}}html.has-hero-ticker{--scroll-pad-top:calc(var(--nav-stack-h) + var(--ticker-h))}html{scroll-padding-top:var(--scroll-pad-top)}[id]{scroll-margin-top:var(--scroll-pad-top)}.container{padding-left:max(0px, var(--safe-left));padding-right:max(0px, var(--safe-right))}.scroll-progress{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);width:auto}.page-header{padding-top:var(--nav-offset);padding-left:max(0px, var(--safe-left));padding-right:max(0px, var(--safe-right))}.modal-overlay,.account-overlay{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.intro-overlay{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.admin-page-topbar{padding-top:calc(var(--safe-top) + .85rem);padding-left:max(1.5rem, var(--safe-left));padding-right:max(1.5rem, var(--safe-right))}.admin-page-login{padding-left:max(1rem, var(--safe-left));padding-right:max(1rem, var(--safe-right));padding-bottom:max(1rem, var(--safe-bottom))}.admin-page-body,.admin-page-main{padding-left:max(0px, var(--safe-left));padding-right:max(0px, var(--safe-right))}.admin-page-main{padding-bottom:max(1rem, var(--safe-bottom))}.twitch-player-section,.section-block{scroll-margin-top:var(--scroll-pad-top)}@media (width<=768px){:root{--container:min(1200px, calc(100vw - 1.5rem));--section-pad:clamp(3.25rem, 8vw, 5rem)}}@media (width<=480px){:root{--container:min(1200px, calc(100vw - 1rem));--section-pad:clamp(2.75rem, 7vw, 4rem)}}@media (pointer:coarse),(width<=768px){body.custom-cursor-active,body.custom-cursor-active *{cursor:auto!important}.btn-primary,.btn-secondary,.nav-menu-btn,.nav-cta,.nav-link,.mobile-link,.chat-fab,.chat-send,.chat-icon-btn,.auth-submit,.pass-toggle,.modal-close{cursor:pointer}a,button{-webkit-tap-highlight-color:#9146ff33}}@media (width<=768px){input,textarea,select,.chat-input,.auth-field input,.auth-field textarea,.account-input{font-size:max(16px,1em)}.app-bg-stars{opacity:.75;animation:none}.app-bg-aurora,.glass-card-glow:after{animation:none}}@media (prefers-reduced-motion:reduce){.app-bg-stars,.app-bg-aurora,.glass-card-glow:after{animation:none!important}}html.hub-member,html.hub-admin{--member-glow:#9146ff73;--member-glow-cyan:#00e5ff40;--member-gold:#fbbf24}html.hub-member .app-bg-mesh,html.hub-admin .app-bg-mesh{opacity:1.15;filter:saturate(1.12)}html.hub-member .app-bg-aurora,html.hub-admin .app-bg-aurora{opacity:1.25;animation-duration:10s}html.hub-member .app-bg-stars,html.hub-admin .app-bg-stars{opacity:1.1}html.hub-member .nav-inner,html.hub-admin .nav-inner{border-color:#9146ff38;box-shadow:0 8px 40px #00000059,0 0 32px #9146ff1f,inset 0 1px #ffffff0f}html.hub-member .nav-account-btn:not(.guest),html.hub-admin .nav-account-btn:not(.guest){background:linear-gradient(135deg,#9146ff38,#5865f21f);border-color:#c4b5fd80;box-shadow:0 0 20px #9146ff40}html.hub-member .nav-account-btn:not(.guest) .user-avatar-img,html.hub-member .nav-account-btn:not(.guest) .user-avatar-fallback,html.hub-admin .nav-account-btn:not(.guest) .user-avatar-img,html.hub-admin .nav-account-btn:not(.guest) .user-avatar-fallback{box-shadow:0 0 0 2px #ffffff26, 0 0 16px var(--member-glow)}html.hub-admin .nav-account-btn:not(.guest){border-color:#fbbf248c;box-shadow:0 0 22px #fbbf2433}html.hub-member .nav-cta-hub.is-live,html.hub-admin .nav-cta-hub.is-live{box-shadow:0 0 28px #ff334459,0 0 20px #9146ff33}html.hub-member .hero-section,html.hub-admin .hero-section{position:relative}html.hub-member .hero-title .title-accent,html.hub-admin .hero-title .title-accent{filter:drop-shadow(0 0 50px var(--member-glow))}html.hub-member .hero-badge,html.hub-admin .hero-badge{border-color:#c4b5fd80;box-shadow:0 0 28px #9146ff33}html.hub-member .site-member-ribbon--member,html.hub-admin .site-member-ribbon--admin{position:relative;overflow:visible;box-shadow:0 12px 40px #00000059,0 0 40px #4ade801f,0 0 32px #9146ff26}html.hub-member .site-member-ribbon--premium:before,html.hub-admin .site-member-ribbon--premium:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#4ade80,#9146ff,#00e5ff,#4ade80) 0 0/280% 280%;border-radius:15px;padding:1px;animation:6s linear infinite hub-border-flow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html.hub-admin .site-member-ribbon--premium:before{background:linear-gradient(135deg,#fbbf24,#9146ff,#ff3d8a,#fbbf24) 0 0/280% 280%}html.hub-member .live-perks.live-perks--member,html.hub-admin .live-perks.live-perks--member{background:linear-gradient(155deg,#9146ff29,#0a0a16f7);border-color:#9146ff73;position:relative;box-shadow:0 24px 64px #00000073,0 0 56px #9146ff2e,inset 0 1px #ffffff0f}html.hub-member .live-perks--vip .live-perks-vip-strip,html.hub-admin .live-perks--vip .live-perks-vip-strip{display:flex}html.hub-member .live-perk-chip.active,html.hub-admin .live-perk-chip.active{box-shadow:0 0 28px color-mix(in srgb, var(--perk-accent) 35%, transparent)}html.hub-member .live-perks-cta--member,html.hub-admin .live-perks-cta--member{background:linear-gradient(135deg,#7c3aed,#9146ff,#5865f2) 0 0/200%;animation:4s infinite hub-cta-shine;box-shadow:0 10px 36px #9146ff66}@keyframes hub-cta-shine{0%,to{background-position:0%}50%{background-position:100%}}@keyframes hub-border-flow{0%,to{background-position:0%}50%{background-position:100%}}html.hub-member .live-perks-member-badge,html.hub-admin .live-perks-member-badge{background:linear-gradient(135deg,#9146ff33,#00e5ff14);border-color:#c4b5fd66;box-shadow:0 0 20px #9146ff26}html.hub-member .twitch-player-section--vip .twitch-player-wrap,html.hub-admin .twitch-player-section--vip .twitch-player-wrap{border-color:#9146ff80;box-shadow:0 28px 90px #0000008c,0 0 72px #9146ff33,0 0 24px #00e5ff14}html.hub-member .twitch-player-section--vip .twitch-player-wrap:before,html.hub-admin .twitch-player-section--vip .twitch-player-wrap:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 60px #9146ff0f}html.hub-member .twitch-player-wrap,html.hub-admin .twitch-player-wrap{position:relative}html.hub-member .site-privilege-inline--member,html.hub-admin .site-privilege-inline--member{background:linear-gradient(135deg,#9146ff1f,#00e5ff0f);border-color:#9146ff66;box-shadow:0 0 32px #9146ff1f}html.hub-member .site-privilege-card,html.hub-admin .site-privilege-card{transition:transform .35s var(--ease-out), box-shadow .35s}html.hub-member .site-privilege-card:hover,html.hub-admin .site-privilege-card:hover{box-shadow:0 16px 48px color-mix(in srgb, var(--card-accent,#9146ff) 25%, transparent)}html.hub-member .watch-rewards:not(.watch-rewards-guest),html.hub-admin .watch-rewards:not(.watch-rewards-guest){background:linear-gradient(160deg,#5865f21a,#080810f2);border-color:#5865f273;box-shadow:0 0 40px #5865f21f}html.hub-member .watch-session-bar,html.hub-admin .watch-session-bar{box-shadow:0 0 24px #4ade8026}html.hub-member .live-rewards-tab-dot,html.hub-admin .live-rewards-tab-dot{box-shadow:0 0 8px #4ade80}html.hub-pending .site-member-ribbon--pending{border-color:#fbbf2459}.live-perks-vip-strip{letter-spacing:.2em;text-transform:uppercase;color:#e9d5ff;background:linear-gradient(90deg,#9146ff59,#00e5ff33,#9146ff59);border-bottom:1px solid #c4b5fd40;justify-content:center;align-items:center;gap:.45rem;margin:-1.25rem -1.35rem 1rem;padding:.45rem 1rem;font-size:.68rem;font-weight:800;display:none}@media (prefers-reduced-motion:reduce){html.hub-member .live-perks-cta--member,html.hub-admin .live-perks-cta--member,html.hub-member .site-member-ribbon--premium:before,html.hub-admin .site-member-ribbon--premium:before{animation:none}}.hub-premium-ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hub-orb{filter:blur(80px);opacity:.45;border-radius:50%;animation:18s ease-in-out infinite hub-orb-float;position:absolute}.hub-orb-1{background:radial-gradient(circle,#9146ff8c,#0000 70%);width:min(55vw,420px);height:min(55vw,420px);top:8%;left:-8%}.hub-orb-2{background:radial-gradient(circle,#00e5ff59,#0000 70%);width:min(45vw,360px);height:min(45vw,360px);animation-delay:-6s;bottom:12%;right:-6%}.hub-orb-3{background:radial-gradient(circle,#ff3d8a47,#0000 70%);width:min(35vw,280px);height:min(35vw,280px);animation-delay:-12s;top:42%;left:38%}@keyframes hub-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(3%,-4%)scale(1.06)}66%{transform:translate(-4%,3%)scale(.94)}}.hub-welcome-toast{top:calc(var(--nav-stack-h,5rem) + var(--ticker-h,0px) + .65rem);z-index:120;-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#140c28f5,#080812f0);border:1px solid #c4b5fd73;border-radius:18px;align-items:center;gap:.85rem;width:min(100vw - 2rem,400px);padding:.9rem 1rem .9rem 1.1rem;display:flex;position:fixed;left:auto;right:1rem;box-shadow:0 20px 60px #0000008c,0 0 48px #9146ff59,inset 0 1px #ffffff14}.hub-welcome-glow{border-radius:inherit;z-index:-1;opacity:.55;filter:blur(6px);background:linear-gradient(135deg,#9146ff,#00e5ff,#ff3d8a,#9146ff) 0 0/300% 300%;animation:5s linear infinite hub-border-flow;position:absolute;inset:-1px}.hub-welcome-icon{color:#fff;background:linear-gradient(135deg,#9146ff,#5865f2);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 24px #9146ff73}.hub-welcome-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.hub-welcome-text strong{font-family:var(--font-display);color:#fff;font-size:.95rem}.hub-welcome-text span{color:#b8b8d8;font-size:.78rem;line-height:1.4}.hub-welcome-close{color:#aaa;cursor:pointer;background:#ffffff0f;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}@media (width<=768px){.hub-welcome-toast{top:calc(var(--nav-stack-h,5rem) + var(--ticker-h,2.85rem) + .5rem);width:min(100vw - 1.3rem,360px);right:.65rem}}@media (prefers-reduced-motion:reduce){.hub-orb,.hub-welcome-glow{animation:none}}.account-hub-vip{min-height:320px;padding:.25rem 0 1rem;position:relative}.account-hub-vip--loading{color:#b8b8d8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;display:flex}.hub-vip-loader{color:#c4b5fd;filter:drop-shadow(0 0 20px #9146ff99)}.hub-vip-error{color:#f87171;font-size:.88rem}.hub-vip-hero{border-radius:18px;margin-bottom:1.25rem;position:relative;overflow:hidden}.hub-vip-hero-glow{opacity:.35;background:conic-gradient(#9146ff,#00e5ff,#ff3d8a,#fbbf24,#9146ff);animation:8s linear infinite hub-vip-spin;position:absolute;inset:-40%}@keyframes hub-vip-spin{to{transform:rotate(360deg)}}.hub-vip-hero-inner{background:linear-gradient(135deg,#140a2df2,#080812eb);border:1px solid #c4b5fd59;border-radius:17px;align-items:center;gap:1rem;margin:1px;padding:1.15rem 1.2rem;display:flex;position:relative}.hub-vip-avatar-ring{flex-shrink:0;position:relative}.hub-vip-avatar-orbit{pointer-events:none;border:2px dashed #9146ff80;border-radius:50%;position:absolute;inset:-6px}.hub-vip-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#fbbf24;align-items:center;gap:5px;margin-bottom:4px;font-size:.65rem;font-weight:800;display:inline-flex}.hub-vip-hero-text h3{font-family:var(--font-display);background:linear-gradient(135deg,#fff 0%,#c4b5fd 50%,#00e5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:1.35rem}.hub-vip-hero-text p{color:#9ca3af;margin:0;font-size:.78rem;line-height:1.45}.hub-vip-hero-text strong{color:#c4b5fd}.hub-vip-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.hub-vip-stat{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:.65rem .4rem;transition:border-color .25s,box-shadow .25s;display:flex}.hub-vip-stat:hover{border-color:color-mix(in srgb, var(--stat-accent) 50%, transparent);box-shadow:0 0 24px color-mix(in srgb, var(--stat-accent) 20%, transparent)}.hub-vip-stat svg{color:var(--stat-accent)}.hub-vip-stat strong{color:#fff;font-size:1rem;font-family:var(--font-display)}.hub-vip-stat span{text-transform:uppercase;letter-spacing:.06em;color:#8888a8;font-size:.62rem}.hub-vip-rank-banner{color:#fde68a;background:linear-gradient(90deg,#fbbf241f,#9146ff1a);border:1px solid #fbbf2440;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin:0 0 1rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.hub-vip-section{margin-bottom:1.1rem}.hub-vip-section h4{color:#e9d5ff;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 .65rem;font-size:.82rem;font-weight:700;display:flex}.hub-vip-title-grid{flex-wrap:wrap;gap:.45rem;display:flex}.hub-vip-title-chip{color:#ccc;cursor:pointer;background:#00000040;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:.45rem .75rem;font-size:.78rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.hub-vip-title-chip:hover{color:#fff;border-color:#9146ff73}.hub-vip-title-chip.active{color:#fff;background:linear-gradient(135deg,#9146ff59,#5865f233);border-color:#c4b5fd99;box-shadow:0 0 20px #9146ff59}.hub-vip-title-chip.locked,.hub-vip-swatch.locked{opacity:.45;cursor:not-allowed;filter:grayscale(.35)}.hub-vip-title-chip.locked{flex-direction:column;align-items:flex-start;gap:2px;padding-bottom:.35rem}.hub-vip-lock-label{color:#8888a8;align-items:center;gap:3px;font-size:.62rem;font-weight:500;display:inline-flex}.hub-vip-swatch{position:relative}.hub-vip-swatch-lock{color:#fff;filter:drop-shadow(0 1px 2px #000c);margin:auto;position:absolute;inset:0}.hub-vip-reward-hint{color:#8888a8;margin:0 0 .65rem;font-size:.75rem;line-height:1.4}.hub-vip-unlock-cta{color:#bf94ff;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin-top:.5rem;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline}.hub-vip-unlock-cta:hover{color:#e9d5ff}.hub-vip-title-emoji{font-size:.95rem}.hub-vip-color-grid{gap:8px;margin-bottom:.65rem;display:flex}.hub-vip-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .2s,box-shadow .2s}.hub-vip-swatch:hover{transform:scale(1.12)}.hub-vip-swatch.active{border-color:#fff;box-shadow:0 0 14px}.hub-vip-color-input{color:#fff;width:100%;font-size:.85rem;font-family:var(--font-mono);background:#0000004d;border:1px solid #ffffff1f;border-radius:10px;padding:.55rem .75rem}.hub-vip-color-preview{margin-top:.5rem;font-size:.88rem;font-weight:700;display:block}.hub-vip-toggles{flex-direction:column;gap:.65rem;display:flex}.hub-vip-toggle{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .75rem;transition:border-color .2s;display:flex}.hub-vip-toggle:hover{border-color:#9146ff40}.hub-vip-toggle input{opacity:0;width:0;height:0;position:absolute}.hub-vip-toggle-track{background:#ffffff1a;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.hub-vip-toggle-track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #0000004d}.hub-vip-toggle input:checked+.hub-vip-toggle-track{background:linear-gradient(135deg,#9146ff,#5865f2)}.hub-vip-toggle input:checked+.hub-vip-toggle-track:after{transform:translate(20px)}.hub-vip-toggle-label{flex-direction:column;gap:2px;display:flex}.hub-vip-toggle-label strong{color:#fff;font-size:.85rem}.hub-vip-toggle-label em{color:#8888a8;font-size:.72rem;font-style:normal}.hub-vip-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.hub-vip-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:.7rem 1.1rem;font-size:.88rem;font-weight:700;transition:opacity .2s;display:inline-flex}.hub-vip-btn:disabled{opacity:.55;cursor:wait}.hub-vip-btn--primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#9146ff,#5865f2) 0 0/200%;animation:4s infinite hub-vip-shine;box-shadow:0 8px 28px #9146ff66}@keyframes hub-vip-shine{0%,to{background-position:0%}50%{background-position:100%}}.hub-vip-btn--ghost{color:#e9d5ff;background:#ffffff0f;border:1px solid #c4b5fd59}.hub-vip-saved-toast{color:#4ade80;justify-content:center;align-items:center;gap:6px;margin-top:.75rem;font-size:.8rem;display:flex}@media (width<=520px){.hub-vip-stats{grid-template-columns:repeat(2,1fr)}.hub-vip-hero-inner{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){.hub-vip-hero-glow,.hub-vip-btn--primary{animation:none}}.user-avatar-img,.user-avatar-fallback{object-fit:cover;border-radius:50%;flex-shrink:0}.user-avatar-fallback{color:#fff;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#9146ff,#5865f2);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 12px #9146ff59}.nav-account-btn{border-radius:var(--radius-pill);color:var(--text);cursor:pointer;transition:all .25s var(--ease-out);background:#ffffff0f;border:1px solid #9146ff40;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .35rem;font-size:.82rem;font-weight:600;text-decoration:none;display:flex}.nav-account-btn:hover,.nav-account-btn--active{background:#9146ff26;border-color:#9146ff73;transform:scale(1.03)}.nav-account-btn.guest{padding:.45rem .9rem}.nav-account-label{text-overflow:ellipsis;white-space:nowrap;max-width:90px;overflow:hidden}.nav-account-vip-dot{background:linear-gradient(135deg,#4ade80,#00e5ff);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 10px #4ade80cc}.nav-account-btn--vip .nav-account-label{background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=768px){.nav-account-label{display:none}.nav-account-btn{padding:.35rem}}.account-overlay{z-index:10150}.account-modal{flex-direction:row;min-height:480px;display:flex;overflow:hidden;max-width:780px!important}.account-sidebar{background:#00000059;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:.5rem;width:210px;padding:1.25rem .85rem;display:flex}.account-user-card{background:#9146ff14;border:1px solid #9146ff26;border-radius:12px;align-items:center;gap:.65rem;margin-bottom:.5rem;padding:.65rem;display:flex}.account-user-card strong{color:#fff;font-size:.88rem;line-height:1.2;display:block}.account-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;align-items:center;gap:.2rem;margin-top:.2rem;padding:.12rem .4rem;font-size:.62rem;font-weight:700;display:inline-flex}.account-badge.admin{color:#fbbf24;background:#f59e0b33}.account-badge.pending{color:#fbbf24;background:#fbbf2426}.account-badge.ok{color:#4ade80;background:#4ade8026}.account-nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.account-nav button{color:#8888a8;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.55rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.account-nav button:hover{color:#fff;background:#ffffff0d}.account-nav button.active{color:#bf94ff;background:#9146ff2e}.account-logout{color:#f87171;background:0 0;border:1px solid #ff505033;border-radius:10px;align-items:center;gap:.5rem;margin-top:auto;padding:.6rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.account-logout:hover{background:#ff50501a}.account-admin-entry{color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.account-admin-entry:hover{background:#f59e0b26}.account-main{flex-direction:column;flex:1;min-width:0;max-height:85vh;display:flex;overflow-y:auto}.account-header{padding-bottom:.5rem!important}.account-error,.account-success{margin:0 1.5rem}.account-section{flex-direction:column;gap:.85rem;padding:.5rem 1.5rem 1.5rem;display:flex}.account-label{color:#8888a8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:flex}.account-hint{color:#8888a8;margin:0;font-size:.82rem;line-height:1.5}.account-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem;transition:border-color .2s}.account-input:focus{border-color:#9146ff80}.account-input-wrap{position:relative}.account-input-wrap .account-input{padding-right:2.5rem}.account-eye{color:#8888a8;background:0 0;border:none;padding:.2rem;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.account-btn{border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.account-btn.primary{color:#fff;background:linear-gradient(135deg,#9146ff,#772ce8);box-shadow:0 4px 16px #9146ff4d}.account-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #9146ff66}.account-btn.primary:disabled{opacity:.6}.account-btn.ghost{color:#ccc;background:#ffffff0f;border:1px solid #ffffff1a}.account-btn.ghost.danger{color:#f87171;border-color:#f8717140}.account-btn.twitch{color:#fff;background:#9146ff}.account-btn.discord{color:#fff;background:#5865f2}.account-row-btns{flex-wrap:wrap;gap:.5rem;display:flex}.account-avatar-edit{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:1.25rem;padding:1rem;display:flex}.account-avatar-fields{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.account-info-grid{gap:.65rem;display:grid}.account-info-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.account-info-item svg{color:#9146ff;flex-shrink:0}.account-info-item span{color:#8888a8;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;display:block}.account-info-item strong{color:#fff;font-size:.92rem}.account-link-card{background:#9146ff0f;border:1px solid #9146ff33;border-radius:14px;flex-direction:column;gap:.85rem;padding:1rem;display:flex}.account-link-card.discord{background:#5865f20f;border-color:#5865f240}.account-link-head{align-items:flex-start;gap:.75rem;display:flex}.account-link-head strong{color:#fff;font-size:.95rem;display:block}.account-link-head p{color:#8888a8;margin:.15rem 0 0;font-size:.78rem}.account-link-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.account-link-status.linked span{color:#4ade80;font-size:.88rem;font-weight:600}.account-rewards-fullpage{color:#f5d76e;cursor:pointer;background:linear-gradient(135deg,#f5d76e1f,#9146ff26);border:1px solid #f5d76e59;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.65rem 1rem;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.account-rewards-fullpage:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f5d76e26}.account-rewards-stats{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.account-reward-stat{background:#9146ff14;border:1px solid #9146ff33;border-radius:12px;flex-direction:column;gap:.1rem;padding:.85rem;display:flex}.account-reward-stat svg{color:#bf94ff}.account-reward-stat strong{color:#fff;font-size:1.4rem}.account-reward-stat span{color:#8888a8;font-size:.72rem}.account-emote-chips{flex-wrap:wrap;gap:.4rem;display:flex}.account-emote-chip{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .5rem;font-size:1.1rem;display:inline-flex}.account-emote-chip img{object-fit:contain;width:24px;height:24px}.account-tier-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.account-tier{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:.85rem}.account-tier.unlocked{background:#4ade800d;border-color:#4ade804d}.account-tier-top{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.account-tier-top strong{color:#fff;font-size:.88rem}.account-tier-top span{color:#8888a8;font-size:.75rem}.account-tier p{color:#8888a8;margin:0 0 .5rem;font-size:.78rem}.account-tier-bar{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:.4rem;overflow:hidden}.account-tier-bar span{background:linear-gradient(90deg,#9146ff,#5865f2);border-radius:2px;height:100%;transition:width .4s;display:block}.account-tier-tags{flex-wrap:wrap;gap:.35rem;display:flex}.account-tier-tags em{text-transform:uppercase;letter-spacing:.05em;color:#8888a8;background:#ffffff0f;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-style:normal;font-weight:700}.account-tier-tags em.ok{color:#4ade80;background:#4ade8026}@media (width<=640px){.modal-overlay:has(.account-modal){align-items:flex-end;padding:0}.account-modal{-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;flex-direction:column;width:100%;min-height:auto;max-height:92dvh;overflow-y:auto;max-width:100%!important}.account-sidebar{border-bottom:1px solid #ffffff0f;border-right:none;flex-flow:wrap;width:100%;padding:.85rem}.account-user-card{flex:1;min-width:140px;margin-bottom:0}.account-nav{flex-flow:wrap;flex:unset;width:100%}.account-nav button{flex:1;justify-content:center;min-width:calc(50% - .2rem);padding:.5rem;font-size:.75rem}.account-logout{justify-content:center;width:100%;margin-top:0}.account-avatar-edit{text-align:center;flex-direction:column;align-items:center}}.mobile-account-link{min-height:48px;color:var(--text);border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.85rem 1rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.mobile-account-link:hover{background:#9146ff1f}.account-modal--hub{max-width:820px!important}.account-modal--hub .account-main{background:radial-gradient(80% 50% at 50% -10%,#9146ff24,#0000),0 0}.account-nav button.hub-tab.active{color:#fff;background:linear-gradient(135deg,#9146ff47,#fbbf2414);border:1px solid #c4b5fd40;box-shadow:0 0 20px #9146ff33}.account-nav button.hub-tab:not(.active){color:#c4b5fd}.navbar{z-index:110;padding:var(--safe-top,env(safe-area-inset-top,0px)) max(0px, env(safe-area-inset-right,0px)) .4rem max(0px, env(safe-area-inset-left,0px));transition:background .4s var(--ease-out), box-shadow .4s var(--ease-out);position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding-top:var(--safe-top,env(safe-area-inset-top,0px))}.navbar.scrolled .nav-inner{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background:#06060cd1;border-color:#9146ff33;box-shadow:0 8px 40px #0006,0 0 0 1px #9146ff14}.navbar{background:linear-gradient(180deg, #030308fa 0%, #030308eb calc(var(--safe-top) + var(--nav-bar-h)), transparent 100%);-webkit-backdrop-filter:blur(14px)saturate(140%)}@media (width>=769px){.navbar{background:linear-gradient(180deg, #030308f5 0%, #030308bf calc(var(--safe-top) + var(--nav-bar-h)), transparent 100%)}}.nav-inner{border-radius:var(--radius-pill);max-width:1280px;transition:all .4s var(--ease-out);border:1px solid #0000;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:.65rem 1.5rem;display:flex}.nav-logo{color:var(--text);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;width:38px;height:38px;box-shadow:0 4px 16px var(--purple-glow);transition:transform .3s var(--ease-spring);border-radius:11px;justify-content:center;align-items:center;display:flex}.nav-logo:hover .logo-icon{transform:rotate(-8deg)scale(1.08)}.logo-accent{background:linear-gradient(135deg, var(--purple-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{gap:.25rem;list-style:none;display:flex}.nav-link{color:var(--text-dim);border-radius:var(--radius-pill);flex-direction:column;align-items:center;padding:.5rem .9rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:inline-flex;position:relative}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--text);background:#9146ff1f}.nav-link-vip{color:#f5d76e;background:linear-gradient(135deg,#f5d76e1f,#9146ff1a);border:1px solid #f5d76e40;box-shadow:0 0 20px #f5d76e14}.nav-link-vip:hover,.nav-link-vip.active{color:#fff8dc;background:linear-gradient(135deg,#f5d76e33,#9146ff2e)}.mobile-link-vip{align-items:center;gap:.5rem;display:inline-flex;color:#f5d76e!important}.nav-dot{background:var(--purple);width:5px;height:5px;box-shadow:0 0 8px var(--purple-glow);border-radius:50%;position:absolute;bottom:4px}.nav-right{align-items:center;gap:.75rem;display:flex}.nav-admin-btn{border-radius:var(--radius-pill);color:#fbbf24;transition:all .25s var(--ease-out);background:#f59e0b1a;border:1px solid #f59e0b4d;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.nav-admin-btn:hover{background:#f59e0b33;border-color:#f59e0b80;transform:scale(1.03)}@media (width<=768px){.nav-admin-label{display:none}.nav-admin-btn{padding:.4rem}}.nav-cta{background:linear-gradient(135deg, var(--purple), var(--purple-dark));color:#fff;border-radius:var(--radius-pill);transition:all .3s var(--ease-out);box-shadow:0 4px 20px var(--purple-glow);align-items:center;gap:.45rem;padding:.5rem 1.1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.nav-cta:hover{box-shadow:0 8px 32px var(--purple-glow);transform:scale(1.06)}.nav-cta.is-live{background:linear-gradient(135deg,#f34,#c02);animation:2s ease-in-out infinite live-pulse-btn;box-shadow:0 4px 20px #f346}.nav-cta.is-offline{color:var(--text-dim);box-shadow:none;background:#ffffff0f}.nav-cta.is-offline:hover{box-shadow:none;background:#ffffff1a;transform:scale(1.02)}.viewer-count{background:#00000059;border-radius:4px;padding:.1rem .45rem;font-size:.72rem}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite live-blink}.nav-menu-btn{border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;touch-action:manipulation;background:#ffffff0f;justify-content:center;align-items:center;padding:.45rem;display:none}.mobile-menu-backdrop{z-index:108;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#000000a6;border:none;margin:0;padding:0;position:fixed;inset:0}.mobile-menu{z-index:109;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:calc(var(--nav-stack-h,5rem) + .75rem) max(1rem, env(safe-area-inset-right,0px)) max(1.5rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#06060cf7;flex-direction:column;gap:.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-link{min-height:48px;color:var(--text);border-radius:var(--radius-sm);touch-action:manipulation;align-items:center;padding:.85rem 1rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.mobile-link:hover,.mobile-link:active{background:#9146ff1f}.nav-cta-hub{background:linear-gradient(135deg,#9146ff 0%,#5865f2 50%,#7c3aed 100%);box-shadow:0 4px 24px #9146ff80,0 0 0 1px #ffffff1a}.nav-cta-hub-label{letter-spacing:.02em;font-weight:800}.mobile-link-hub{background:linear-gradient(135deg,#9146ff40,#5865f226);border:1px solid #9146ff73;margin-bottom:.25rem;color:#fff!important}.mobile-link-hub svg{color:#fde68a}@media (width<=768px){.nav-links{display:none}.nav-menu-btn{display:flex}.nav-cta{min-height:44px;padding:.5rem .85rem}.nav-cta.is-offline span:first-of-type{display:none}.nav-cta-hub .nav-cta-hub-label{display:inline}.nav-inner{padding:.5rem max(.75rem, env(safe-area-inset-right,0px)) .5rem max(.75rem, env(safe-area-inset-left,0px));gap:.5rem}.nav-logo{font-size:1rem}.logo-icon{width:34px;height:34px}.nav-right{gap:.4rem}}@media (width<=380px){.nav-admin-btn{display:none}}.scroll-progress{z-index:1000;transform-origin:0%;background:linear-gradient(90deg, var(--purple), var(--cyan), var(--pink));height:3px;box-shadow:0 0 12px var(--purple-glow), 0 0 24px var(--cyan-glow);pointer-events:none;position:fixed;top:0;left:0;right:0}.grid-3d-wrap{pointer-events:none;perspective:1400px;z-index:0;position:absolute;inset:0;overflow:hidden}.grid-horizon{z-index:1;background:linear-gradient(90deg,#0000,#9146ff99,#00e5ff80,#9146ff99,#0000);height:2px;position:absolute;top:38%;left:0;right:0;box-shadow:0 0 40px #9146ff66,0 0 80px #00e5ff33}.grid-3d-plane{height:160%;transform-style:preserve-3d;opacity:.45;position:absolute;top:32%;left:-25%;right:-25%;transform:rotateX(62deg)}.grid-line-h,.grid-line-v{position:absolute}.grid-line-h{background:linear-gradient(90deg,#0000 0%,#9146ff80 30%,#00e5ff59 70%,#0000 100%);height:1px;left:0;right:0}.grid-line-v{background:linear-gradient(#9146ff66 0%,#00e5ff40 50%,#0000 100%);width:1px;top:0;bottom:0}.grid-orb{filter:blur(70px);mix-blend-mode:screen;border-radius:50%;position:absolute}.grid-orb-1{background:#9146ff59;width:320px;height:320px;top:10%;left:5%}.grid-orb-2{background:#00e5ff38;width:260px;height:260px;top:35%;right:5%}.grid-orb-3{background:#ff3d8a33;width:200px;height:200px;bottom:15%;left:30%}.grid-orb-4{background:#c4b5fd2e;width:160px;height:160px;top:55%;left:55%}.grid-scan-lines{z-index:2;position:absolute;inset:0}.grid-scan-line{transform-origin:top;background:linear-gradient(#0000,#00e5ff66,#0000);width:1px;position:absolute;top:0;bottom:0}.split-text{display:inline-block}.split-text-inner{display:inline}.split-text--chars .split-unit,.split-text--words .split-unit{transform-origin:50% 100%}.hero-orbital{pointer-events:none;position:absolute;inset:-40px}.hero-orbital-svg{width:100%;height:100%}.hero-hex{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.5;border:1px dashed #9146ff40;position:absolute;inset:10%}.site-privilege-hero{text-align:left;margin-top:1.25rem;margin-bottom:2rem}.site-privilege-hero-label{color:#bf94ff;letter-spacing:.02em;align-items:center;gap:.4rem;margin-bottom:.65rem;font-size:.78rem;font-weight:700;display:inline-flex}.site-privilege-hero-chips{flex-wrap:wrap;justify-content:flex-start;gap:.5rem .45rem;display:flex}@media (width<=900px){.site-privilege-hero{text-align:center}.site-privilege-hero-chips{justify-content:center}}.site-privilege-chip{color:#e8e8f0;border:1px solid color-mix(in srgb, var(--chip-accent) 45%, transparent);box-shadow:0 0 16px color-mix(in srgb, var(--chip-accent) 15%, transparent);background:#00000059;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.site-privilege-chip svg{color:var(--chip-accent)}.site-privilege--section{padding:var(--section-pad) 0;position:relative}.site-privilege--section:before{content:"";pointer-events:none;background:radial-gradient(70% 50% at 50% 0,#9146ff1f,#0000 65%);position:absolute;inset:0}.site-privilege-inline{background:linear-gradient(135deg,#9146ff24,#0a0a14f2);border:1px solid #9146ff59;border-radius:16px;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;padding:1rem 1.15rem;display:flex}.site-privilege-inline-icon{color:#fde68a;background:#9146ff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.site-privilege-inline-text{flex:1;min-width:200px}.site-privilege-inline-text strong{color:#fff;margin-bottom:.2rem;font-size:.92rem;display:block}.site-privilege-inline-text span{color:#8888a8;font-size:.78rem;line-height:1.45}.site-privilege-inline-stats{flex-wrap:wrap;gap:.4rem;display:flex}.site-privilege-inline-stat{color:#86efac;background:#4ade801f;border:1px solid #4ade804d;border-radius:999px;align-items:center;gap:.25rem;padding:.3rem .55rem;font-size:.65rem;font-weight:700;display:inline-flex}@media (width<=640px){.site-privilege-inline{flex-direction:column;align-items:flex-start}.site-privilege-inline-stats{width:100%}}.site-privilege-head{text-align:center;max-width:640px;margin:0 auto 2.5rem}.site-privilege-badge{text-transform:uppercase;letter-spacing:.08em;color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .85rem;font-size:.72rem;font-weight:800;display:inline-flex}.site-privilege-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin:0 0 .85rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;line-height:1.1}.site-privilege-sub{color:var(--text-dim);margin:0;font-size:1rem;line-height:1.65}.site-privilege-sub strong{color:var(--purple-light)}.site-privilege-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.site-privilege-card{transition:transform .25s var(--ease-out), box-shadow .25s;padding:1.25rem 1.2rem;position:relative}.site-privilege-card:hover{box-shadow:0 12px 40px color-mix(in srgb, var(--card-accent) 20%, transparent);transform:translateY(-4px)}.site-privilege-card-tag{text-transform:uppercase;letter-spacing:.06em;color:#86efac;background:#4ade8026;border:1px solid #4ade8059;border-radius:4px;padding:.15rem .45rem;font-size:.58rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.site-privilege-card-icon{color:var(--card-accent);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--card-accent) 50%, transparent));margin-bottom:.65rem}.site-privilege-card h3{font-family:var(--font-display);color:#fff;margin:0 0 .35rem;font-size:1rem;font-weight:700}.site-privilege-card p{color:var(--text-dim);margin:0;font-size:.82rem;line-height:1.5}.site-privilege-compare{max-width:520px;margin:0 auto 2rem;padding:.25rem;overflow:hidden}.site-privilege-compare-head,.site-privilege-compare-row{grid-template-columns:1fr 56px 56px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8rem;display:grid}.site-privilege-compare-head{color:#bf94ff;text-transform:uppercase;letter-spacing:.05em;background:#9146ff26;font-size:.68rem;font-weight:700}.site-privilege-compare-head span:not(:first-child),.site-privilege-compare-row span:not(:first-child){text-align:center;justify-self:center}.site-privilege-compare-row{color:#ccc;border-top:1px solid #ffffff0f}.site-privilege-compare-row span.yes{color:#4ade80}.site-privilege-compare-row span.no{color:#f87171}.site-privilege-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=640px){.site-privilege-grid{grid-template-columns:1fr}.site-privilege-actions{flex-direction:column;width:100%;max-width:360px;margin:0 auto}.site-privilege-actions .btn-primary,.site-privilege-actions .btn-secondary{width:100%;min-height:48px}}.site-hub-ribbon{z-index:6;letter-spacing:.06em;text-transform:uppercase;color:#fff;pointer-events:none;background:linear-gradient(135deg,#9146ffeb,#5865f2d9);border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:.65rem;left:.65rem;box-shadow:0 4px 24px #9146ff73}.site-hub-ribbon svg{color:#fde68a}.hero-section{background:radial-gradient(80% 60% at 50% -10%,#9146ff2e,#0000 60%);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-container{z-index:3;padding-top:calc(var(--nav-stack-h,5rem) + var(--ticker-h,2.85rem) + 2.5rem);justify-content:space-between;align-items:center;gap:clamp(2rem,5vw,5rem);padding-bottom:5rem;display:flex;position:relative}.hero-glow{filter:blur(100px);pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.glow-1{background:radial-gradient(circle,#9146ff59 0%,#0000 65%);width:700px;height:700px;animation:12s ease-in-out infinite glow-drift-1;top:-200px;left:-250px}.glow-2{background:radial-gradient(circle,#00e5ff2e 0%,#0000 65%);width:550px;height:550px;animation:15s ease-in-out infinite glow-drift-2;bottom:-150px;right:-150px}.glow-3{background:radial-gradient(circle,#ff3d8a26 0%,#0000 65%);width:400px;height:400px;animation:18s ease-in-out infinite glow-drift-3;top:40%;left:45%}@keyframes glow-drift-1{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}@keyframes glow-drift-2{0%,to{transform:translate(0)}50%{transform:translate(-30px,-20px)}}@keyframes glow-drift-3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.1)}}.scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff03 2px 4px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 95%);mask-image:linear-gradient(#000 0% 70%,#0000 95%)}.hero-ticker{--ticker-font-size:11px;--ticker-inner-h:calc(var(--ticker-h,2.85rem) - 2px);top:var(--nav-stack-h,calc(env(safe-area-inset-top,0px) + 3.5rem));z-index:95;height:var(--ticker-h,2.85rem);box-sizing:border-box;-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#030308eb;border-top:1px solid #9146ff14;border-bottom:1px solid #9146ff1f;position:fixed;left:0;right:0;overflow:hidden}.hero-ticker-inner{height:var(--ticker-inner-h);line-height:var(--ticker-inner-h);margin-top:1px;overflow:hidden;transform:translateY(4px);-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.hero-ticker-track{vertical-align:middle;width:max-content;height:var(--ticker-inner-h);line-height:var(--ticker-inner-h);--ticker-copies:4;animation:ticker-scroll var(--ticker-duration,28s) linear infinite;will-change:transform;flex-wrap:nowrap;align-items:center;animation-play-state:running;display:inline-flex}.hero-ticker-content{vertical-align:middle;height:var(--ticker-inner-h);white-space:nowrap;align-items:center;display:inline-flex}.hero-ticker-item{height:var(--ticker-inner-h);box-sizing:border-box;vertical-align:middle;align-items:center;gap:1.5rem;padding:0 1.5rem;display:inline-flex}.hero-ticker-label{font-family:var(--font-body);font-size:var(--ticker-font-size);font-weight:600;line-height:var(--ticker-font-size);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);padding-top:calc((var(--ticker-inner-h) - var(--ticker-font-size)) / 2);padding-bottom:calc((var(--ticker-inner-h) - var(--ticker-font-size)) / 2);box-sizing:border-box}.hero-ticker-dot{color:var(--purple);padding-top:calc((var(--ticker-inner-h) - 8px) / 2);padding-bottom:calc((var(--ticker-inner-h) - 8px) / 2);box-sizing:border-box;flex-shrink:0;font-size:8px;line-height:8px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translateX(calc(-100% / var(--ticker-copies,2)))}}.hero-content{flex:1;max-width:620px}.hero-badge{border-radius:var(--radius-pill);color:var(--purple-light);letter-spacing:.12em;text-transform:uppercase;background:#9146ff1f;border:1px solid #9146ff59;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.45rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 0 24px #9146ff26}.live-indicator{background:#f34;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite live-blink;box-shadow:0 0 8px #f34c}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;transform-style:preserve-3d;margin-bottom:1.25rem;font-size:clamp(3.5rem,10vw,8.5rem);font-weight:800;line-height:1}.hero-title-row{white-space:nowrap;flex-wrap:nowrap;align-items:baseline;gap:.12em;display:inline-flex}.title-line{color:var(--text);text-shadow:0 0 60px #ffffff14;white-space:nowrap;display:inline}.title-accent{background:linear-gradient(135deg, var(--purple) 0%, var(--cyan) 45%, var(--pink) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 40px var(--purple-glow));white-space:nowrap;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradient-shift;display:inline}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}.hero-sub{color:var(--purple-light);flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.92rem;font-weight:600;display:flex}.hero-sub-game{color:var(--cyan);font-weight:500}.hero-desc{color:var(--text-dim);max-width:480px;margin-bottom:2.25rem;font-size:1.1rem;line-height:1.75}.hero-desc strong{color:var(--text);font-weight:600}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-bottom:2.5rem;display:flex}.hero-stats{flex-wrap:wrap;gap:1rem;margin-top:.25rem;margin-bottom:1.75rem;display:flex}.hero-stat{min-width:100px;transition:transform .35s var(--ease-out), box-shadow .35s;transform-style:preserve-3d;padding:.85rem 1.25rem}.hero-stat:hover{box-shadow:0 16px 48px color-mix(in srgb, var(--stat-color) 25%, transparent);transform:translateY(-6px)rotateX(8deg)scale(1.04)}.stat-value{font-family:var(--font-display);color:var(--stat-color,white);margin-bottom:.2rem;font-size:1.85rem;font-weight:800;line-height:1;display:block}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600}.hero-socials{z-index:5;isolation:isolate;gap:.65rem;display:flex;position:relative}.social-btn{border-radius:var(--radius-sm);width:46px;height:46px;color:var(--text);transition:all .3s var(--ease-out);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#06060cd9;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:visible}.social-btn:hover{transform:translateY(-4px)scale(1.08)}.social-btn.twitch:hover{border-color:var(--purple);box-shadow:0 8px 32px var(--purple-glow);background:#9146ff40}.social-btn.twitter:hover{background:#1da1f233;border-color:#1da1f2}.social-btn.youtube:hover{background:#ff000026;border-color:red}.hero-visual{flex-shrink:0;width:340px;height:340px;position:relative}.avatar-frame{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.avatar-ring{background:linear-gradient(135deg, var(--purple), var(--cyan), var(--pink)) border-box;-webkit-mask-composite:destination-out;border:2px solid #0000;border-radius:50%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ring-spin-1{animation:12s linear infinite spin-css}.ring-spin-2{opacity:.55;animation:8s linear infinite reverse spin-css;inset:14px}.ring-3{background:0 0;border:1px dashed #9146ff59;inset:-20px;-webkit-mask:none;mask:none}.ring-pulse{animation:3.5s ease-in-out infinite ring-pulse-css}@keyframes spin-css{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ring-pulse-css{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}.avatar-inner{background:linear-gradient(135deg, var(--dark3), var(--dark2));border:2px solid #9146ff66;border-radius:50%;justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #9146ff40,inset 0 0 40px #0006}.avatar-inner:before{content:"";background:radial-gradient(circle at 30% 25%,#9146ff59,#0000 55%);position:absolute;inset:0}.avatar-shimmer{background:linear-gradient(105deg,#0000 40%,#ffffff14 50%,#0000 60%);animation:4s ease-in-out infinite avatar-shimmer;position:absolute;inset:0}@keyframes avatar-shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.avatar-img{object-fit:cover;z-index:1;border-radius:50%;width:100%;height:100%;position:relative}.avatar-placeholder{color:#9146ff80;z-index:1;position:relative}.avatar-badge{color:#fff;border-radius:var(--radius-pill);letter-spacing:.15em;z-index:5;background:linear-gradient(135deg,#f34,#c02);align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.72rem;font-weight:800;display:flex;position:absolute;bottom:24px;right:8px;box-shadow:0 4px 24px #ff33448c}.float-anim-1{animation:3.8s ease-in-out .5s infinite both float1}.float-anim-2{animation:4.2s ease-in-out .8s infinite both float2}.float-anim-3{animation:4.8s ease-in-out 1.1s infinite both float3}@keyframes float1{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}@keyframes float2{0%,to{transform:translateY(0)rotate(2deg)}50%{transform:translateY(12px)rotate(-2deg)}}@keyframes float3{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-card{color:var(--text);white-space:nowrap;z-index:4;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;display:flex;position:absolute}.float-icon{font-size:1rem}.card-clips{top:0;left:-50px}.card-viewers{bottom:20px;right:-40px}.card-followers{bottom:80px;left:-60px}.scroll-hint{color:var(--text-muted);cursor:none;z-index:4;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;transition:color .3s;display:flex;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}.scroll-hint-text{letter-spacing:.2em;text-transform:uppercase;font-size:.65rem;font-weight:700}.scroll-hint:hover{color:var(--purple-light)}@media (width<=900px){.hero-container{text-align:center;padding-top:calc(var(--nav-stack-h,5rem) + var(--ticker-h,3rem) + 2rem);padding-left:max(1rem, env(safe-area-inset-left,0px));padding-right:max(1rem, env(safe-area-inset-right,0px));flex-direction:column}.hero-content{max-width:100%}.hero-badge{margin:0 auto 1.5rem}.hero-title-row{justify-content:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.site-privilege-hero{margin-bottom:2.25rem}.hero-stats{justify-content:center;margin-top:.5rem}.hero-socials{justify-content:center}.hero-visual{width:280px;height:280px}.avatar-inner{width:200px;height:200px}.card-clips{left:-10px}.card-viewers{right:-10px}.card-followers{left:-20px}}.hero-twitch-fallback{opacity:.85;font-size:.85rem}@media (width<=380px){.hero-title{font-size:clamp(2.4rem,11vw,3.2rem)}.hero-visual{width:220px;height:220px}.avatar-inner{width:160px;height:160px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;min-height:48px}}.home-hub{padding:var(--section-pad) 0 2rem;position:relative}.home-hub:before{content:"";background:linear-gradient(180deg, transparent, var(--purple), transparent);width:1px;height:60px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home-hub-title-wrap{text-align:center;margin-bottom:2rem}.home-hub-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin:0;font-size:.75rem;font-weight:700}.home-hub-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.home-hub-card{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--hub-color) 20%, #ffffff0f);transition:transform .35s var(--ease-out), border-color .35s, box-shadow .35s;min-height:100%;transform-style:preserve-3d;background:#ffffff05;flex-direction:column;gap:.4rem;padding:1.35rem 1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.home-hub-card:before{content:"";background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--hub-color) 20%, transparent), transparent 70%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.home-hub-card:after{content:"";background:var(--hub-color);transform-origin:0;height:2px;transition:transform .4s var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.home-hub-card:hover{border-color:color-mix(in srgb, var(--hub-color) 50%, transparent);box-shadow:0 20px 60px color-mix(in srgb, var(--hub-color) 20%, transparent), 0 0 0 1px color-mix(in srgb, var(--hub-color) 15%, transparent);transform:translateY(-8px)rotateX(6deg)scale(1.02)}.home-hub-card:hover:before{opacity:1}.home-hub-card:hover:after{transform:scaleX(1)}.home-hub-icon{background:color-mix(in srgb, var(--hub-color) 15%, transparent);width:44px;height:44px;color:var(--hub-color);box-shadow:0 0 20px color-mix(in srgb, var(--hub-color) 20%, transparent);transition:transform .35s var(--ease-spring);border-radius:12px;justify-content:center;align-items:center;margin-bottom:.35rem;display:flex}.home-hub-card:hover .home-hub-icon{transform:scale(1.12)rotate(-6deg)}.home-hub-label{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:800}.home-hub-desc{color:var(--text-dim);flex:1;font-size:.78rem;line-height:1.45}.home-hub-cta{color:var(--hub-color);letter-spacing:.02em;margin-top:.5rem;font-size:.72rem;font-weight:700}.home-hub-anchor{color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.68rem;text-decoration:none;transition:color .2s;display:block}.home-hub-anchor:hover{color:var(--purple-light)}@media (width<=900px){.home-hub-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.home-hub-grid{grid-template-columns:1fr}.home-hub-card{min-height:88px;padding:1.1rem 1.15rem}.home-hub-anchor{justify-content:center;align-items:center;min-height:44px;display:flex}}.wall-of-fame{padding:2rem 0 1rem}.wall-head{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:1rem;display:flex}.wall-head h3{margin:0;font-size:1.1rem}.wall-head span{color:var(--text-muted,#8888a8);flex:100%;font-size:.8rem}.wall-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.wall-card{background:#9146ff14;border:1px solid #9146ff33;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:.75rem;font-size:.78rem;display:flex}.wall-avatar{object-fit:cover;border-radius:50%;width:44px;height:44px}.wall-avatar--anon{color:#fff;background:linear-gradient(135deg,#9146ff,#00e5ff);justify-content:center;align-items:center;font-weight:700;display:flex}.wall-card strong{color:#fff;text-align:center;text-overflow:ellipsis;max-width:100%;overflow:hidden}.wall-card em{color:#fbbf24;font-style:normal}.monthly-leaderboard{padding:2rem 0 .5rem}.lb-head{align-items:flex-start;gap:.85rem;margin-bottom:1.25rem;display:flex}.lb-head-icon{color:#fbbf24;filter:drop-shadow(0 0 12px #fbbf2473);flex-shrink:0;margin-top:2px}.lb-head h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:clamp(1.25rem,3vw,1.5rem)}.lb-head-sub{color:var(--text-muted,#8888a8);margin:0;font-size:.82rem;line-height:1.5}.lb-head-link{color:#c4b5fd;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.lb-head-link:hover{color:#ff6b9d}.lb-loading{color:#a78bfa;justify-content:center;align-items:center;gap:.75rem;padding:2rem;font-size:.88rem;display:flex}.lb-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lb-row{background:#0c0a16bf;border:1px solid #9146ff2e;border-radius:14px;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.lb-row--gold{background:linear-gradient(90deg,#fbbf241f,#0c0a16cc);border-color:#fbbf2473}.lb-row--silver{background:linear-gradient(90deg,#cbd5e114,#0c0a16cc);border-color:#cbd5e159}.lb-row--bronze{background:linear-gradient(90deg,#d977061a,#0c0a16cc);border-color:#d9770659}.lb-rank{color:#fbbf24;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.lb-row--silver .lb-rank{color:#e2e8f0}.lb-row--bronze .lb-rank{color:#f59e0b}.lb-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lb-time{color:#00e5ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem}.lb-empty{text-align:center;background:#9146ff0f;border:1px dashed #9146ff47;border-radius:16px;padding:1.5rem 1.25rem}.lb-empty p{color:var(--text-dim,#8b8ba8);max-width:520px;margin:0 auto 1rem;font-size:.88rem;line-height:1.55}.lb-empty-cta{display:inline-flex}.watch-content-gate{justify-content:center;align-items:center;min-height:280px;padding:2rem 1rem;display:flex}.watch-content-gate--compact{min-height:220px;padding:1.25rem .5rem}.watch-content-gate--loading{color:#a78bfa;flex-direction:column;gap:.75rem}.watch-content-gate-card{text-align:center;background:linear-gradient(160deg,#180e26eb,#06060ce6);border:1px solid #9146ff59;border-radius:20px;width:100%;max-width:440px;padding:1.75rem 1.5rem;box-shadow:0 24px 60px #00000073,0 0 48px #9146ff1f}.watch-content-gate--compact .watch-content-gate-card{padding:1.35rem 1.15rem}.watch-content-gate-icon{color:#c4b5fd;filter:drop-shadow(0 0 20px #9146ff59);background:#9146ff26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto .85rem;display:inline-flex}.watch-content-gate--compact .watch-content-gate-icon{width:52px;height:52px;margin-bottom:.65rem}.watch-content-gate-card h3{font-family:var(--font-display);margin:0 0 .65rem;font-size:1.2rem;line-height:1.3}.watch-content-gate-card p{color:#8888a8;margin:0 0 1.1rem;font-size:.88rem;line-height:1.55}.watch-content-gate-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#9146ff,#ff6b9d);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 28px #9146ff59}.watch-content-gate-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff6b9d66}.twitch-player-screen .watch-content-gate{background:#08060ea6;border:1px dashed #9146ff40;border-radius:16px;min-height:min(52vh,420px)}.section-header-inner{z-index:1;position:relative}.section-header-line{width:min(280px,60%);height:8px;margin:1.25rem auto 0;display:block}.section-header:not(.section-header--center) .section-header-line{margin-left:0}.section-header-path{stroke-dasharray:400;stroke-dashoffset:400px;animation:draw-line 1.2s var(--ease-out) .3s forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.live-perks{background:linear-gradient(145deg,#9146ff1a,#0a0a14f2);border:1px solid #9146ff4d;border-radius:18px;padding:1.25rem 1.35rem;overflow:hidden}.live-perks--interactive{width:100%}@media (width>=768px){.live-perks-cards{grid-template-columns:repeat(4,1fr);display:grid}.live-perk-chip{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;min-height:88px;padding:.75rem .5rem}.live-perk-chip span{line-height:1.25}}.live-perks-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.live-perks-title{align-items:flex-start;gap:.65rem;display:flex}.live-perks-sparkle{color:#fbbf24;flex-shrink:0;margin-top:.2rem}.live-perks-title h3{font-family:var(--font-display);color:#fff;margin:0;font-size:1.15rem}.live-perks-title p{color:#8888a8;margin:.15rem 0 0;font-size:.78rem}.live-perks-compare-toggle{color:#bf94ff;cursor:pointer;background:#9146ff1f;border:1px solid #9146ff66;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.72rem;font-weight:700;transition:all .2s;display:inline-flex}.live-perks-compare-toggle:hover,.live-perks-compare-toggle.on{color:#fff;background:#9146ff47;border-color:#9146ff}.live-perks-cards{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.live-perk-chip{color:#aaa;cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.live-perk-chip svg{color:var(--perk-accent,#9146ff)}.live-perk-chip:hover{color:#ddd;border-color:#9146ff59}.live-perk-chip.active{border-color:var(--perk-accent,#9146ff);color:#fff;box-shadow:0 0 20px color-mix(in srgb, var(--perk-accent) 30%, transparent);background:#9146ff33}.live-perk-detail{background:#00000059;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.85rem;padding:1rem 1.1rem;display:flex}.live-perk-detail-icon{color:var(--perk-accent);flex-shrink:0}.live-perk-detail-text{flex:1;min-width:140px}.live-perk-detail-text strong{color:#fff;margin-bottom:.2rem;font-size:.95rem;display:block}.live-perk-detail-text span{color:#8888a8;font-size:.78rem}.live-perk-badge{color:#86efac;text-transform:uppercase;letter-spacing:.04em;background:#4ade801f;border:1px solid #4ade804d;border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.68rem;font-weight:700;display:inline-flex}.live-perk-compare-row{gap:.5rem;display:flex}.live-perk-compare-row span{border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.live-perk-compare-row span.ok{color:#86efac;background:#4ade8026}.live-perk-compare-row span.no{color:#fca5a5;background:#ef44441f}.live-perks-table{border:1px solid #ffffff14;border-radius:12px;margin-top:1rem;overflow:hidden}.live-perks-table-head,.live-perks-table-row{grid-template-columns:1fr 72px 72px;align-items:center;gap:.5rem;padding:.55rem .85rem;font-size:.78rem;display:grid}.live-perks-table-head{color:#bf94ff;text-transform:uppercase;letter-spacing:.05em;background:#9146ff26;font-size:.68rem;font-weight:700}.live-perks-table-head span:not(:first-child),.live-perks-table-row span:not(:first-child){text-align:center;justify-self:center}.live-perks-table-row{color:#ccc;border-top:1px solid #ffffff0d}.live-perks-table-row span.yes{color:#4ade80}.live-perks-table-row span.no{color:#f87171}.live-perks-member-badge{color:#c4b5fd;background:#9146ff1f;border:1px solid #9146ff47;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .75rem;font-size:.75rem;display:inline-flex}.live-perks-member-badge strong{color:#fff}.live-perks--pending{border-color:#fbbf2440}.live-perks-foot{color:#8888a8;text-align:center;margin:1rem 0 .65rem;font-size:.8rem;line-height:1.5}.live-perks-foot strong{color:#bf94ff}.live-perks-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9146ff,#5865f2);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.75rem 1rem;font-size:.88rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.live-perks-cta:hover{transform:translateY(-2px);box-shadow:0 8px 28px #9146ff59}@media (width<=520px){.live-perks-cards{grid-template-columns:1fr 1fr;display:grid}.live-perk-chip span{font-size:.65rem}.live-perks-cta{min-height:48px}}.live-poll-bar{background:#00e5ff0f;border:1px solid #00e5ff33;border-radius:14px;margin:1rem 0;padding:1rem}.live-poll-head{align-items:center;gap:8px;margin-bottom:.75rem;font-size:.9rem;display:flex}.live-poll-options{flex-direction:column;gap:6px;display:flex}.live-poll-opt{text-align:left;color:#fff;cursor:pointer;background:#0003;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px;position:relative;overflow:hidden}.live-poll-opt.voted{border-color:#9146ff}.live-poll-bar-fill{z-index:0;pointer-events:none;background:#9146ff33;position:absolute;top:0;bottom:0;left:0}.live-poll-opt span,.live-poll-opt em{z-index:1;position:relative}.live-poll-opt em{float:right;color:#c4b5fd;font-style:normal}.member-engagement-panel{background:linear-gradient(160deg,#9146ff1a,#08081099);border:1px solid #9146ff38;border-radius:14px;flex-direction:column;gap:.65rem;margin-bottom:1rem;padding:.85rem;display:flex;box-shadow:0 0 32px #9146ff14}.eng-panel-head{letter-spacing:.12em;text-transform:uppercase;color:#c4b5fd;justify-content:center;align-items:center;gap:6px;margin-bottom:.15rem;font-size:.68rem;font-weight:800;display:flex}.eng-card{color:var(--text-muted,#a8a8c0);background:#00000047;border:1px solid #ffffff12;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.75rem .9rem;font-size:.82rem;transition:border-color .25s,box-shadow .25s;display:flex}.eng-card:hover{border-color:#9146ff4d;box-shadow:0 8px 24px #00000040}.eng-card strong{color:#fff;font-size:.88rem;display:block}.eng-card svg{color:#9146ff;flex-shrink:0;margin-top:2px}.eng-card--streak svg{color:#f97316}.eng-card--rank svg{color:#fbbf24}.eng-mission-bar{background:#ffffff14;border-radius:3px;height:5px;margin-top:8px;overflow:hidden}.eng-mission-fill{background:linear-gradient(90deg,#9146ff,#00e5ff);border-radius:3px;height:100%;box-shadow:0 0 12px #9146ff80}.eng-claim-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9146ff,#5865f2);border:none;border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #9146ff59}.eng-claim-btn:disabled{opacity:.6;cursor:wait}.eng-done{color:#4ade80;align-items:center;gap:4px;margin-top:6px;font-size:.78rem;display:inline-flex}.tier-confetti-canvas{z-index:99998;pointer-events:none;position:fixed;inset:0}.watch-rewards{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #5865f240;border-radius:18px;margin-top:0;padding:1.25rem 1.35rem}.watch-rewards--embedded{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;padding:.25rem 0}.watch-rewards-guest,.watch-rewards-pending{text-align:center;flex-direction:column;align-items:stretch;gap:.65rem;padding:1.5rem 1.25rem;display:flex}.watch-rewards-pending{background:#fbbf240f;border-color:#fbbf244d}.watch-rewards-pending .watch-guest-icon{color:#fbbf24}.watch-btn-cta--secondary{background:#ffffff14;border:1px solid #9146ff59}.watch-guest-icon{color:#bf94ff;margin:0 auto}.watch-rewards-guest h3{font-family:var(--font-display);color:#fff;margin:0;font-size:1.05rem}.watch-rewards-guest p{color:#8888a8;margin:0;font-size:.82rem;line-height:1.5}.watch-rewards-guest p strong{color:#bf94ff}.watch-btn-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9146ff,#6441a5);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;margin-top:.35rem;padding:.7rem 1rem;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.watch-btn-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #9146ff66}.watch-session-bar{background:#4ade8014;border:1px solid #4ade8040;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem .75rem;display:flex}.watch-session-timer{color:#8888a8;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.watch-session-timer svg{color:#4ade80}.watch-session-timer strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1.1rem}.watch-bonus-badge{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2459;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.watch-bonus-hint{color:#8888a8;font-size:.68rem}.watch-bonus-hint strong{color:#fbbf24}.watch-next-tier{background:#9146ff1a;border:1px solid #9146ff4d;border-radius:12px;margin-bottom:1rem;padding:.85rem}.watch-next-tier-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.watch-next-tier-head strong{color:#fff;font-size:.85rem}.watch-next-tier-head span{color:#bf94ff;font-size:.72rem;font-weight:700}.watch-tier-bar--lg{height:8px}.watch-all-done{color:#86efac;background:#4ade801a;border:1px solid #4ade804d;border-radius:10px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600;display:flex}.watch-rewards-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.watch-rewards-head h3{color:#fff;align-items:center;gap:.45rem;font-family:Syne,sans-serif;font-size:1.05rem;display:flex}.watch-rewards-live{color:#4ade80;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;display:inline-flex}.watch-rewards-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.watch-stat--next{background:#fbbf2414;border-color:#fbbf244d}.watch-stat--next svg{color:#fbbf24}.watch-stat{background:#9146ff14;border:1px solid #9146ff33;border-radius:12px;flex-direction:column;gap:.15rem;padding:.75rem;display:flex}.watch-stat svg{color:#bf94ff}.watch-stat strong{color:#fff;font-size:1.35rem}.watch-stat span{color:#8888a8;font-size:.72rem}.watch-discord-row{background:#5865f214;border:1px solid #5865f233;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:1rem;padding:.75rem;display:flex}.watch-discord-row p{color:#b8b8d8;flex:1;min-width:180px;margin:0;font-size:.78rem}.watch-btn-discord{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex}.watch-btn-ghost{color:#8888a8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.72rem;display:inline-flex}.watch-discord-linked{color:#a5b4fc;align-items:center;gap:.35rem;font-size:.82rem;font-weight:600;display:inline-flex}.watch-emotes-unlocked{color:#8888a8;margin-bottom:1rem;font-size:.75rem}.watch-emote-chips{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.watch-emote-chip{background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 .35rem;font-size:1.1rem;display:inline-flex}.watch-emote-chip img{object-fit:contain;width:24px;height:24px}.watch-tier-list{flex-direction:column;gap:.65rem;list-style:none;display:flex}.watch-tier-list--grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.watch-tier{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:.75rem .85rem}.watch-tier.unlocked{background:#4ade800d;border-color:#4ade8059}.watch-tier-top{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.watch-tier-top strong{color:#fff;font-size:.88rem}.watch-tier-top span{color:#bf94ff;font-size:.72rem;font-weight:700}.watch-tier p{color:#8888a8;margin:0 0 .45rem;font-size:.72rem}.watch-tier-bar{background:#ffffff14;border-radius:999px;height:4px;margin-bottom:.4rem;overflow:hidden}.watch-tier-bar span{border-radius:inherit;background:linear-gradient(90deg,#9146ff,#5865f2);height:100%;display:block}.watch-tier-tags{flex-wrap:wrap;gap:.35rem;display:flex}.watch-tier-tags em{text-transform:uppercase;letter-spacing:.05em;color:#8888a8;background:#ffffff0f;border-radius:4px;padding:.12rem .4rem;font-size:.62rem;font-style:normal;font-weight:700}.watch-tier-tags em.ok{color:#86efac;background:#4ade8026}.watch-grant-toast{color:#86efac;cursor:pointer;background:#4ade801f;border:1px solid #4ade8059;border-radius:10px;margin-top:.85rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600}@media (width<=640px){.watch-rewards{padding:1rem}.watch-tier-list--grid{grid-template-columns:1fr}.watch-discord-row{flex-direction:column;align-items:stretch}.watch-discord-row p{min-width:0}.watch-btn-discord,.watch-btn-cta{justify-content:center;width:100%;min-height:48px}}.site-member-ribbon{color:#c8c8e0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.75rem 1rem;font-size:.82rem;line-height:1.45;display:flex}.site-member-ribbon svg{flex-shrink:0}.site-member-ribbon strong{color:#fff}.site-member-ribbon--premium{gap:1rem;padding:.9rem 1.15rem}.site-member-ribbon-avatar{flex-shrink:0;position:relative}.site-member-ribbon-avatar .user-avatar-img,.site-member-ribbon-avatar .user-avatar-fallback{box-shadow:0 0 0 3px #9146ff59,0 0 24px #9146ff59}.site-member-ribbon-pill{letter-spacing:.08em;color:#1a0a2e;background:linear-gradient(135deg,#c4b5fd,#fbbf24);border-radius:6px;padding:.1rem .4rem;font-size:.55rem;font-weight:800;position:absolute;bottom:-4px;right:-6px;box-shadow:0 2px 8px #0006}.site-member-ribbon-pill--staff{color:#1a1000;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.site-member-ribbon-body{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.site-member-ribbon-icon{color:#4ade80;flex-shrink:0}.site-member-ribbon--member{background:linear-gradient(135deg,#4ade8024,#9146ff1a);border:1px solid #4ade8059}.site-member-ribbon--admin .site-member-ribbon-icon{color:#fbbf24}.site-member-ribbon--admin{background:linear-gradient(135deg,#fbbf2426,#9146ff1a);border:1px solid #fbbf2466}.site-member-ribbon--admin svg{color:#fbbf24}.site-member-ribbon--pending{background:#f59e0b1a;border:1px solid #f59e0b59}.site-member-ribbon--pending svg{color:#fbbf24}.site-member-ribbon--guest{background:linear-gradient(135deg,#9146ff2e,#0a0a14e6);border:1px solid #9146ff66}.site-member-ribbon--guest svg{color:#bf94ff}.site-member-ribbon-text{flex:1;min-width:180px}.site-member-ribbon-cta{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#9146ff,#6441a5);border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.78rem;font-weight:700;display:inline-flex}.site-member-ribbon.compact{padding:.55rem .85rem;font-size:.75rem}.ribbon-title{color:#c4b5fd;font-style:normal;font-weight:600}.ribbon-rank{color:#fbbf24;font-style:normal}@media (width<=640px){.site-member-ribbon-cta{justify-content:center;width:100%;min-height:44px}}.twitch-player-section{padding:var(--section-pad) 0 4rem;position:relative;overflow-x:clip}.page-header+.twitch-player-section,.page-header~.twitch-player-section{padding-top:2rem}.twitch-live-container{width:100%;max-width:var(--container);flex-direction:column;gap:1rem;margin:0 auto;display:flex}.twitch-player-header{text-align:center;margin-bottom:2.5rem}.twitch-player-header .section-title{font-family:var(--font-display);color:#fff;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,2.4rem);font-weight:800;display:flex}.twitch-player-header .section-subtitle{color:#8888a8;margin:0;font-size:1rem}.section-title-icon{color:#9146ff}.twitch-player-outer{width:100%;max-width:none;margin:0}.twitch-player-wrap{background:#0a0a12e6;border:1px solid #9146ff59;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #00000080,0 0 60px #9146ff1f}.twitch-player-meta{background:#00000059;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.85rem 1.25rem;display:flex}.twitch-meta-hd,.twitch-meta-purple,.twitch-meta-ll{letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.twitch-meta-hd{color:#4ade80;background:#4ade801f;border:1px solid #4ade8040}.twitch-meta-purple{color:#e9d5ff;background:#a855f733;border:1px solid #a855f773}.twitch-meta-ll{color:#7dd3fc;background:#00e5ff1a;border:1px solid #00e5ff4d}.twitch-hls-video{object-fit:contain;background:#000;width:100%;height:100%;min-height:280px}.twitch-player-controls{flex-wrap:wrap;gap:.35rem;margin-left:auto;display:flex}.twitch-ctrl-btn{color:#aaa;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.72rem;font-weight:600;transition:all .2s;display:inline-flex}.twitch-ctrl-btn:hover{color:#fff;background:#9146ff26;border-color:#9146ff59}.twitch-ctrl-btn.active{color:#bf94ff;background:#9146ff40;border-color:#9146ff80}.twitch-ctrl-rewards{color:#fbbf24;border-color:#fbbf2459}.twitch-ctrl-rewards:hover{color:#fde68a;background:#fbbf2426;border-color:#fbbf2480}.twitch-embed-mount{width:100%;height:100%;min-height:320px}.twitch-embed-mount iframe{border:none;width:100%!important;height:100%!important}.twitch-player-wrap.twitch-theatre .twitch-embed-layout{grid-template-columns:1fr}.twitch-player-wrap.twitch-theatre .twitch-video-pane{min-height:min(75vh,720px)}.twitch-embed-layout.chat-hidden{grid-template-columns:1fr}.twitch-cinema-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;position:fixed;inset:0}.twitch-player-section.twitch-cinema-active{z-index:201;position:relative}.twitch-player-wrap.twitch-cinema{z-index:202;width:min(96vw,1400px);max-width:96vw;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 120px #9146ff40}.twitch-player-wrap.twitch-cinema .twitch-video-pane{aspect-ratio:16/9;min-height:min(80vh,810px)}.twitch-player-wrap.twitch-native-fs{border:none;border-radius:0;width:100vw;max-width:none;height:100vh}.twitch-player-wrap.twitch-native-fs .twitch-player-screen,.twitch-player-wrap.twitch-native-fs .twitch-embed-layout,.twitch-player-wrap.twitch-native-fs .twitch-video-pane{height:100%;min-height:0}.twitch-meta-live{letter-spacing:.12em;color:#fca5a5;background:#ef444433;border:1px solid #ef444473;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.live-dot-sm{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite live-blink}.twitch-meta-viewers,.twitch-meta-game{color:#8888a8;align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.twitch-meta-game{color:#00d4ff;font-weight:600}.twitch-meta-offline{color:#8888a8;font-size:.85rem;font-weight:600}.twitch-stream-title{color:#e8e8f0;margin:0;padding:.65rem 1.25rem 0;font-size:.95rem;font-weight:600}.twitch-player-screen{background:#030308;min-height:min(56vw,520px);position:relative}.twitch-embed-layout{grid-template-columns:minmax(0,1fr) min(300px,28vw);height:min(56vw,560px);min-height:min(56vw,560px);display:grid}.twitch-video-pane,.twitch-chat-pane{background:#000;min-width:0;min-height:280px;position:relative}.twitch-chat-pane{border-left:1px solid #ffffff14;flex-direction:column;display:flex}.twitch-chat-label{letter-spacing:.12em;text-transform:uppercase;color:#666;background:#0006;border-bottom:1px solid #ffffff0f;flex-shrink:0;padding:.4rem .75rem;font-size:.65rem;font-weight:700}.twitch-iframe{border:none;flex:1;width:100%;min-height:0}.twitch-iframe-chat{flex:1;min-height:240px}.twitch-tracking-badge{color:#86efac;z-index:5;cursor:pointer;background:#000000d1;border:1px solid #4ade8073;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.68rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.twitch-tracking-badge:hover{transform:translateY(-1px);box-shadow:0 4px 20px #4ade8040}.twitch-player-placeholder,.twitch-player-offline{text-align:center;color:#8888a8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.twitch-player-offline h3{color:#fff;font-family:var(--font-display);margin:0}.twitch-player-offline p{max-width:360px;margin:0}.twitch-offline-avatar{object-fit:cover;border:3px solid #9146ff;border-radius:50%;width:80px;height:80px;margin-bottom:.5rem}.twitch-loader{border:3px solid #9146ff33;border-top-color:#9146ff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.live-rewards-zone{width:100%;margin-top:1.75rem}.live-rewards-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;gap:.5rem;margin-bottom:1rem;padding:.35rem;display:flex}.live-rewards-tabs button{color:#8888a8;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.85rem;font-weight:700;transition:all .22s;display:inline-flex}.live-rewards-tabs button:hover{color:#ccc;background:#ffffff0a}.live-rewards-tabs button.active{color:#fff;background:linear-gradient(135deg,#9146ff59,#5865f233);box-shadow:0 4px 24px #9146ff33}.live-rewards-tab-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite live-blink}.live-rewards-panel{width:100%}@media (width<=900px){.twitch-player-section{padding:2.5rem 0}.twitch-live-container{padding:0 max(.5rem, env(safe-area-inset-right,0px)) 0 max(.5rem, env(safe-area-inset-left,0px))}.twitch-player-meta{gap:.5rem;padding:.65rem .85rem}.twitch-stream-title{padding:.5rem .85rem 0;font-size:.85rem}.twitch-player-controls{width:100%;margin-left:0}.twitch-ctrl-btn span{display:none}.twitch-ctrl-rewards span{display:inline}.twitch-player-wrap.twitch-cinema{border-radius:0;width:100vw;height:100vh;top:0;left:0;transform:none}.twitch-embed-layout{grid-template-rows:auto auto;grid-template-columns:1fr;height:auto;min-height:0}.twitch-video-pane{aspect-ratio:16/9;min-height:52vw}.twitch-chat-pane{border-top:1px solid #ffffff14;border-left:none;min-height:320px}.live-rewards-tabs button{padding:.65rem .5rem;font-size:.78rem}}@media (width<=480px){.twitch-ctrl-btn{justify-content:center;min-width:40px;min-height:40px;padding:.4rem}.live-rewards-tabs button span:not(.live-rewards-tab-dot){display:none}.live-rewards-tabs button{min-height:44px;padding:.75rem}.twitch-chat-pane{min-height:280px}}.section-divider{pointer-events:none;width:100%;height:80px;position:relative;overflow:hidden}.section-divider-svg{width:100%;height:100%;display:block}.section-divider-glow{background:linear-gradient(90deg, transparent, var(--purple-glow), var(--cyan-glow), transparent);filter:blur(8px);opacity:.6;width:60%;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.section-divider--cyan .section-divider-glow{background:linear-gradient(90deg, transparent, var(--cyan-glow), var(--purple-glow), transparent)}.section-divider--pink .section-divider-glow{background:linear-gradient(90deg, transparent, var(--pink-glow), var(--purple-glow), transparent)}.glitch-text{display:inline-block;position:relative}.glitch-text-main{z-index:1;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:hover:before,.glitch-text:hover:after,.glitch-text--auto.glitch-text--in:before,.glitch-text--auto.glitch-text--in:after{opacity:1}.glitch-text:before{text-shadow:-3px 0 var(--cyan);clip-path:polygon(0 15%,100% 15%,100% 45%,0 45%);animation:.35s linear infinite alternate-reverse glitch-a;left:2px}.glitch-text:after{text-shadow:3px 0 var(--pink);clip-path:polygon(0 55%,100% 55%,100% 85%,0 85%);animation:.4s linear infinite alternate-reverse glitch-b;left:-2px}.glitch-text--auto.glitch-text--in:before,.glitch-text--auto.glitch-text--in:after{animation-play-state:running}.glitch-text--auto:not(.glitch-text--in):before,.glitch-text--auto:not(.glitch-text--in):after{opacity:0;animation:none}.glitch-text--subtle:before{text-shadow:-1px 0 var(--cyan)}.glitch-text--subtle:after{text-shadow:1px 0 var(--pink)}.glitch-text--intense:before{text-shadow:-4px 0 var(--cyan), 4px 0 var(--purple)}.glitch-text--intense:after{text-shadow:4px 0 var(--pink), -4px 0 var(--lime)}@keyframes glitch-a{0%{clip-path:polygon(0 2%,100% 2%,100% 8%,0 8%);transform:translate(-3px)}20%{clip-path:polygon(0 35%,100% 35%,100% 42%,0 42%);transform:translate(3px)}40%{clip-path:polygon(0 60%,100% 60%,100% 68%,0 68%);transform:translate(-2px)}60%{clip-path:polygon(0 10%,100% 10%,100% 18%,0 18%);transform:translate(2px)}80%{clip-path:polygon(0 75%,100% 75%,100% 82%,0 82%);transform:translate(-3px)}to{clip-path:polygon(0 45%,100% 45%,100% 52%,0 52%);transform:translate(3px)}}@keyframes glitch-b{0%{clip-path:polygon(0 50%,100% 50%,100% 58%,0 58%);transform:translate(3px)}25%{clip-path:polygon(0 78%,100% 78%,100% 86%,0 86%);transform:translate(-3px)}50%{clip-path:polygon(0 25%,100% 25%,100% 33%,0 33%);transform:translate(2px)}75%{clip-path:polygon(0 65%,100% 65%,100% 72%,0 72%);transform:translate(-2px)}to{clip-path:polygon(0 5%,100% 5%,100% 12%,0 12%);transform:translate(3px)}}.setup-signal-section{padding:var(--section-pad) 0;position:relative}.setup-signal-section--compact{padding:2.5rem 0 3rem}.setup-signal-section:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 50% 0,#00e5ff0f,#0000);position:absolute;inset:0}.signal-panels{perspective:1200px;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (width<=900px){.signal-panels{grid-template-columns:1fr}}.signal-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .4s var(--ease-out), box-shadow .4s, border-color .3s;transform-style:preserve-3d;background:#080810b3;border:1px solid #ffffff14;border-radius:20px;padding:1.35rem 1.5rem}.signal-panel:hover{border-color:#9146ff40;transform:translateY(-6px)rotateX(4deg);box-shadow:0 24px 60px #0006,0 0 40px #9146ff14}.signal-panel-title{font-family:var(--font-display);color:var(--text);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.55rem;margin:0 0 1.1rem;font-size:.82rem;font-weight:800;display:flex}.flow-row{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.9rem 0;transition:padding-left .25s;display:flex}.flow-row:hover{padding-left:.35rem}.flow-row:last-child{border-bottom:none}.flow-node{background:color-mix(in srgb, var(--flow-color) 15%, transparent);border:1px solid color-mix(in srgb, var(--flow-color) 40%, transparent);color:var(--flow-color);box-shadow:0 0 12px color-mix(in srgb, var(--flow-color) 15%, transparent);border-radius:8px;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.flow-via{color:var(--text-dim);background:#0000004d;border:1px dashed #ffffff14;border-radius:6px;padding:.3rem .55rem;font-size:.76rem}.flow-arrow{color:var(--text-muted);flex-shrink:0}.flow-note{width:100%;color:var(--text-muted);margin:.4rem 0 0;font-size:.73rem;line-height:1.45}.signal-peripherals-strip{flex-wrap:wrap;gap:.85rem;margin-top:2rem;display:flex}.periph-chip{background:color-mix(in srgb, var(--c) 8%, #080810cc);border:1px solid color-mix(in srgb, var(--c) 30%, transparent);color:var(--text-dim);transition:transform .3s var(--ease-out), box-shadow .3s;border-radius:14px;flex:240px;align-items:flex-start;gap:.55rem;padding:.85rem 1.1rem;font-size:.78rem;line-height:1.45;display:flex}.periph-chip:hover{box-shadow:0 12px 32px color-mix(in srgb, var(--c) 15%, transparent);transform:translateY(-4px)}.periph-chip strong{color:var(--c)}.periph-chip svg{color:var(--c);flex-shrink:0;margin-top:2px}.app{z-index:1;width:100%;position:relative}.app-main{flex-direction:column;display:flex}.page-fallback{min-height:40vh}.section-block,.hero-section{content-visibility:auto;contain-intrinsic-size:auto 600px}.app-bg{z-index:0;pointer-events:none;background:var(--void);position:fixed;inset:0;overflow:hidden}.app-bg canvas{z-index:3!important}.app-bg-mesh{will-change:transform;background:radial-gradient(55% 45% at 10% 15%,#9146ff47,#0000 55%),radial-gradient(50% 40% at 90% 75%,#00e5ff29,#0000 50%),radial-gradient(70% 55% at 50% 110%,#ff3d8a1f,#0000 50%);position:absolute;inset:-30%}.app-bg-stars{background-image:radial-gradient(1px 1px at 10% 20%,#fff6,#0000),radial-gradient(1px 1px at 30% 65%,#ffffff4d,#0000),radial-gradient(1.5px 1.5px at 55% 15%,#c4b5fd80,#0000),radial-gradient(1px 1px at 70% 80%,#ffffff40,#0000),radial-gradient(1px 1px at 85% 35%,#00e5ff66,#0000),radial-gradient(1px 1px at 15% 90%,#fff3,#0000),radial-gradient(1.5px 1.5px at 45% 45%,#9146ff80,#0000),radial-gradient(1px 1px at 92% 55%,#ffffff4d,#0000);animation:8s ease-in-out infinite alternate stars-twinkle;position:absolute;inset:0}@keyframes stars-twinkle{0%{opacity:.6}to{opacity:1}}.app-bg-aurora{background:linear-gradient(125deg,#0000 35%,#9146ff14 45%,#00e5ff0f 55%,#0000 65%) 0 0/250% 250%;animation:14s ease-in-out infinite aurora-sweep;position:absolute;inset:0}@keyframes aurora-sweep{0%,to{background-position:0%}50%{background-position:100%}}.app-bg-grid{background-image:linear-gradient(#9146ff0d 1px,#0000 1px),linear-gradient(90deg,#9146ff0d 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 20%,#0000 80%)}.app-bg-vignette{background:radial-gradient(70% 60%,#0000 40%,#030308b3 100%);position:absolute;inset:0}.section-reveal,.scroll-reveal,.scroll-stagger-item{will-change:transform, opacity}.section-header--center{text-align:center}.section-header--center .section-subtitle{margin-left:auto;margin-right:auto}.scroll-reveal--header{transform-origin:top}.container{width:var(--container);margin:0 auto}.section-block{position:relative}.section-fallback{background:linear-gradient(90deg, var(--dark2) 25%, var(--dark3) 50%, var(--dark2) 75%);border-radius:var(--radius-md);min-height:320px;max-width:var(--container);background-size:200% 100%;margin:2rem auto;animation:1.5s infinite shimmer-load}@keyframes shimmer-load{0%{background-position:200% 0}to{background-position:-200% 0}}.section-teaser-wrap{display:block}.section-teaser{text-align:center;padding:0 0 3rem}.section-teaser-link{letter-spacing:.04em;color:var(--purple-light);border-radius:var(--radius-pill);transition:all .3s var(--ease-out);background:#9146ff14;border:1px solid #9146ff59;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-size:.85rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.section-teaser-link:before{content:"";background:linear-gradient(90deg,#0000,#9146ff26,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.section-teaser-link:hover{border-color:var(--purple);box-shadow:0 8px 32px var(--purple-glow);background:#9146ff33;transform:translateY(-2px)}.section-teaser-link:hover:before{transform:translate(100%)}.btn-primary,.btn-secondary{border-radius:var(--radius-pill);font-family:var(--font-body);transition:transform .25s var(--ease-out), box-shadow .25s;cursor:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.75rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--purple) 0%, #6d28d9 50%, var(--purple-dark) 100%);color:#fff;box-shadow:0 8px 32px var(--purple-glow), inset 0 1px 0 #ffffff26;background-size:200%}.btn-primary:hover{box-shadow:0 16px 48px var(--purple-glow), 0 0 28px #9146ff59;background-position:100%;transform:translateY(-3px)scale(1.02)}.btn-glow:hover{box-shadow:0 16px 48px var(--purple-glow), 0 0 36px #9146ff66, 0 0 56px #00d4ff26}.btn-primary.btn-live{animation:2.5s ease-in-out infinite live-pulse-btn}@keyframes live-pulse-btn{0%,to{box-shadow:0 8px 32px var(--purple-glow)}50%{box-shadow:0 8px 48px #ff334473,0 0 0 4px #ff33441a}}.btn-secondary{color:var(--text);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a}.btn-outline-glow:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 24px var(--cyan-glow);transform:translateY(-3px)}.btn-secondary:hover{border-color:var(--purple-light);color:#fff;transform:translateY(-2px)}