:root{--ink: #030713;--ink-2: #07112b;--navy: #0a1838;--ice: #eaf3ff;--ice-2: #a9c0e6;--muted: #6f86b4;--line: rgba(150, 190, 255, .16);--line-2: rgba(150, 190, 255, .28);--cyan: #22d3ee;--sky: #38bdf8;--blue: #3b82f6;--indigo: #6366f1;--orange: #ff7a18;--amber: #fbab3c;--glass: rgba(11, 22, 48, .55);--glass-2: rgba(13, 26, 56, .72);--stamp-ink: #020410;--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-cond: "Barlow Condensed", sans-serif;--ease-out: cubic-bezier(.2, .7, .1, 1);--ease-snap: cubic-bezier(.5, 1.6, .4, 1)}body.rog-hub{overflow-x:hidden;overflow-y:auto;background:var(--ink);color:var(--ice);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body.rog-hub #root{position:static;display:block;inset:auto}.goo-defs{position:absolute;width:0;height:0;pointer-events:none}.lava{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:linear-gradient(180deg,#0a2570,#0b1c54 20%,#111a40 41%,#2a1530 60%,#4a1a0b 84%,#5e2207)}.goo{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;filter:url(#goo)}.blob{position:absolute;border-radius:50%;will-change:transform}.blob:after{content:"";position:absolute;left:22%;top:16%;width:30%;height:22%;border-radius:50%;background:#ffffff52}.u1{width:300px;height:300px;left:5%;top:2%;background:radial-gradient(circle at 38% 32%,#74b6ff,#1450dc 64%);animation:lavaA 27s ease-in-out infinite}.u2{width:158px;height:158px;left:27%;top:15%;background:radial-gradient(circle at 38% 32%,#6fb0ff,#1e5fe0 64%);animation:lavaC 20s ease-in-out infinite}.u3{width:326px;height:326px;left:68%;top:0%;background:radial-gradient(circle at 38% 32%,#7cbcff,#1450dc 64%);animation:lavaE 31s ease-in-out infinite}.u4{width:104px;height:104px;left:88%;top:12%;background:radial-gradient(circle at 38% 32%,#84c2ff,#2376ea 64%);animation:lavaF 17s ease-in-out infinite}.u5{width:138px;height:138px;left:15%;top:31%;background:radial-gradient(circle at 38% 32%,#8ec8ff,#2270e6 64%);animation:lavaB 24s ease-in-out infinite}.d1{width:332px;height:332px;left:10%;top:60%;background:radial-gradient(circle at 38% 32%,#ffbf78,#f06a10 64%);animation:lavaD 26s ease-in-out infinite}.d2{width:150px;height:150px;left:40%;top:73%;background:radial-gradient(circle at 38% 32%,#ffb86a,#e9620c 64%);animation:lavaC 19s ease-in-out infinite}.d3{width:300px;height:300px;left:66%;top:61%;background:radial-gradient(circle at 38% 32%,#ffcb88,#f47712 64%);animation:lavaE 32s ease-in-out infinite}.d4{width:116px;height:116px;left:86%;top:75%;background:radial-gradient(circle at 38% 32%,#ffc279,#f5781f 64%);animation:lavaF 21s ease-in-out infinite}.d5{width:204px;height:204px;left:30%;top:84%;background:radial-gradient(circle at 38% 32%,#ffd29a,#fb8a2c 64%);animation:lavaA 23s ease-in-out infinite}@keyframes lavaA{0%,to{transform:translateY(-12vh) scale(1.05,.86) rotate(-4deg);border-radius:62% 38% 54% 46%/56% 44% 60% 40%}50%{transform:translateY(15vh) scale(.84,1.2) rotate(4deg);border-radius:38% 62% 44% 56%/64% 36% 58% 42%}}@keyframes lavaB{0%,to{transform:translateY(10vh) scale(1);border-radius:50%}50%{transform:translateY(-11vh) scale(1.08);border-radius:48% 52% 50% 50%}}@keyframes lavaC{0%,to{transform:translateY(8vh) scale(.95,1.1);border-radius:46% 54% 62% 38%}50%{transform:translateY(-13vh) scale(1.12,.88);border-radius:60% 40% 42% 58%}}@keyframes lavaD{0%,to{transform:translateY(-9vh) scale(1.14,.78) rotate(3deg);border-radius:64% 36% 50% 50%/72% 62% 38% 28%}50%{transform:translateY(14vh) scale(.88,1.18) rotate(-3deg);border-radius:36% 64% 56% 44%/38% 34% 66% 62%}}@keyframes lavaE{0%,to{transform:translateY(12vh) scale(1);border-radius:56% 44% 47% 53%}50%{transform:translateY(-14vh) scale(1.06,.95);border-radius:44% 56% 53% 47%}}@keyframes lavaF{0%,to{transform:translateY(6vh) scale(.9);border-radius:50%}50%{transform:translateY(-17vh) scale(1.06);border-radius:53% 47% 46% 54%}}.lava:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(125% 95% at 50% 45%,#03071300 52%,#03071380),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E")}.page{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(40px,7vh,96px) 24px 80px}header.hero{text-align:center;margin-bottom:clamp(36px,6vh,72px);position:relative}header.hero:before{content:"";position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:min(940px,98%);height:150%;z-index:-1;pointer-events:none;filter:blur(16px);background:radial-gradient(58% 56% at 50% 50%,#04091ad1,#04091a4d 62%,#04091a00 78%)}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);padding:9px 18px 9px 16px;border:1.5px solid var(--line-2);border-radius:999px;background:#22d3ee1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 26px -6px #22d3ee8c}.eyebrow svg{width:18px;height:18px}h1.title{font-family:var(--font-display);font-weight:800;font-size:clamp(58px,11vw,148px);line-height:.92;letter-spacing:-.02em;margin:20px 0 0;background:linear-gradient(180deg,#fff,#cde8ff 44%,#5eb6ff);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:6px #05060f;paint-order:stroke fill;filter:drop-shadow(3px 4px 0 #05060f) drop-shadow(0 6px 40px rgba(56,189,248,.35))}h1.title .of{font-weight:500;font-style:italic;background:linear-gradient(180deg,#ffd9a3,#ff7a18);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding:0 .08em}.subtitle{margin:18px auto 0;max-width:580px;font-size:clamp(15px,1.7vw,19px);color:#cad9f4;font-weight:500;text-shadow:0 2px 20px rgba(4,9,26,.85)}.grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(264px,1fr))}.card{position:relative;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#111e40bd,#081028d1);border:1.6px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);box-shadow:0 1px #ffffff0f inset,0 26px 54px -28px #000000e6;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out);display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);border-color:var(--line-2)}.card.live:hover{box-shadow:0 1px #ffffff0f inset,0 30px 60px -26px #000000e6,0 0 0 1px #22d3ee59,0 18px 50px -18px #22d3ee66}.card.soon:hover{box-shadow:0 1px #ffffff0f inset,0 30px 60px -26px #000000e6,0 18px 50px -20px #ff7a1866}.thumb{position:relative;aspect-ratio:5 / 4;overflow:hidden}.thumb .badge{position:absolute;top:12px;right:12px;z-index:3;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.04em;padding:6px 13px;border:2.5px solid var(--stamp-ink);border-radius:9px;box-shadow:3px 3px 0 var(--stamp-ink);transform:rotate(-4deg)}.badge.soon{background:var(--orange);color:#2a1402}.badge.live{background:var(--cyan);color:#042b30}.meta{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.meta h3{font-family:var(--font-display);font-weight:800;font-size:27px;line-height:1;margin:0;color:var(--ice)}.meta .genre{font-family:var(--font-body);font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.meta .soon-genre{color:var(--amber)}.meta p{margin:2px 0 0;font-size:13.5px;line-height:1.5;color:var(--muted);flex:1}.btn{align-self:flex-start;margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:16px;padding:12px 24px 12px 20px;border-radius:999px;border:none;cursor:pointer;text-decoration:none;transition:transform .12s var(--ease-out),box-shadow .12s var(--ease-out),filter .12s var(--ease-out)}.btn.play{color:#042b30;background:linear-gradient(135deg,#5ef0ff,#22d3ee 40%,#3b82f6);box-shadow:3px 3px 0 var(--stamp-ink),0 0 30px -6px #22d3ee99}.btn.play:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:4px 4px 0 var(--stamp-ink),0 0 40px -4px #22d3eecc}.btn.play:active{transform:translateY(1px);box-shadow:1px 1px 0 var(--stamp-ink),0 0 20px -6px #22d3ee80}.btn.play svg{width:16px;height:16px}.btn.locked{color:var(--muted);background:#ffffff0a;border:1px solid var(--line);cursor:not-allowed;font-weight:600;font-family:var(--font-body);letter-spacing:.04em;padding:10px 20px}.btn.locked svg{width:15px;height:15px}.ph{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}.ph .ghostnum{position:absolute;font-family:var(--font-display);font-weight:800;font-size:130px;line-height:1;color:#ffffff0d;right:8px;bottom:-26px;-webkit-user-select:none;user-select:none}.ph .glyph{position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;border-radius:24px;color:#eaf3ff;background:#ffffff14;border:1.5px solid rgba(234,243,255,.24);box-shadow:inset 0 1px #fff3,0 12px 26px -10px #0009}.ph .glyph svg{width:46px;height:46px;stroke-width:1.75}.ph .pulse{position:absolute;width:190px;height:190px;border-radius:50%;filter:blur(30px);opacity:.95;mix-blend-mode:screen;animation:phfloat 9s var(--ease-out) infinite}@keyframes phfloat{0%,to{transform:translate(-18px,12px) scale(1)}50%{transform:translate(20px,-14px) scale(1.18)}}.fb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}footer.foot{text-align:center;margin-top:clamp(48px,8vh,84px)}footer.foot .rule{width:60px;height:3px;margin:0 auto 18px;border-radius:3px;background:linear-gradient(90deg,var(--cyan),var(--orange))}footer.foot p{font-family:var(--font-cond);font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:14px;color:var(--muted);margin:0}@media (prefers-reduced-motion: reduce){.blob,.ph .pulse{animation:none}}.menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,#16203a,#0a0d16 72%);font-family:Barlow,system-ui,sans-serif;color:#fff;overflow:auto}.menu-scroll{width:min(92%,760px);padding:3% 0}.menu-home{display:inline-block;margin-bottom:2%;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#0e101899;color:#cfe0ff;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.08em;font-size:clamp(12px,1.6vw,15px);cursor:pointer}.menu-home:hover{filter:brightness(1.2);border-color:#ffffff59}.menu-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(28px,5vw,52px);letter-spacing:.04em;text-align:center;margin:0 0 4%;text-shadow:0 6px 30px rgba(0,0,0,.6)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,36px)}@media (max-width: 620px){.menu-grid{grid-template-columns:1fr}}.field-label{font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.12em;font-size:clamp(11px,1.5vw,14px);opacity:.7;margin-bottom:6px}.menu-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#080c16b3;color:#fff;font:inherit;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.menu-input:focus{outline:none;border-color:#4ad6ff}.seg{display:flex;gap:8px}.seg-wrap{flex-wrap:wrap}.seg-btn{flex:1;min-width:0;padding:10px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#080c1699;color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.06em;font-size:clamp(13px,1.7vw,17px);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:filter .12s ease,border-color .12s ease}.seg-btn.sm{flex:0 0 auto;padding:8px 14px}.seg-btn:hover{filter:brightness(1.12)}.seg-btn.on{border-color:#fff;background:#ffffff29}.dot-chip{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.3)}.gk-head{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.14em;font-size:clamp(14px,2vw,20px);margin-bottom:8px}.gk-preview{position:relative;width:100%;height:clamp(150px,26vw,210px);overflow:hidden;border-radius:12px;background:linear-gradient(180deg,#2f7d33,#1f5e26);border:1px solid rgba(255,255,255,.12);margin-bottom:14px}.gk-pitch{position:absolute;bottom:0;top:auto;height:33%;left:50%;width:900px;transform:translate(-50%)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:8px;border:2px solid rgba(255,255,255,.25);cursor:pointer;padding:0}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #4ad6ff}.menu-play{display:block;width:100%;margin-top:6%;padding:16px;border:none;border-radius:14px;background:linear-gradient(180deg,#6ce98a,#34c75e);color:#06121f;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:clamp(20px,3vw,28px);letter-spacing:.06em;cursor:pointer;transition:transform .08s ease,filter .15s ease}.menu-play:hover{filter:brightness(1.06)}.menu-play:active{transform:translateY(1px) scale(.995)}.menu-back{position:absolute;top:3%;left:50%;transform:translate(-50%);z-index:20;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#0e1018b8;color:#fff;font-family:Barlow Condensed,sans-serif;font-weight:700;letter-spacing:.06em;font-size:clamp(11px,1.5vw,16px);cursor:pointer;pointer-events:auto}.menu-back:hover{filter:brightness(1.15)}.stage{position:relative;width:min(100vw,177.78vh);height:min(56.25vw,100vh);overflow:hidden;box-shadow:0 0 80px #000000b3;background:#0a0d16}.net-bulge{animation:netbulge .48s cubic-bezier(.2,.9,.3,1)}@keyframes netbulge{0%{transform:translate(-50%,-50%) scale(.15);opacity:.85}45%{transform:translate(-50%,-50%) scale(1.05);opacity:.6}to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@keyframes rbpop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.burst-ring{position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;border:4px solid rgba(255,226,120,.9);transform:translate(-50%,-50%);animation:burstring .6s ease-out forwards}@keyframes burstring{0%{width:10px;height:10px;opacity:1}to{width:220px;height:220px;opacity:0}}.confetti{position:absolute;left:0;top:0;width:9px;height:14px;border-radius:2px;transform:translate(-50%,-50%);animation:confettifly .85s cubic-bezier(.15,.7,.3,1) forwards}@keyframes confettifly{0%{transform:translate(-50%,-50%) rotate(0) scale(1.1);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(.4);opacity:0}}.feather{position:absolute;left:0;top:0;width:13px;height:8px;border-radius:80% 15%/65% 35%;box-shadow:inset 0 0 0 1px #0000000f;transform:translate(-50%,-50%);animation:featherfly 1.2s cubic-bezier(.25,.6,.4,1) forwards}@keyframes featherfly{0%{transform:translate(-50%,-50%) rotate(0) scale(1.1);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(var(--rot)) scale(.7);opacity:0}}.prize-pop{position:absolute;left:0;top:0;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;animation:prizepop .56s cubic-bezier(.2,1.5,.4,1) forwards}@keyframes prizepop{0%{transform:translate(-50%,-30%) scale(.2);opacity:0}60%{transform:translate(-50%,-60%) scale(1.15);opacity:1}to{transform:translate(-50%,-55%) scale(1);opacity:1}}.prize-art{width:64px;height:64px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.prize-label{font-family:Barlow Condensed,sans-serif;font-weight:800;letter-spacing:.06em;font-size:clamp(13px,1.9vw,20px);color:#ffe27a;text-shadow:0 2px 10px rgba(0,0,0,.7);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important}}html,body{margin:0;height:100%;background:#05070d;overflow:hidden;font-family:Barlow,system-ui,sans-serif;color-scheme:dark}#root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}*{box-sizing:border-box}