/* Catalyst RSPS theme refinement — intentionally texture-free */
:root{--bg:#07070a;--bg2:#0c0b11;--panel:#111017;--panel2:#17141f;--purple:#a66bff;--bright:#d6b6ff;--deep:#7140ca;--text:#f7f5fa;--muted:#a39dac;--line:rgba(255,255,255,.095);--serif:'Cinzel',serif;--sans:'Inter',sans-serif}
html{background:#07070a}body{background:linear-gradient(180deg,#07070a 0,#0a080e 55%,#07070a 100%);min-height:100vh}body:before{background:radial-gradient(ellipse at 50% -10%,rgba(128,65,218,.16),transparent 38%);opacity:1}.noise,.cursor-glow{display:none!important}
.nav{height:80px;padding:0 max(28px,5vw);background:rgba(7,7,10,.95);border-bottom:1px solid rgba(178,118,255,.13);box-shadow:0 8px 30px rgba(0,0,0,.2)}.brand{width:172px}.nav nav{gap:32px}.nav nav a,.nav-login{font-size:10px;font-weight:600;letter-spacing:.16em}.nav nav a.active:after{width:18px;height:1px;transform:none;margin-top:10px}.nav-actions{gap:14px}.btn{border-radius:3px;background:linear-gradient(135deg,#9c59f2,#6934bd);border:1px solid rgba(213,174,255,.25);box-shadow:inset 0 1px rgba(255,255,255,.12);font-weight:700}.btn:hover{box-shadow:0 10px 30px rgba(111,52,196,.35),inset 0 1px rgba(255,255,255,.15)}.btn-ghost{background:#100e15}.points{padding:9px 12px;border:1px solid var(--line);background:#0d0b11;border-radius:3px}
.hero{min-height:760px;padding:90px 9vw;background:linear-gradient(90deg,rgba(7,7,10,.99) 0%,rgba(7,7,10,.94) 46%,rgba(7,7,10,.35) 75%,rgba(7,7,10,.8) 100%);border-bottom:1px solid var(--line)}.hero:after{content:'';position:absolute;left:9vw;right:9vw;bottom:0;height:1px;background:linear-gradient(90deg,var(--purple),transparent 30%);opacity:.35}.hero-copy{max-width:760px}.hero h1{font-size:clamp(58px,7vw,104px);line-height:.96;letter-spacing:-.04em}.hero h1 em{background:linear-gradient(90deg,#c08aff,#8751db);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:14px;max-width:620px}.hero-mark{right:-11%;top:14%;width:59%;opacity:.72}.mark-halo{border-color:rgba(166,107,255,.08);box-shadow:0 0 100px rgba(110,52,195,.1)}.orb,.hero-runes{display:none}.stats{margin-top:58px}.stats strong{font-size:20px}.stats div{border-left-color:rgba(174,108,255,.3)}
.section{padding:90px 9vw}.features{background:#0a090d}.features .section-kicker{display:flex;align-items:center;gap:12px}.features .section-kicker:before{content:'';width:28px;height:1px;background:var(--purple)}.section h2,.cta h2{letter-spacing:-.02em}.feature-grid{gap:16px;background:transparent}.feature-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#111017,#0b0a0e);padding:38px}.feature-grid article:hover{border-color:rgba(173,112,255,.32);background:#14111a}.feature-grid article>span{font-size:9px;color:#62566e}.feature-icon{border-radius:3px;background:rgba(146,83,228,.07)}.feature-grid h3{font-size:15px}.cta{padding:100px 20px;background:linear-gradient(180deg,#0b0910,#08070a)}
.page-hero{min-height:330px;padding:80px 20px 60px;background:linear-gradient(180deg,rgba(108,48,189,.12),transparent),#09080c}.page-hero h1{font-size:clamp(43px,5vw,70px);letter-spacing:-.025em}.page-hero:after{content:'';width:70px;height:1px;background:var(--purple);margin-top:25px;box-shadow:0 0 15px var(--purple)}
.panel{border-radius:4px;background:linear-gradient(145deg,#15131c,#0e0c12);box-shadow:0 16px 45px rgba(0,0,0,.18)}
.cards{gap:18px}.action-card{padding:38px}.action-card:hover{border-color:rgba(170,109,252,.3)}
.store-grid{gap:18px}.product{padding:20px}.product-art{height:160px;border-radius:3px;background:radial-gradient(circle,rgba(143,74,225,.18),transparent 44%),#0a090d}.product h2{margin-top:25px}.buy-row{border-top:1px solid var(--line);padding-top:20px}
.news-grid{gap:18px}.news-card{border-radius:4px;overflow:hidden;background:#100e15;transition:.3s}.news-card:hover{transform:translateY(-4px);border-color:rgba(165,103,248,.3)}.news-visual{height:180px}.news-body{padding:25px}.news-body h2{font-size:18px}.news-body p{min-height:66px}
.account-page{min-height:calc(100vh - 80px);padding:60px 6vw;background:radial-gradient(circle at 20% 45%,rgba(123,59,208,.14),transparent 29%),#08070a}.portal-wrap{max-width:1050px;border-radius:5px;overflow:hidden;border-color:rgba(185,125,255,.17);box-shadow:0 35px 90px rgba(0,0,0,.5)}.portal-intro{background:linear-gradient(145deg,rgba(26,19,36,.97),rgba(13,11,17,.99));padding:52px 58px}.portal-intro:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--purple),transparent 65%)}.portal-logo{width:190px;margin-bottom:42px}.portal-intro h1{font-size:clamp(34px,4vw,50px)}.portal-card{padding:48px 52px;background:#100e14}.portal-card-head h2{font-size:27px}.portal-card input{border-radius:3px;background:#09080b}.portal-card input:hover{border-color:rgba(255,255,255,.16)}
.download-hero{padding:80px 9vw 62px;background:linear-gradient(180deg,rgba(113,52,194,.13),transparent),#09080c}.download-hero h1{font-size:clamp(48px,6vw,76px)}.download-section{padding:60px 9vw 90px}.launcher-grid{gap:15px}.launcher-card{border-radius:4px;background:linear-gradient(145deg,#15121b,#0d0c10);box-shadow:0 14px 35px rgba(0,0,0,.16)}.launcher-card:hover{background:#17131e}.launcher-icon{border-radius:4px}.quick-start{border-radius:4px;background:#0e0c12}
.toast{border-radius:3px;top:95px;background:#16111d}footer{background:#060609;padding:38px 5vw;border-top-color:rgba(174,109,255,.12)}
@media(max-width:900px){.nav{height:72px}.hero{min-height:680px;padding-top:70px}.hero-mark{right:-52%;width:110%;opacity:.18}.feature-grid{gap:12px}.account-page{min-height:calc(100vh - 72px)}.portal-intro{padding:36px}.portal-card{padding:40px 36px}.download-hero{padding-top:65px}}
@media(max-width:520px){.nav{padding:0 16px}.brand{width:136px}.hero{padding-left:6vw;padding-right:6vw}.hero h1{font-size:52px}.section{padding:65px 6vw}.feature-grid article{padding:30px 25px}.portal-intro,.portal-card{padding:30px 24px}.page-hero{padding-top:65px}.download-section{padding-left:5vw;padding-right:5vw}.launcher-card{padding:22px}.toast{left:14px;right:14px;top:85px}}

/* Simple account forms */
.account-page{padding:55px 20px}.portal-wrap{width:min(460px,100%);display:block;border-color:rgba(185,125,255,.2)}.portal-intro{padding:24px 30px;background:#0c0a10;border-bottom:1px solid var(--line)}.portal-intro:before,.portal-intro:after,.portal-intro>.portal-label,.portal-intro>h1,.portal-intro>p,.portal-intro>ul,.portal-intro>.portal-status{display:none}.portal-logo{width:190px;margin:0 auto}.portal-card{padding:38px 42px 42px}.portal-card-head{text-align:center;margin-bottom:18px}.portal-card-head h2{font-size:25px;margin-top:10px}.portal-card-head p{font-size:11px}.portal-card label{font-size:9px;letter-spacing:.12em}.portal-card input{padding:14px}.portal-card .btn{margin-top:22px}.portal-terms{text-align:center;margin-top:15px!important}.portal-terms a{color:#ad77f1;text-decoration:none}.portal-terms a:hover{text-decoration:underline}.portal-switch{justify-content:center;gap:9px;flex-wrap:wrap}.portal-switch a{white-space:nowrap}

/* Legal and rules pages */
.legal-hero{text-align:center;padding:80px 20px 55px;background:linear-gradient(180deg,rgba(113,52,194,.13),transparent),#09080c;border-bottom:1px solid var(--line)}.legal-hero h1{font:500 clamp(38px,5vw,62px)/1.1 var(--serif);text-transform:uppercase;letter-spacing:-.025em;margin:17px 0}.legal-hero>p:last-child{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#756d7e}.legal-page{width:min(850px,88vw);margin:0 auto;padding:65px 0 100px}.legal-page .legal-lead{font-size:15px;color:#c6bfcc;line-height:1.8;padding:0 0 28px;border-bottom:1px solid var(--line);margin:0 0 38px}.legal-page h2{font:600 16px var(--serif);text-transform:uppercase;letter-spacing:.025em;color:#eee8f3;margin:36px 0 12px}.legal-page p{font-size:13px;line-height:1.8;color:#9a93a2}.legal-page a{color:#b77cf8}.rules-page h2{display:flex;align-items:center;gap:14px}.rules-page h2 span{color:var(--purple);font:600 10px var(--sans);border:1px solid rgba(174,109,255,.3);width:30px;height:30px;display:grid;place-items:center;border-radius:3px}.rules-page h2+p{padding-left:44px}
@media(max-width:520px){.account-page{padding:35px 14px}.portal-intro{padding:20px}.portal-logo{width:165px}.portal-card{padding:32px 24px 36px}.legal-page{width:88vw;padding:48px 0 75px}.rules-page h2+p{padding-left:0}}

/* Brighter shared chrome and illustrated homepage */
body{background:linear-gradient(180deg,#100b16 0,#0d0a12 30%,#0a090d 100%)}body:before{background:radial-gradient(ellipse at 50% -5%,rgba(170,102,255,.22),transparent 38%),radial-gradient(circle at 90% 42%,rgba(111,60,168,.1),transparent 26%)}body:not([data-page="home"]) main{background:linear-gradient(180deg,rgba(25,16,34,.56),rgba(10,9,13,.92))}
.nav{background:linear-gradient(90deg,rgba(24,15,32,.97),rgba(15,11,21,.96) 48%,rgba(28,17,38,.97));border-bottom-color:rgba(202,155,255,.23);box-shadow:0 8px 35px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035)}.nav:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,112,255,.55),transparent);opacity:.55}.nav nav a{color:#c9c0d1}.nav nav a:hover,.nav nav a.active{color:#fff}.nav-login{color:#d8cce3}
.hero{background:radial-gradient(circle at 78% 37%,rgba(148,75,235,.19),transparent 30%),linear-gradient(90deg,rgba(13,9,17,.98),rgba(18,11,25,.88) 48%,rgba(20,12,28,.55));}.hero-copy{filter:drop-shadow(0 10px 30px rgba(0,0,0,.16))}.hero .lead{color:#bab2c2}.features{background:linear-gradient(180deg,#100c16,#0b0a0e)}
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-grid article{padding:0 0 32px;background:linear-gradient(180deg,#17121e,#100d15);border-color:rgba(255,255,255,.11);overflow:hidden;border-radius:5px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.feature-grid article:hover{background:#18121f;box-shadow:0 25px 55px rgba(0,0,0,.32)}.feature-grid article>span{top:19px;right:19px;z-index:2;color:#fff;background:rgba(14,9,19,.68);border:1px solid rgba(255,255,255,.18);padding:7px 9px;border-radius:2px;backdrop-filter:blur(8px)}.feature-image{height:210px;overflow:hidden;position:relative;background:#17101f}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#17121e),linear-gradient(90deg,rgba(96,40,150,.08),transparent)}.feature-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease,filter .4s;filter:saturate(.88) contrast(1.03)}.feature-grid article:hover .feature-image img{transform:scale(1.045);filter:saturate(1.05)}.feature-grid .feature-icon{width:38px;height:38px;margin:-18px 0 24px 30px;position:relative;z-index:2;background:#21152d;border-color:rgba(205,155,255,.42);box-shadow:0 8px 22px rgba(0,0,0,.35)}.feature-grid h3,.feature-grid p{margin-left:30px;margin-right:30px}.feature-grid h3{font-size:14px;margin-top:0}.feature-grid p{color:#a9a1b0}
.page-hero,.legal-hero,.download-hero{background:radial-gradient(circle at 50% 0,rgba(157,83,235,.2),transparent 42%),linear-gradient(180deg,#15101d,#0d0a12)}.account-page{background:radial-gradient(circle at 50% 12%,rgba(160,88,238,.18),transparent 30%),linear-gradient(180deg,#130e19,#09080b)}.download-section,.legal-page{position:relative}.panel,.launcher-card,.news-card{border-color:rgba(255,255,255,.12)}footer{background:linear-gradient(90deg,#0d0911,#08070a,#0d0911);border-top-color:rgba(187,126,255,.2)}
@media(max-width:900px){.feature-grid{grid-template-columns:1fr}.feature-image{height:250px}.nav{background:rgba(20,14,27,.98)}}

/* Navigation actions and store promotions */
.nav .nav-play{color:#fff!important;padding:10px 18px;border:1px solid rgba(194,139,255,.36);border-radius:3px;background:linear-gradient(135deg,rgba(158,88,238,.28),rgba(105,49,181,.18));box-shadow:0 0 0 rgba(163,92,245,0);animation:playPulse 2.4s ease-in-out infinite}.nav .nav-play:before{content:'▶';font-size:7px;margin-right:8px;color:#d7b8ff}.nav .nav-play.active:after{display:none}.nav .nav-play:hover{background:linear-gradient(135deg,rgba(173,99,255,.48),rgba(113,53,194,.32));border-color:rgba(213,174,255,.62)}
.btn-discord{padding:11px 15px;gap:8px;background:#5865f2;border-color:rgba(184,190,255,.38);box-shadow:none}.btn-discord:hover{box-shadow:0 9px 25px rgba(88,101,242,.3)}.nav-discord-mobile{display:none}
.product{position:relative;overflow:hidden}.sale-badge{position:absolute;z-index:3;top:32px;right:-39px;width:150px;padding:8px 0;text-align:center;transform:rotate(45deg);background:linear-gradient(90deg,#8f46e4,#bd78ff);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 8px 18px rgba(0,0,0,.3)}.buy-row strong{display:flex;align-items:baseline;gap:8px}.buy-row del{font:500 13px var(--sans);color:#766d7e;text-decoration-color:#b86dff}.buy-row del:after{content:' CP';font-size:7px;text-decoration:none}
@keyframes playPulse{0%,100%{box-shadow:0 0 0 0 rgba(164,94,245,0),0 0 16px rgba(154,81,234,.08)}50%{box-shadow:0 0 0 5px rgba(164,94,245,.07),0 0 24px rgba(154,81,234,.25)}}
@media(max-width:900px){.btn-discord{display:none}.nav-discord-mobile{display:block!important;color:#aeb5ff!important}.nav .nav-play{padding:9px 14px;width:max-content}.nav nav{gap:24px}.product .sale-badge{top:30px}}
@media(prefers-reduced-motion:reduce){.nav .nav-play{animation:none}}

/* Unified navigation: Play shimmer and inline Discord */
.nav .nav-play{padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:playTextShimmer 2.6s ease-in-out infinite}.nav .nav-play:before{display:none}.nav .nav-play:hover{background:none;border:0;box-shadow:none}.nav .nav-play.active:after{display:block}.nav .nav-discord{display:block;color:#bdb5c6}.nav .nav-discord:hover{color:#c6a2ff}
@keyframes playTextShimmer{0%,100%{color:#b8b0c2;text-shadow:none}50%{color:#d6b4ff;text-shadow:0 0 10px rgba(174,105,255,.72),0 0 22px rgba(145,74,230,.35)}}
@media(max-width:900px){.nav .nav-play{padding:0;width:auto}.nav .nav-discord{display:block!important}}
@media(prefers-reduced-motion:reduce){.nav .nav-play{animation:none;color:#caa0ff}}

/* Strong text-only Play animation and one-line desktop navigation */
.nav nav{align-items:center;flex-wrap:nowrap;white-space:nowrap}.nav nav>a{flex:0 0 auto}.nav .nav-discord{display:inline-flex!important;align-items:center;margin:0;padding:0}
@media(max-width:1100px) and (min-width:901px){.nav{padding-left:3vw;padding-right:3vw}.nav nav{gap:22px}.brand{width:150px}.nav-actions{gap:10px}.nav-actions .btn{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.nav .nav-play{animation:none;background:#c995ff;-webkit-background-clip:text;background-clip:text}}

/* Stable boxed active navigation state */
.nav nav>a,.nav .nav-play,.nav .nav-discord{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:0 14px!important;border:1px solid transparent!important;border-radius:3px!important;line-height:1!important}.nav nav>a:after{display:none!important}.nav nav>a.active{color:#fff;background:linear-gradient(180deg,rgba(86,53,112,.42),rgba(36,25,46,.58));border-color:rgba(190,132,255,.28)!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 5px 16px rgba(0,0,0,.16)}.nav nav>a.active:hover{background:linear-gradient(180deg,rgba(104,62,139,.48),rgba(43,28,56,.64));border-color:rgba(201,151,255,.4)!important}
@media(max-width:900px){.nav nav>a,.nav .nav-play,.nav .nav-discord{width:max-content;min-height:36px;padding:0 12px!important}}

/* Readable navigation labels and conflict-free Play animation */
.nav nav>a{font-size:11px!important;font-weight:700!important}.nav .nav-play{-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:#cda3ff;text-shadow:none;filter:none;animation:playColor 2.4s ease-in-out infinite}.nav .nav-play:not(.active){background:transparent!important}.nav .nav-play:hover{animation-play-state:paused;color:#eadcff!important;-webkit-text-fill-color:#eadcff!important;text-shadow:0 0 12px rgba(179,111,255,.65)}.nav .nav-play.active{color:#e9d8ff!important;-webkit-text-fill-color:#e9d8ff!important;background:linear-gradient(180deg,rgba(86,53,112,.42),rgba(36,25,46,.58))!important}.nav .nav-play.active:hover{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(180deg,rgba(104,62,139,.48),rgba(43,28,56,.64))!important}
@keyframes playColor{0%,100%{color:#b97aff;text-shadow:0 0 4px rgba(166,91,245,.18)}50%{color:#f0e2ff;text-shadow:0 0 12px rgba(181,112,255,.75),0 0 24px rgba(138,68,222,.32)}}
@media(prefers-reduced-motion:reduce){.nav .nav-play{animation:none;color:#d3a9ff!important}}

/* Live homepage activity */
.hero-copy{width:min(760px,72%)}.hero{background:radial-gradient(ellipse at 78% 48%,rgba(145,75,226,.18),transparent 28%),linear-gradient(110deg,#0c0910 0%,#171021 54%,#0d0912 100%)}.hero:before{content:'';position:absolute;width:480px;height:480px;right:7%;top:12%;border:1px solid rgba(184,117,255,.07);border-radius:50%;box-shadow:0 0 120px rgba(126,57,205,.1),inset 0 0 90px rgba(126,57,205,.05)}
.server-pulse{background:linear-gradient(180deg,#0c0a10,#100b16);border-top:1px solid var(--line)}.pulse-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.pulse-heading h2{margin:13px 0 0}.live-indicator{font-size:8px;letter-spacing:.18em;color:#93899c;padding:10px 13px;border:1px solid var(--line);border-radius:3px}.live-indicator i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:8px;background:#61d88c;box-shadow:0 0 10px #61d88c;animation:livePulse 1.8s ease-in-out infinite}.activity-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:16px}.activity-panel{background:linear-gradient(145deg,#17121e,#0e0c12);border:1px solid rgba(255,255,255,.1);border-radius:5px;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.18)}.activity-panel>header{display:flex;gap:14px;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.activity-panel>header>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(176,111,255,.3);color:#bd88ff;background:rgba(140,72,224,.08);transform:rotate(45deg)}.activity-panel header h3{font:600 13px var(--serif);text-transform:uppercase;margin:0 0 4px}.activity-panel header p{font-size:9px;color:#736b7c;margin:0}.activity-list{padding:7px 22px}.drop-row,.voter-row{display:flex;align-items:center;min-height:58px;border-bottom:1px solid rgba(255,255,255,.06)}.drop-row:last-child,.voter-row:last-child{border-bottom:0}.drop-row .rarity{width:7px;height:7px;border-radius:50%;margin-right:13px;background:#9d62df;box-shadow:0 0 8px rgba(157,98,223,.5)}.drop-row .rarity.very_rare{background:#d178ff;box-shadow:0 0 9px #9f52df}.drop-row .rarity.legendary{background:#f0bb5c;box-shadow:0 0 10px rgba(240,187,92,.7)}.drop-row>div{display:grid;gap:3px}.drop-row strong{font-size:11px}.drop-row span{font-size:9px;color:#817989}.drop-row time{margin-left:auto;color:#635b69;font-size:8px}.event-row{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}.event-row:last-child{border:0}.event-row>time{text-align:center;color:#8e8498;font-size:7px;letter-spacing:.08em}.event-row>time b{display:block;font:600 19px var(--serif);color:#c69aff}.event-row>div>span{text-transform:uppercase;color:#9c63df;font-size:7px;letter-spacing:.15em}.event-row strong{display:block;font:600 11px var(--serif);text-transform:uppercase;margin:5px 0}.event-row p{font-size:9px;color:#716a78;margin:0;line-height:1.5}.voter-row>b{width:28px;color:#72647e;font:500 10px var(--serif)}.voter-row>strong{font-size:10px}.voter-row>span{margin-left:auto;color:#a56cff;font-size:8px}.panel-link{display:block;padding:15px 22px;border-top:1px solid var(--line);color:#b77cff;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:8px}.activity-empty{padding:28px 8px;color:#756d7d;font-size:10px;line-height:1.6;text-align:center}.activity-empty:before{content:'◇';display:block;color:#654a7c;font-size:20px;margin-bottom:10px}@keyframes livePulse{50%{opacity:.45;transform:scale(.75)}}
@media(max-width:1000px){.activity-grid{grid-template-columns:1fr 1fr}.voters-panel{grid-column:1/-1}.voter-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 25px}}
@media(max-width:700px){.hero-copy{width:100%}.hero:before{right:-65%;opacity:.5}.pulse-heading{align-items:flex-start;flex-direction:column;gap:15px}.activity-grid{grid-template-columns:1fr}.voters-panel{grid-column:auto}.voter-list{display:block}.activity-panel>header{padding:20px}.activity-list{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){.live-indicator i{animation:none}}

/* Compact live dashboard inside homepage hero */
.hero{display:flex;align-items:center;justify-content:space-between;gap:5vw}.hero-copy{width:min(680px,55%)}.hero:before{opacity:.45}.hero-activity{width:min(455px,39%);position:relative;z-index:2;border:1px solid rgba(207,160,255,.18);border-radius:6px;background:linear-gradient(145deg,rgba(28,19,38,.94),rgba(12,10,16,.96));box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(15px);overflow:hidden}.hero-activity>header{height:53px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.hero-activity>header>div{display:flex;align-items:center;gap:10px}.hero-activity>header i{width:7px;height:7px;border-radius:50%;background:#5ddd8a;box-shadow:0 0 10px #5ddd8a;animation:livePulse 1.8s ease-in-out infinite}.hero-activity>header span{font:600 10px var(--serif);text-transform:uppercase;letter-spacing:.1em}.hero-activity>header small{font-size:7px;letter-spacing:.18em;color:#6fdc98}.hero-feed{padding:17px 20px 12px}.feed-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.feed-title>span{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#ae76ed}.feed-title>small{font-size:7px;color:#5e5665}.hero-drop{display:flex;align-items:center;min-height:45px;border-bottom:1px solid rgba(255,255,255,.055)}.hero-drop:last-child{border:0}.hero-drop>i{width:6px;height:6px;border-radius:50%;margin-right:11px;background:#9561d2;box-shadow:0 0 7px #8654bd}.hero-drop>i.very_rare{background:#ce78ff;box-shadow:0 0 8px #b35ee8}.hero-drop>i.legendary{background:#f0ba5d;box-shadow:0 0 9px #d99f3e}.hero-drop>div{display:grid;gap:3px}.hero-drop strong{font-size:9px}.hero-drop span{font-size:8px;color:#8e8596}.hero-drop time{margin-left:auto;font-size:7px;color:#5f5765}.hero-activity-bottom{display:grid;grid-template-columns:1.1fr .9fr;border-top:1px solid rgba(255,255,255,.08);background:rgba(4,3,6,.18)}.hero-events,.hero-voters{padding:16px 18px}.hero-voters{border-left:1px solid rgba(255,255,255,.08)}.hero-event{display:flex;align-items:center;gap:10px;min-height:50px}.hero-event>time{width:30px;text-align:center;color:#8d8296;font-size:6px}.hero-event>time b{display:block;color:#c798ff;font:600 15px var(--serif)}.hero-event>div{display:grid;gap:3px}.hero-event strong{font-size:8px}.hero-event span{font-size:6px;text-transform:uppercase;color:#766d7e;letter-spacing:.1em}.hero-voter{display:grid;grid-template-columns:18px 1fr auto;align-items:center;min-height:30px;border-bottom:1px solid rgba(255,255,255,.045)}.hero-voter>b{color:#775c8e;font:600 8px var(--serif)}.hero-voter>span{font-size:8px}.hero-voter>small{font-size:7px;color:#ac72ed}.hero-voters>a{display:inline-block;margin-top:12px;color:#b87cf7;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:7px}.hero-empty{font-size:8px;color:#6f6676;margin:15px 0}.features{border-top:1px solid rgba(185,122,255,.13)}
@media(max-width:1100px){.hero{gap:3vw;padding-left:6vw;padding-right:6vw}.hero-copy{width:54%}.hero-activity{width:43%}.hero h1{font-size:clamp(52px,7vw,82px)}}
@media(max-width:850px){.hero{height:auto;min-height:0;padding-top:70px;padding-bottom:80px;align-items:stretch;flex-direction:column}.hero-copy{width:100%;max-width:680px}.hero-activity{width:100%;max-width:620px;margin-top:25px}.hero:before{display:none}.scroll{display:none}}
@media(max-width:480px){.hero-activity-bottom{grid-template-columns:1fr}.hero-voters{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.hero-activity{border-radius:4px}}
@media(prefers-reduced-motion:reduce){.hero-activity>header i{animation:none}}
