@import "tailwindcss";

:root { --ink:#08080b; --paper:#f0eee9; --purple:#9c37ff; --acid:#d8ff35; --line:rgba(255,255,255,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#fff; font-family:var(--font-geist-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.nav { height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(22px,5vw,78px); border-bottom:1px solid var(--line); position:relative; z-index:3; }
.brand { font-weight:900; letter-spacing:-.05em; font-size:20px; display:flex; align-items:center; gap:10px; }
.brand-dot,.eyebrow span,.live-pill span { width:8px; height:8px; background:var(--purple); border-radius:50%; box-shadow:0 0 16px var(--purple); display:inline-block; }
.trust-disclaimer { font:600 9px/1.55 var(--font-geist-mono); letter-spacing:.045em; }
.trust-disclaimer-header { position:relative; z-index:3; padding:10px clamp(22px,5vw,78px); color:#aaa4ae; background:#0c0a0f; border-bottom:1px solid var(--line); text-align:center; }
.nav-links { display:flex; gap:30px; align-items:center; font:600 12px var(--font-geist-mono); text-transform:uppercase; letter-spacing:.08em; }
.nav-cta { border:1px solid #fff; padding:12px 16px; transition:.2s; }
.nav-cta:hover,.actions a:hover { background:#fff; color:#08080b; }
.hero { min-height:680px; height:calc(100vh - 78px); position:relative; overflow:hidden; padding:clamp(70px,9vh,120px) clamp(22px,7vw,110px); background:radial-gradient(circle at 75% 45%,rgba(156,55,255,.19),transparent 27%),linear-gradient(120deg,#0b0a0e 40%,#15101b); }
.hero:before { content:""; position:absolute; inset:0; opacity:.14; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(90deg,transparent,#000); }
.eyebrow,.kicker { font:700 11px var(--font-geist-mono); letter-spacing:.18em; color:#bdb7c7; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.hero h1 { font-size:clamp(76px,12vw,180px); line-height:.76; letter-spacing:-.08em; margin:62px 0 40px; text-transform:uppercase; max-width:1000px; }
.hero h1 em { color:transparent; -webkit-text-stroke:2px var(--purple); font-style:normal; }
.portrait-table { position:relative; z-index:2; display:grid; grid-template-columns:repeat(7,minmax(78px,1fr)); gap:10px; max-width:900px; margin:-12px 0 28px; }
.portrait-table a { min-width:0; padding:10px 7px; border:1px solid rgba(255,255,255,.14); background:rgba(8,8,11,.72); display:flex; flex-direction:column; align-items:center; gap:7px; transition:.2s; }
.portrait-table a:hover,.portrait-table a:focus-visible { border-color:var(--purple); background:rgba(156,55,255,.16); transform:translateY(-3px); outline:none; }
.portrait-table img { width:58px; height:58px; border-radius:50%; object-fit:cover; border:2px solid var(--purple); box-shadow:0 0 18px rgba(156,55,255,.28); }
.portrait-table span { width:100%; overflow:hidden; text-overflow:ellipsis; text-align:center; white-space:nowrap; font:700 8px var(--font-geist-mono); letter-spacing:.04em; color:#ddd8e2; }
.hero>p { color:#b8b3bd; max-width:510px; font-size:18px; line-height:1.65; margin-left:clamp(0px,17vw,250px); }
.hero-mark { position:absolute; width:clamp(270px,37vw,560px); right:-6vw; bottom:-12vw; opacity:.54; filter:drop-shadow(0 0 30px rgba(156,55,255,.2)); }
.scroll-cue { position:absolute; bottom:38px; left:clamp(22px,7vw,110px); font:700 11px var(--font-geist-mono); text-transform:uppercase; letter-spacing:.16em; display:flex; gap:14px; align-items:center; }
.scroll-cue span { color:var(--acid); font-size:20px; }
.broadcast { padding:100px clamp(18px,5vw,78px) 120px; background:#0d0c10; }
.section-heading { max-width:1500px; margin:0 auto 35px; display:flex; align-items:end; justify-content:space-between; }
.section-heading h2,.about h2 { margin:10px 0 0; font-size:clamp(46px,6vw,88px); letter-spacing:-.06em; line-height:.93; text-transform:uppercase; }
.section-heading h2 i { color:var(--purple); font-style:normal; }
.live-pill { border:1px solid var(--line); padding:12px 16px; font:700 10px var(--font-geist-mono); letter-spacing:.13em; display:flex; gap:9px; align-items:center; }
.live-pill span { background:#ff315b; box-shadow:0 0 13px #ff315b; }
.media-grid { max-width:1500px; margin:auto; display:grid; grid-template-columns:minmax(0,2.35fr) minmax(310px,.85fr); gap:12px; background:#08080b; padding:12px; border:1px solid #2c2930; box-shadow:0 40px 90px #000; }
.player-shell { min-width:0; position:relative; padding-top:56.25%; background:#000; }
.player-shell iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.frame-label { position:absolute; z-index:1; top:16px; left:16px; background:#0a090c; color:#fff; padding:8px 10px; font:700 9px var(--font-geist-mono); letter-spacing:.15em; pointer-events:none; }
.chat-shell { min-height:420px; display:flex; flex-direction:column; border-left:1px solid #262329; }
.chat-heading { min-height:52px; padding:8px 14px; display:grid; grid-template-columns:1fr auto; align-items:center; font:700 10px var(--font-geist-mono); letter-spacing:.13em; color:#b7b2bc; }
.chat-heading small { grid-row:2; font:600 8px var(--font-geist-mono); letter-spacing:.08em; color:#716b76; text-transform:uppercase; }
.chat-heading b { grid-column:2; grid-row:1/3; }
.chat-heading b { color:var(--acid); }
.chat-shell iframe { width:100%; border:0; flex:1; background:#18181b; }
.watch-live { min-height:58px; flex:0 0 58px; display:flex; align-items:center; justify-content:space-between; padding:0 18px; background:var(--purple); color:#fff; font:800 11px var(--font-geist-mono); letter-spacing:.1em; text-transform:uppercase; transition:.2s; }
.watch-live span { font-size:18px; }.watch-live:hover { background:var(--acid); color:#0a090c; }
.mobile-note { display:none; }
.about { position:relative; overflow:hidden; color:#121116; background:var(--paper); padding:130px clamp(22px,7vw,110px); display:grid; grid-template-columns:minmax(0,1.1fr) minmax(320px,.72fr); gap:clamp(60px,8vw,130px); align-items:center; }
.about-number { position:absolute; top:-85px; left:-10px; font-size:clamp(220px,32vw,520px); font-weight:900; letter-spacing:-.11em; color:rgba(15,13,18,.035); line-height:1; }
.about-copy { position:relative; z-index:1; max-width:760px; }
.about .kicker { color:#6a6470; }
.about-copy>p { font-size:clamp(18px,2vw,25px); line-height:1.55; margin:38px 0; max-width:720px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #c8c3cb; border-bottom:1px solid #c8c3cb; padding:24px 0; }
.stats div { display:flex; flex-direction:column; gap:5px; border-right:1px solid #c8c3cb; padding-left:22px; }
.stats div:first-child { padding-left:0; }.stats div:last-child { border:0; }
.stats strong { font-size:30px; letter-spacing:-.05em; }.stats span { font:700 9px var(--font-geist-mono); letter-spacing:.12em; }
.actions { display:flex; gap:10px; margin-top:35px; }.actions a { border:1px solid #161319; padding:16px 21px; font:700 11px var(--font-geist-mono); text-transform:uppercase; letter-spacing:.1em; transition:.2s; }.actions .primary { background:#141117; color:#fff; }
.logo-card { background:#0b0a0d; min-height:570px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:35px; color:#fff; position:relative; box-shadow:18px 18px 0 var(--purple); }
.logo-card:before { content:""; position:absolute; inset:18px; border:1px solid rgba(255,255,255,.13); }
.logo-card img { width:min(92%,460px); position:relative; }.logo-card span,.logo-card small { z-index:1; font:700 9px var(--font-geist-mono); letter-spacing:.22em; text-align:center; color:#aaa4b0; }.logo-card span { margin-bottom:20px; }.logo-card small { margin-top:20px; line-height:1.7; }
footer { min-height:180px; padding:40px clamp(22px,5vw,78px); display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:#89838e; font:600 10px var(--font-geist-mono); letter-spacing:.1em; text-transform:uppercase; }
footer img { width:82px; } footer a { color:#fff; }
.footer-copy { max-width:820px; padding:0 24px; }
.footer-copy>p:first-child { margin-top:0; }
.trust-disclaimer-footer { margin:10px 0 0; color:#8f8994; text-transform:none; }
@media (max-width:900px) { .hero { min-height:620px; }.hero-mark { opacity:.3; width:400px; }.media-grid { grid-template-columns:1fr; }.chat-shell { min-height:500px; border-left:0; border-top:1px solid #262329; }.mobile-note { display:block; font-size:12px; color:#85808a; }.about { grid-template-columns:1fr; }.logo-card { min-height:440px; max-width:600px; }.nav-links>a:not(.nav-cta) { display:none; } }
@media (max-width:600px) { .nav { height:68px; }.nav-cta { padding:10px; }.hero { height:auto; min-height:640px; padding-top:72px; }.hero h1 { font-size:65px; margin-top:48px; }.hero>p { margin-left:0; font-size:16px; }.section-heading { align-items:start; gap:24px; flex-direction:column; }.broadcast { padding-top:75px; }.media-grid { padding:6px; }.chat-shell { min-height:450px; }.about { padding-top:90px; padding-bottom:100px; }.stats strong { font-size:23px; }.stats div { padding-left:10px; }.stats span { font-size:7px; }.actions { flex-direction:column; }.actions a { text-align:center; }.logo-card { min-height:380px; box-shadow:10px 10px 0 var(--purple); } footer { flex-direction:column; gap:25px; text-align:center; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none !important; } }

/* Mobile embed stability: keep off-screen sections cheap and load one channel at a time. */
.streamer { content-visibility:auto; contain-intrinsic-size:1200px; }
.load-channel { grid-column:1/-1; width:100%; min-height:340px; border:0; background:radial-gradient(circle at center,rgba(156,55,255,.16),transparent 45%),#0b0a0d; color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:35px; cursor:pointer; transition:.2s; }
.load-channel:hover,.load-channel:focus-visible { background-color:#15101b; outline:2px solid var(--purple); outline-offset:-2px; }
.load-channel .load-icon { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; padding-left:4px; background:var(--purple); box-shadow:0 0 28px rgba(156,55,255,.45); font-size:20px; }
.load-channel strong { font-size:clamp(20px,3vw,34px); letter-spacing:-.04em; text-transform:uppercase; }
.load-channel small { max-width:460px; color:#8b8590; font:600 10px var(--font-geist-mono); line-height:1.5; letter-spacing:.07em; text-transform:uppercase; }

/* WordPress renders both embed and mobile-loader shells; show the correct one. */
.streamer .load-channel { display:none; }
@media (max-width:900px) {
  .streamer:not(.embeds-loaded) .player-shell,
  .streamer:not(.embeds-loaded) .chat-shell { display:none; }
  .streamer:not(.embeds-loaded) .load-channel { display:flex; }
  .streamer.embeds-loaded .load-channel { display:none; }
}

/* Multi-streamer directory */
.hero-stack { position:absolute; right:clamp(20px,6vw,90px); bottom:55px; display:flex; align-items:end; gap:6px; opacity:.8; }
.hero-stack b { font-size:clamp(42px,5vw,76px); line-height:.7; letter-spacing:-.09em; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.23); }
.hero-stack b:nth-child(2) { color:var(--purple); -webkit-text-stroke:0; }
.hero-stack span { font:700 9px var(--font-geist-mono); color:var(--acid); letter-spacing:.16em; line-height:1.5; margin-left:8px; }
.directory-intro { padding:125px clamp(22px,7vw,110px); background:var(--paper); color:#121116; display:grid; grid-template-columns:1fr 1fr; gap:30px 80px; align-items:end; }
.directory-intro .kicker { grid-column:1/-1; color:#6a6470; }
.directory-intro h2 { margin:0; font-size:clamp(50px,7vw,105px); line-height:.88; letter-spacing:-.07em; text-transform:uppercase; }
.directory-intro p { max-width:540px; font-size:20px; line-height:1.6; color:#625c67; }
.streamer { padding:110px clamp(18px,5vw,78px) 130px; background:#0d0c10; border-top:1px solid var(--line); }
.streamer:nth-of-type(even) { background:#111014; }
.streamer-title { display:flex; align-items:center; gap:24px; }
.stream-number { font:700 12px var(--font-geist-mono); color:var(--acid); border:1px solid #39343e; width:48px; height:48px; display:grid; place-items:center; }
.profile { max-width:1500px; margin:18px auto 0; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr); background:var(--paper); color:#141117; }
.profile-copy { padding:clamp(45px,6vw,85px); }
.profile-copy .kicker { color:#6c6670; }
.profile h3 { font-size:clamp(40px,5vw,74px); line-height:.95; letter-spacing:-.06em; text-transform:uppercase; max-width:800px; margin:18px 0 30px; }
.profile-copy>p { max-width:810px; font-size:19px; line-height:1.65; color:#504a54; }
.profile-meta { display:grid; grid-template-columns:160px 1fr; gap:25px; border-top:1px solid #c9c4cc; margin:35px 0; padding-top:24px; }
.profile-meta div { display:flex; flex-direction:column; gap:6px; }
.profile-meta strong { font-size:22px; }.profile-meta span { font:700 8px var(--font-geist-mono); letter-spacing:.14em; color:#77717b; }
.profile-action { display:inline-block; padding:16px 20px; background:#141117; color:#fff; font:700 10px var(--font-geist-mono); letter-spacing:.12em; text-transform:uppercase; }
.profile-visual { min-height:470px; background:#08070a; display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative; }
.crew-visual img { width:min(94%,480px); filter:drop-shadow(0 0 22px rgba(156,55,255,.3)); }
.mrs-visual { flex-direction:column; background:radial-gradient(circle at 50% 42%,#431c43,#09070b 68%); border-left:10px solid #ff78d7; }
.mrs-visual:before { content:""; position:absolute; width:350px; height:350px; border-radius:50%; border:1px solid rgba(255,120,215,.5); box-shadow:0 0 0 35px rgba(255,120,215,.04),0 0 0 70px rgba(156,55,255,.04); }
.mrs-visual span,.mrs-visual strong,.mrs-visual small { position:relative; z-index:1; }
.mrs-visual span { font:700 20px var(--font-geist-mono); letter-spacing:.55em; margin-left:.55em; color:#ffb6e8; }
.mrs-visual strong { font-size:clamp(105px,14vw,205px); line-height:.8; letter-spacing:-.09em; color:#fff; text-shadow:7px 7px 0 #9f347f; }
.mrs-visual small { margin-top:32px; font:700 8px var(--font-geist-mono); letter-spacing:.18em; color:#d9bbd1; }
.bbs-visual { flex-direction:column; background:radial-gradient(circle at 50% 45%,#2d1243,#09070b 62%); border-left:10px solid var(--purple); }
.bbs-visual:before { content:""; position:absolute; inset:20px; border:1px solid rgba(255,255,255,.14); }
.bbs-visual span { font:700 28px var(--font-geist-mono); color:var(--acid); letter-spacing:.45em; margin-left:.45em; }
.bbs-visual strong { font-size:clamp(100px,13vw,190px); letter-spacing:-.11em; line-height:.8; color:#fff; }
.bbs-visual small { margin-top:30px; font:700 8px var(--font-geist-mono); letter-spacing:.2em; color:#aaa2ad; }
.stormz-visual { flex-direction:column; background:radial-gradient(circle at 50% 40%,#303d13,#090b07 66%); border-left:10px solid var(--acid); }
.stormz-visual:before,.stormz-visual:after { content:""; position:absolute; border:1px solid rgba(216,255,53,.35); transform:rotate(45deg); }
.stormz-visual:before { width:310px; height:310px; }.stormz-visual:after { width:230px; height:230px; }
.stormz-visual span,.stormz-visual strong,.stormz-visual small { position:relative; z-index:1; }
.stormz-visual span { font:700 18px var(--font-geist-mono); letter-spacing:.48em; margin-left:.48em; color:var(--acid); }
.stormz-visual strong { font-size:clamp(70px,9vw,135px); letter-spacing:-.09em; line-height:.9; color:#fff; }
.stormz-visual small { margin-top:28px; font:700 8px var(--font-geist-mono); letter-spacing:.2em; color:#b9c09a; }
.shadow-visual { flex-direction:column; background:linear-gradient(145deg,#070709,#222027); border-left:10px solid #fff; }
.shadow-visual:before { content:""; position:absolute; width:360px; height:360px; border-radius:50%; border:1px solid rgba(255,255,255,.25); box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(156,55,255,.05); }
.shadow-visual span,.shadow-visual strong,.shadow-visual small { position:relative; z-index:1; }
.shadow-visual span { font:700 17px var(--font-geist-mono); letter-spacing:.38em; margin-left:.38em; color:#bbb5c0; }
.shadow-visual strong { font-size:clamp(150px,18vw,255px); line-height:.72; color:transparent; -webkit-text-stroke:3px #fff; text-shadow:14px 14px 0 var(--purple); }
.shadow-visual small { margin-top:38px; font:700 8px var(--font-geist-mono); letter-spacing:.2em; color:#aaa2ad; }
.dekade-visual { flex-direction:column; background:linear-gradient(135deg,#25060d,#090709 55%); border-left:10px solid #ff315b; }
.dekade-visual:before { content:""; position:absolute; inset:-20%; opacity:.3; background:repeating-linear-gradient(-20deg,transparent 0 28px,#ff315b 29px 31px); }
.dekade-visual span,.dekade-visual strong,.dekade-visual small { position:relative; z-index:1; }
.dekade-visual span { font:700 24px var(--font-geist-mono); letter-spacing:.55em; margin-left:.55em; color:#ff315b; }
.dekade-visual strong { font-size:clamp(55px,7vw,110px); letter-spacing:-.06em; line-height:1; color:#fff; transform:skewX(-7deg); text-shadow:6px 6px 0 #ff315b; }
.dekade-visual small { margin-top:34px; font:700 8px var(--font-geist-mono); letter-spacing:.2em; color:#d3a9b1; }
.streamer[data-channel="officialdjdekade"] .profile { grid-template-columns:minmax(0,1.25fr) minmax(440px,.75fr); }
.streamer[data-channel="officialdjdekade"] .dekade-visual { min-width:440px; padding:34px; }
.streamer[data-channel="officialdjdekade"] .dekade-visual strong { font-size:clamp(48px,5.7vw,88px); white-space:nowrap; }
.troy-visual { flex-direction:column; background:radial-gradient(circle at 50% 40%,#35204c,#0a0810 66%); border-left:10px solid #ff9f1c; }
.troy-visual:before { content:""; position:absolute; width:360px; height:360px; background:conic-gradient(from 45deg,transparent,#ff9f1c,transparent,var(--purple),transparent); border-radius:50%; opacity:.32; filter:blur(2px); }
.troy-visual span,.troy-visual strong,.troy-visual small { position:relative; z-index:1; }
.troy-visual span { font:700 19px var(--font-geist-mono); letter-spacing:.48em; margin-left:.48em; color:#ffb44e; }
.troy-visual strong { font-size:clamp(80px,10vw,150px); letter-spacing:-.07em; line-height:.88; color:#fff; }
.troy-visual small { margin-top:30px; font:700 8px var(--font-geist-mono); letter-spacing:.2em; color:#c9b5d5; }
.nitelife-visual { flex-direction:column; background:radial-gradient(circle at 50% 42%,#14234a,#07080d 68%); border-left:10px solid #4f8cff; }
.nitelife-visual:before,.nitelife-visual:after { content:""; position:absolute; width:370px; height:180px; border:1px solid rgba(79,140,255,.45); transform:skewY(-12deg); }
.nitelife-visual:after { transform:skewY(12deg) rotate(90deg); opacity:.45; }
.nitelife-visual span,.nitelife-visual strong,.nitelife-visual small { position:relative; z-index:1; }
.nitelife-visual span { font:700 17px var(--font-geist-mono); letter-spacing:.42em; margin-left:.42em; color:#8fb5ff; }
.nitelife-visual strong { font-size:clamp(120px,15vw,220px); line-height:.78; letter-spacing:-.08em; color:#fff; text-shadow:7px 7px 0 #244b96; }
.nitelife-visual small { margin-top:34px; font:700 8px var(--font-geist-mono); letter-spacing:.18em; color:#b7c8e8; }
.edluva-visual { flex-direction:column; background:radial-gradient(circle at 50% 42%,#48230f,#090807 68%); border-left:10px solid #ff8b2c; }
.edluva-visual:before { content:""; position:absolute; width:360px; height:360px; border-radius:50%; background:repeating-conic-gradient(from 0deg,rgba(255,139,44,.48) 0 2deg,transparent 2deg 15deg); opacity:.55; }
.edluva-visual span,.edluva-visual strong,.edluva-visual small { position:relative; z-index:1; }
.edluva-visual span { font:700 18px var(--font-geist-mono); letter-spacing:.5em; margin-left:.5em; color:#ffc18e; }
.edluva-visual strong { font-size:clamp(78px,10vw,150px); line-height:.84; letter-spacing:-.08em; color:#fff; text-shadow:7px 7px 0 #9b4500; }
.edluva-visual small { margin-top:32px; font:700 8px var(--font-geist-mono); letter-spacing:.16em; color:#dbc0a9; }
.lok-visual { flex-direction:column; background:radial-gradient(circle at 50% 43%,#172b3c,#08090b 67%); border-left:10px solid #19e6d1; }
.lok-visual:before { content:""; position:absolute; width:390px; height:390px; border-radius:50%; background:repeating-conic-gradient(from 12deg,rgba(25,230,209,.42) 0 2deg,transparent 2deg 12deg); opacity:.55; }
.lok-visual span,.lok-visual strong,.lok-visual small { position:relative; z-index:1; }
.lok-visual span { font:700 19px var(--font-geist-mono); letter-spacing:.5em; margin-left:.5em; color:#19e6d1; }
.lok-visual strong { font-size:clamp(70px,9vw,135px); line-height:.86; letter-spacing:-.08em; color:#fff; text-shadow:7px 7px 0 #0d756b; }
.lok-visual small { margin-top:30px; font:700 8px var(--font-geist-mono); letter-spacing:.18em; color:#aad3cf; }
.jayb-visual { flex-direction:column; background:radial-gradient(circle at 50% 42%,#3d2811,#090807 67%); border-left:10px solid #ffb22c; }
.jayb-visual:before { content:""; position:absolute; width:350px; height:350px; border-radius:50%; border:2px dashed rgba(255,178,44,.5); box-shadow:0 0 0 38px rgba(255,178,44,.04),0 0 0 76px rgba(255,178,44,.025); }
.jayb-visual span,.jayb-visual strong,.jayb-visual small { position:relative; z-index:1; }
.jayb-visual span { font:700 18px var(--font-geist-mono); letter-spacing:.5em; margin-left:.5em; color:#ffd17d; }
.jayb-visual strong { font-size:clamp(85px,11vw,165px); line-height:.82; letter-spacing:-.08em; color:#fff; text-shadow:7px 7px 0 #9d5b00; }
.jayb-visual small { margin-top:32px; font:700 8px var(--font-geist-mono); letter-spacing:.18em; color:#dbc59f; }
.aly-visual { flex-direction:column; background:radial-gradient(circle at 50% 42%,#312047,#08070b 67%); border-left:10px solid #b789ff; }
.aly-visual:before { content:""; position:absolute; width:360px; height:360px; border-radius:45% 55% 52% 48%; border:2px solid rgba(183,137,255,.5); transform:rotate(18deg); box-shadow:0 0 0 34px rgba(183,137,255,.035); }
.aly-visual span,.aly-visual strong,.aly-visual small { position:relative; z-index:1; }
.aly-visual span { font:700 18px var(--font-geist-mono); letter-spacing:.48em; margin-left:.48em; color:#d7bbff; }
.aly-visual strong { font-size:clamp(100px,13vw,190px); line-height:.82; letter-spacing:-.08em; color:#fff; text-shadow:7px 7px 0 #6d3fad; }
.aly-visual small { margin-top:32px; font:700 8px var(--font-geist-mono); letter-spacing:.17em; color:#cfc0df; }
.chucky-visual { flex-direction:column; background:radial-gradient(circle at 48% 42%,#331a2e,#08080b 66%); border-left:10px solid #e44cff; }
.chucky-visual:before { content:""; position:absolute; inset:0; opacity:.22; background:repeating-radial-gradient(circle at center,transparent 0 24px,#e44cff 25px 26px); }
.chucky-visual span,.chucky-visual strong,.chucky-visual small { position:relative; z-index:1; }
.chucky-visual span { font:700 19px var(--font-geist-mono); letter-spacing:.5em; margin-left:.5em; color:#f1a8ff; }
.chucky-visual strong { font-size:clamp(100px,13vw,190px); letter-spacing:-.09em; line-height:.82; color:#fff; text-shadow:7px 7px 0 #7e1b91; }
.chucky-visual small { margin-top:30px; font:700 8px var(--font-geist-mono); letter-spacing:.2em; color:#cbb5cf; }
@media (max-width:1200px) { .nav-links>a:not(.nav-cta) { display:none; } }
@media (max-width:900px) { .directory-intro { grid-template-columns:1fr; }.directory-intro .kicker { grid-column:auto; }.hero-stack { opacity:.3; }.profile { grid-template-columns:1fr; }.profile-visual { min-height:380px; }.nav-links>a:not(.nav-cta) { display:none; } }
@media (max-width:900px) { .streamer[data-channel="officialdjdekade"] .profile { grid-template-columns:1fr; }.streamer[data-channel="officialdjdekade"] .dekade-visual { min-width:0; width:100%; } }
@media (max-width:520px) { .streamer[data-channel="officialdjdekade"] .dekade-visual strong { font-size:clamp(38px,13vw,62px); } }
@media (max-width:900px) { .portrait-table { grid-template-columns:repeat(5,minmax(68px,1fr)); max-width:620px; }.hero { height:auto; min-height:100vh; } }
@media (max-width:600px) { .portrait-table { grid-template-columns:repeat(3,minmax(70px,1fr)); margin-top:-20px; }.portrait-table img { width:52px; height:52px; }.hero-stack { right:-20px; bottom:60px; }.hero-stack b:nth-child(-n+6),.hero-stack span { display:none; }.directory-intro { padding-top:90px; padding-bottom:90px; }.directory-intro p { font-size:17px; }.streamer { padding-top:80px; padding-bottom:90px; }.streamer-title { align-items:flex-start; }.stream-number { flex:0 0 42px; width:42px; height:42px; }.profile-copy { padding:42px 25px; }.profile-meta { grid-template-columns:1fr; }.profile-visual { min-height:310px; }.bbs-visual strong { font-size:110px; } }
@media (max-width:600px) { .trust-disclaimer-header { padding:10px 18px; font-size:8px; }.footer-copy { max-width:100%; padding:0; } }

/* Information pages */
.footer-copy { max-width:760px; }
.footer-links { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:18px; }
.footer-links a { color:var(--acid); font-size:9px; }
.page-hero { min-height:430px; padding:110px clamp(22px,8vw,135px) 80px; display:flex; flex-direction:column; justify-content:flex-end; background:radial-gradient(circle at 82% 24%,rgba(156,55,255,.28),transparent 35%),#0d0c10; }
.page-hero h1 { max-width:1100px; margin:20px 0 0; font-size:clamp(58px,10vw,145px); line-height:.84; letter-spacing:-.075em; text-transform:uppercase; }
.page-content { max-width:1040px; margin:0 auto; padding:90px clamp(22px,6vw,70px) 120px; color:#d8d3db; font-size:18px; line-height:1.75; }
.page-content h2 { margin:55px 0 14px; color:#fff; font-size:clamp(29px,4vw,48px); line-height:1; letter-spacing:-.04em; text-transform:uppercase; }
.page-content h2:first-child { margin-top:0; }
.page-content p { max-width:850px; }
.page-content a { color:var(--acid); text-decoration:underline; text-underline-offset:3px; }
.page-updated { color:#8f8994; font:700 10px var(--font-geist-mono); letter-spacing:.12em; text-transform:uppercase; }
.contact-form { display:grid; gap:24px; margin-top:36px; padding:clamp(24px,5vw,55px); border:1px solid #302b34; background:#111014; }
.contact-field { display:grid; gap:9px; }
.contact-field label { color:#fff; font:700 10px var(--font-geist-mono); letter-spacing:.13em; text-transform:uppercase; }
.contact-field input,.contact-field textarea { width:100%; padding:16px; color:#fff; background:#09080b; border:1px solid #48414d; border-radius:0; font:500 16px var(--font-geist); }
.contact-field input:focus,.contact-field textarea:focus { outline:2px solid var(--acid); outline-offset:2px; border-color:transparent; }
.contact-form button { justify-self:start; padding:17px 25px; border:0; color:#101014; background:var(--acid); font:800 11px var(--font-geist-mono); letter-spacing:.12em; text-transform:uppercase; cursor:pointer; }
.contact-form button:hover { background:#fff; }
.contact-honeypot { position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form-notice { margin:28px 0; padding:16px 18px; border-left:4px solid var(--acid); background:#17200f; color:#fff; }
.form-notice.error { border-color:#ff315b; background:#251015; }
.contact-alternative { font-size:15px; }
@media (max-width:900px) { .information-page .nav-links>a:not(.nav-cta) { display:none; }.page-hero { min-height:340px; padding-top:80px; }.page-content { padding-top:65px; }.information-page footer { flex-direction:column; gap:25px; text-align:center; }.information-page .footer-links { justify-content:center; } }

/* Interactive cross-page header buttons */
.header-page-links { gap:8px; }
.nav-links.header-page-links .header-page-button { display:inline-flex !important; align-items:center; justify-content:center; min-height:40px; padding:10px 14px; border:1px solid #403a45; color:#d8d3db; background:#121015; transition:background .2s,color .2s,border-color .2s,transform .2s; white-space:nowrap; }
.nav-links.header-page-links .header-page-button:hover { color:#101014; background:var(--acid); border-color:var(--acid); transform:translateY(-2px); }
.nav-links.header-page-links .header-page-button:focus-visible { outline:2px solid var(--acid); outline-offset:3px; }
.nav-links.header-page-links .header-page-button.is-active { color:#fff; background:var(--purple); border-color:var(--purple); }
@media (max-width:1050px) { .nav { height:auto; min-height:78px; gap:16px; flex-wrap:wrap; padding-top:12px; padding-bottom:12px; }.header-page-links { width:100%; order:2; overflow-x:auto; padding-bottom:3px; scrollbar-width:thin; }.nav-links.header-page-links .header-page-button { flex:1 0 auto; }.brand { min-height:40px; } }
@media (max-width:600px) { .nav { min-height:0; }.header-page-links { gap:6px; }.nav-links.header-page-links .header-page-button { padding:9px 11px; font-size:9px; }.page-hero { padding-top:110px; } }