/* cRAED / NIGHT PROTOCOL — original cinematic redesign based on provided visual references. */
:root{--ink:#070609;--ink2:#11080e;--crimson:#ed1236;--crimson-hot:#ff3655;--scarlet:#ff586b;--glass:rgba(19,9,14,.82);--hairline:rgba(255,52,87,.24)}
html{scroll-padding-top:120px}
body{background:#060507;letter-spacing:0;font-synthesis:none}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 2% 70%,#7e02131c,transparent 38%),radial-gradient(ellipse at 94% 22%,#700d171b,transparent 40%)}
.global-noise{opacity:.012!important}.edge-light{box-shadow:inset 0 0 180px #54000917}
.site-header{background:linear-gradient(130deg,#180c11ed,#0b090ce9 58%,#19080dea);border:1px solid rgba(255,34,67,.49);top:12px;border-radius:23px;box-shadow:0 0 0 1px #330410,0 14px 45px #000c,0 0 34px #ec083222}
.site-header::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff10,transparent 32%,transparent 75%,#e9273913)}
.header-shell{min-height:68px;gap:13px}.brand-bat{box-shadow:0 0 0 5px #e9072612,0 0 25px #ff204f7a;transition:transform .5s ease}.brand:hover .brand-bat{transform:rotateY(180deg)}
.site-nav a{font-size:11px;padding:10px 11px;position:relative}.site-nav a:after{content:'';position:absolute;left:25%;right:25%;bottom:2px;height:1px;background:var(--scarlet);transform:scaleX(0);transition:transform .3s}.site-nav a:hover:after,.site-nav a.nav-current:after{transform:scaleX(1)}
.watch-top{transition:transform .25s,box-shadow .25s}.watch-top:hover{transform:translateY(-2px);box-shadow:0 12px 24px #c5003570}
.top-progress{height:3px;position:fixed;z-index:100;top:0;left:0;width:100%;background:linear-gradient(90deg,#8e0920,#ff274b,#ff9eaa);transform:scaleX(0);transform-origin:left;pointer-events:none;box-shadow:0 0 18px #fb1749}
/* Hero: 3D bat wing sculpture, depth planes, animated electric haze */
.hero{margin-top:-91px;min-height:815px;isolation:isolate;padding:162px 0 78px;overflow:hidden;background:radial-gradient(ellipse 70% 47% at 50% 37%,#3b0715 0%,#14050d 43%,transparent 75%),radial-gradient(circle at 11% 68%,#26050d,transparent 34%),radial-gradient(circle at 93% 51%,#320711,transparent 39%),#060507}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(100deg,transparent 0 30%,#ffffff08 50%,transparent 70%);background-size:220% 100%;animation:hero-shine 15s ease-in-out infinite}
.hero::after{content:'';position:absolute;z-index:2;pointer-events:none;bottom:0;left:0;right:0;height:220px;background:linear-gradient(transparent,#060507)}
.hero-grid{opacity:.18;background-size:86px 86px}.hero-glow{opacity:.4;animation-duration:80s}.hero-content{max-width:1100px;padding-top:12px;position:relative;z-index:7}
.hero-chip{font-size:11px;letter-spacing:4px;padding:10px 22px;color:#f9ced4;box-shadow:0 0 20px #a4082630,inset 0 0 18px #f31b2b0d;animation:chip-enter .8s ease-out both}
.hero-mark{width:92px;height:92px;margin:20px auto 0;border:1px solid #ff728a;border-radius:50%;box-shadow:0 0 0 6px #76061928,0 0 0 13px #ea182016,0 0 30px #f4274c55,inset 0 0 19px #fc153b39;animation:mark-float 5s ease-in-out infinite;position:relative}
.hero-mark::before,.hero-mark::after{content:'';position:absolute;inset:-12px;border-radius:50%;border:1px dashed #fd526d70;animation:halo-spin 24s linear infinite}.hero-mark::after{inset:-21px;border-color:#f21e3859;animation-direction:reverse;animation-duration:35s}
.hero-mark svg{width:60px;filter:drop-shadow(0 2px 7px #f92347)}
.hero-mini{margin:25px 0 10px;font-size:14px;font-weight:800}
.hero-english{font-size:clamp(100px,12vw,180px);letter-spacing:-3px;line-height:.84;position:relative;filter:drop-shadow(0 8px 0 #14050a);text-shadow:0 3px 0 #bdb2b8,0 17px 34px #000b}
.hero-english span{background:linear-gradient(170deg,#ffc4cc,#ff4a63 43%,#c40529 80%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none;filter:drop-shadow(0 8px 28px #fb083b44)}
.hero-arabic{margin-top:28px;line-height:1.5;text-shadow:0 8px 36px #0009}.hero-description{max-width:710px;font-size:15px;line-height:2.1;color:#e2ccd2;margin:12px auto}
.hero-tags span{padding:6px 18px;border:1px solid #bf26467a;background:linear-gradient(120deg,#290b14d0,#0d090dd0)}.hero-buttons{gap:15px}
.button-red{background:linear-gradient(160deg,#ff8490 0%,#ff304f 25%,#ce0029 70%,#570009);border-color:#fa4864;box-shadow:0 1px 0 #ff8b9c inset,0 11px 25px #ae062b55,0 0 24px #c4132d33}
.button-red:hover{box-shadow:0 1px 0 #ffd4db inset,0 15px 36px #f0133f80}
.hero-strip{max-width:760px;margin-top:45px;background:linear-gradient(145deg,#330b17dd,#12090dd9);border:1px solid #bc263e92;box-shadow:0 18px 44px #000b,inset 0 1px 0 #ff738715;backdrop-filter:blur(8px)}.hero-strip strong{font-size:28px}.hero-end{z-index:4;letter-spacing:4px}
.scene3d{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;perspective:950px;transform-style:preserve-3d}
.scene-backlight{position:absolute;width:880px;height:660px;left:50%;top:41%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#a404256b 0%,#650b1d47 33%,transparent 70%);opacity:.58;animation:scene-light 8s ease-in-out infinite}
.scene-arc{position:absolute;left:50%;top:47%;width:min(70vw,990px);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(60deg);border-radius:50%;border:1px solid #e50e3650;box-shadow:0 0 50px #c70b2e22,inset 0 0 95px #a0072021;animation:arc-turn 30s linear infinite;will-change:transform}
.scene-arc.arc2{width:min(56vw,770px);border-style:dashed;border-color:#ff40533d;animation-duration:35s;animation-direction:reverse}
.scene-arc.arc3{width:min(85vw,1180px);border-color:#e11e3526;animation-duration:45s;opacity:.48}
.hero-sculpture{position:absolute;left:50%;top:42%;width:min(91vw,1180px);height:570px;transform:translate3d(calc(-50% + var(--scene-x,0px)),calc(-50% + var(--scene-y,0px)),0) rotateX(var(--scene-rx,4deg)) rotateY(var(--scene-ry,0deg));transform-style:preserve-3d;transition:transform .22s ease-out;filter:drop-shadow(0 14px 26px #cf003853)}
.bat-wing-rear,.bat-wing-mid,.bat-wing-front{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bat-wing-rear{transform:translateZ(-75px) translateY(29px) scale(1.04);opacity:.36;filter:blur(2px)}
.bat-wing-mid{transform:translateZ(-26px) scale(.99);opacity:.42}
.bat-wing-front{transform:translateZ(35px);opacity:.33;animation:bat-throb 9s ease-in-out infinite}
.hero-lightning{position:absolute;inset:6% 0 0;width:100%;height:74%;opacity:.47;overflow:visible;animation:lightning-flicker 14s linear infinite}
.hero-lightning polyline{fill:none;stroke:#e4183b;stroke-width:1.5;filter:drop-shadow(0 0 10px #df1348)}
.scene-fog{position:absolute;width:70vw;height:240px;border-radius:50%;left:-10%;bottom:15%;background:radial-gradient(ellipse,#a50b2250,transparent 65%);opacity:.5;animation:fog-drift 15s ease-in-out infinite alternate;will-change:transform}
.scene-fog.fog2{left:auto;right:-13%;bottom:22%;opacity:.35;animation-duration:18s;animation-direction:alternate-reverse}
.hero .bat-backdrop{display:none} .hero .red-sparks{opacity:.7}
.scene-word{position:absolute;font:900 clamp(180px,35vw,550px)/1 Rajdhani,Arial,sans-serif;color:transparent;-webkit-text-stroke:1px #a60c2c27;white-space:nowrap;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-9deg);letter-spacing:-25px}
.scene-bottom-cut{position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(transparent,#090408e0)}
/* Section environments and red bat-themed stage framing */
.section{padding:105px 0;background:radial-gradient(ellipse at 4% 28%,#46081017,transparent 38%),#09080b;overflow:visible;isolation:isolate}
.section-shade{background:radial-gradient(ellipse at 90% 25%,#740d1924,transparent 39%),#100a0e}
.section:before{content:'';position:absolute;z-index:-2;pointer-events:none;left:0;right:0;top:0;bottom:0;background-image:url('assets/bat-watermark.svg');background-repeat:no-repeat;background-size:min(65vw,850px) auto;background-position:3% 45%;opacity:.03}
.section-shade:before{background-position:97% 45%;opacity:.032}
.section-heading{position:relative;gap:20px;padding-bottom:24px;margin-bottom:34px;border-bottom:1px solid #a52b3f71}.section-heading::after{content:'';position:absolute;bottom:-1px;right:0;width:34%;height:1px;background:linear-gradient(90deg,transparent,#ff3352);box-shadow:0 0 18px #e92043aa}
.section-number{font-size:82px;-webkit-text-stroke:1px #ed315080;text-shadow:0 0 35px #ed264022}.section-heading h2{font-size:clamp(35px,4vw,53px);letter-spacing:-1.4px}.section-heading h2 em{color:#ff405e;text-shadow:0 0 26px #e3203a39}.section-heading p{font-size:13px;color:#c7aab0}
.eyebrow{font-size:11px;color:#fb5b73;letter-spacing:4px}
.section-heading[data-reveal]{transition:opacity .7s,transform .7s}.motion-on .section-heading[data-reveal]:not(.in-view){opacity:.38;transform:translateY(25px)}
.social-grid{gap:16px}.social-card{transform-style:preserve-3d;min-height:144px;border:1px solid #97334865;background:radial-gradient(ellipse 80% 160% at var(--px,68%) var(--py,5%),#8e193d2f,transparent),linear-gradient(130deg,#1c1015,#0c0a0e);border-radius:22px;box-shadow:0 17px 35px #0006,0 1px 0 #f5a6b110 inset;transition:transform .3s,box-shadow .3s,border-color .3s}.social-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff08,transparent 40%);pointer-events:none}.social-card:hover{box-shadow:0 24px 48px #0009,0 0 26px #ff193522,0 1px 0 #ff8e9e44 inset}
.social-card:nth-child(1){border-color:#386d35;background:radial-gradient(circle at 90% 30%,#1d5d2145,transparent 70%),linear-gradient(110deg,#162414,#0b0d0a)}
.social-card:nth-child(1):hover{border-color:#48e926;box-shadow:0 22px 38px #0007,0 0 36px #44fc2d25}
.social-card:nth-child(2){background:radial-gradient(circle at 18% 35%,#4a142749,transparent 70%),#140d12}
.social-card:nth-child(3){background:radial-gradient(circle at 85% 20%,#341925,transparent 70%),#0d0c0f}
.social-card:nth-child(4){background:radial-gradient(circle at 85% 40%,#18492e35,transparent 65%),#0b0e0c}
.social-card:nth-child(5){background:radial-gradient(circle at 85% 40%,#3f304c38,transparent 65%),#100d14}
.social-card.big{min-height:160px}.social-logo{border-radius:15px;font-size:32px;box-shadow:0 0 21px #ee194226}.social-card:nth-child(1) .social-logo{background:#0c2d12;color:#56fc27;border-color:#3b9033;box-shadow:0 0 24px #2ffa2834}.social-card:nth-child(4) .social-logo{color:#35db80}.social-card:nth-child(5) .social-logo{color:#b394ff}
.social-card .social-bottom strong{font-size:21px}.social-arrow{border-color:#bb4b61;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;box-shadow:0 0 14px #d8143d24;transition:transform .2s,background .2s}.social-card:hover .social-arrow{transform:rotate(-45deg);background:#b81431}
.feature-card,.donation-card,.hall-card,.mod-card,.live-panel,.chat-frame,.last-stream,.leaderboard-heading{background:linear-gradient(145deg,rgba(36,13,20,.94),rgba(8,8,10,.98));border-color:#763044a1;box-shadow:0 24px 54px #0008,inset 0 1px 0 #ffb7bd13}
.feature-card{min-height:405px;padding:32px 34px;background:radial-gradient(ellipse at 50% 20%,#5a182754,transparent 65%),#130a0e;overflow:hidden}.feature-card::before{content:'';position:absolute;left:0;right:0;top:0;height:56%;background:repeating-linear-gradient(115deg,transparent 0 40px,#ff263508 41px 42px);mask-image:linear-gradient(#000,transparent)}
.feature-card::after{content:'';position:absolute;width:70%;height:65%;border-radius:50%;background:radial-gradient(circle,#d51c333d,transparent 68%);top:-27%;right:-20%;pointer-events:none;opacity:.7}
.feature-discord{border-top:2px solid #dc1b3f}.feature-x{border-top:2px solid #d4d4d4}.feature-art{font-size:340px;top:-33px;left:5px;opacity:.07;transform:rotate(-16deg)}
.feature-card h3{font-size:34px;margin:0 0 8px}.feature-card .feature-top,.feature-card>div:not(.feature-art),.feature-card>.button{z-index:2;position:relative}
.feature-card p{font-size:14px;color:#c6a7b1}.feature-glyph{display:grid;place-items:center;min-width:55px;height:55px;border:1px solid #e83c5683;border-radius:14px;background:#270911;box-shadow:0 0 25px #cb0f2b41}
.donation-card{min-height:310px;padding:30px 32px;border-radius:25px;position:relative;overflow:hidden}.donation-card::before{content:'';position:absolute;width:300px;height:300px;left:-130px;top:-170px;border-radius:50%;background:#a6163327;pointer-events:none}.donation-card h3{font-size:42px;letter-spacing:1px}.donation-sub{color:#fa6380}.donation-card .button{border-radius:12px;padding:14px}.donation-icon{box-shadow:0 0 26px #fa164532}
/* Cinematic moderator banners */
.moderators-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mod-card{position:relative;transform-style:preserve-3d;min-height:342px;overflow:hidden;border-radius:23px;transition:border-color .3s,box-shadow .3s,transform .3s}
.mod-card:hover{border-color:#ff5770;box-shadow:0 22px 55px #000d,0 0 22px #e41b422a}
.mod-cover{height:228px;position:relative;background:#110910}.mod-cover img.mod-wide{object-position:center 43%}.mod-cover:after{content:'';pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#10080d 0%,transparent 65%),linear-gradient(90deg,#0005,transparent 45%)}
.mod-info{padding:16px 23px 23px;position:relative;margin-top:-8px;z-index:2;background:linear-gradient(#160a10b3,#10080d)}
.mod-info h3{font-size:24px;direction:ltr;text-align:right;font-family:Rajdhani,'Cairo',sans-serif;letter-spacing:1px;color:#fff;text-shadow:0 0 16px #f7375250}
.mod-info p{font-size:11px;color:#e1aab7}.mod-links{margin-top:12px}.mod-links a{border-radius:10px;background:linear-gradient(110deg,#39101b,#1b0b10);border-color:#a43d4e;padding:9px 19px;transition:.2s}.mod-links a:hover{background:#ca1535;border-color:#fc5d74}
.mod-card:before{content:'TEAM cRAED';position:absolute;top:17px;right:17px;z-index:3;font:700 11px Rajdhani,sans-serif;letter-spacing:2px;border:1px solid #ff56627e;background:#18080bb3;padding:4px 13px;border-radius:30px;color:#ffd7de}
/* Channel / support / archival stage */
.hall-card{padding:34px;border-radius:25px}.kick-square{box-shadow:0 0 38px #40fa3a55,inset 0 0 12px #62ff2765}.hall-count{gap:24px}.hall-count strong{font-size:clamp(38px,5vw,72px)}
.hall-badges{border-color:#642635}.badge-row{gap:9px}.real-badge{min-width:calc((100% - 8*9px)/9);border-radius:14px;border-color:#64233a;background:linear-gradient(125deg,#260e1b,#100d11);transition:transform .25s,box-shadow .25s}.real-badge:hover{transform:translateY(-8px) rotateX(7deg);border-color:#e82e57;box-shadow:0 13px 26px #000a,0 0 21px #b713362b}.real-badge img{width:58px;height:58px;image-rendering:auto;filter:drop-shadow(0 7px 10px #0009)}.real-badge small{color:#efbbc5;font-size:10px}
.live-panel{border-radius:22px}.live-embed{border-radius:17px;background:radial-gradient(circle,#511024,#070607)}
.leaderboard-heading{border-radius:18px;background:linear-gradient(125deg,#200e15,#100a0e)}.supporter-grid{gap:17px}.supporter-card{background:linear-gradient(145deg,#2a0d17,#12090e);min-height:226px;border:1px solid #832d42a3;transform-style:preserve-3d;box-shadow:0 20px 35px #0007}.supporter-card.top{border-color:#fa3f5f;box-shadow:0 0 31px #c006302c,0 20px 35px #0007}.supporter-symbol{width:67px;height:67px;font-size:30px;box-shadow:0 0 20px #b7113835}.supporter-card strong{font-size:24px}.gift-number{font-size:35px}
.last-stream{border-radius:24px;padding:26px;gap:32px}.last-cover{min-height:400px;overflow:hidden;background:radial-gradient(ellipse at 52% 44%,#ac143d69,transparent 60%),linear-gradient(130deg,#190912,#080709)}.last-cover .cover-bat{animation:mark-float 6s ease-in-out infinite}.cover-bat svg{filter:drop-shadow(0 0 34px #f01752)}.last-cover::after{content:'THE NIGHT IS OURS';font:700 100px/.8 Rajdhani,sans-serif;letter-spacing:10px;color:#ff3f5109;position:absolute;left:-30px;top:25%;transform:rotate(-11deg);pointer-events:none}.last-metrics>div{border:1px solid #7d2840;background:linear-gradient(125deg,#240e18,#170d12);min-height:94px}
.chat-frame{border-radius:25px;padding:34px}.podium{background:radial-gradient(ellipse at 50% 100%,#780d294d,transparent 72%),linear-gradient(#1a0b12,#0a0a0e);border-color:#8e263c7c}.podium-avatar{box-shadow:0 0 18px #e72f5335}.podium-slot.first .podium-avatar{box-shadow:0 0 35px #d6235170}.ranking-row{border-color:#702c43;transition:background .25s}.ranking-row:hover{background:#4a112028}.ranking-track{height:6px}.ranking-progress{box-shadow:0 0 14px #fe335870}
/* Scroll entrances and active links, degrade gracefully if JS unavailable */
.motion-on .reveal-card{opacity:0;transform:translateY(32px) scale(.97);transition:transform .72s cubic-bezier(.17,.71,.23,1),opacity .72s ease,box-shadow .27s,border-color .27s}
.motion-on .reveal-card.in-view{opacity:1;transform:translateY(0) scale(1)}
.motion-on .tilt-card.reveal-card.in-view:hover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-5px)!important}
.motion-on .tilt-card{transform-style:preserve-3d;transform-origin:center}.motion-on .tilt-card.reveal-card.in-view{transition:transform .24s ease-out,box-shadow .24s,border-color .24s}
.hero-bat-shadow{display:none}
/* Optimizations: composited transforms only; no perpetual heavy full-screen blurs */
@keyframes hero-shine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@keyframes chip-enter{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}
@keyframes mark-float{0%,100%{transform:translateY(0) rotateY(-7deg)}50%{transform:translateY(-12px) rotateY(10deg)}}
@keyframes arc-turn{to{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(360deg)}}
@keyframes bat-throb{0%,100%{opacity:.2;transform:translateZ(35px) scale(.98)}50%{opacity:.44;transform:translateZ(65px) scale(1.015)}}
@keyframes scene-light{0%,100%{opacity:.48}50%{opacity:.73}}
@keyframes lightning-flicker{0%,5%,7%,28%,30%,49%,52%,100%{opacity:.18}6%,29%,50%{opacity:.65}}
@keyframes fog-drift{from{transform:translate3d(-20px,0,0)}to{transform:translate3d(50px,10px,0)}}
@media(max-width:1200px){.site-nav a{padding:8px 7px;font-size:10px}.hero{min-height:775px}.real-badge{min-width:calc((100% - 5*9px)/6)}.badge-row{justify-content:center}.scene-arc{width:850px}.hero-sculpture{width:1000px}}
@media(max-width:900px){.hero{min-height:735px;padding-top:170px}.hero-english{font-size:clamp(82px,13vw,116px)}.hero-sculpture{width:900px;opacity:.8}.section{padding:82px 0}.moderators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-cover{height:180px}.supporter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.real-badge{min-width:calc((100% - 4*9px)/5)}}
@media(max-width:650px){.site-header{width:calc(100% - 20px);top:7px;border-radius:16px}.hero{min-height:742px;margin-top:-91px;padding:166px 0 60px}.hero-content{padding-top:0}.hero-mark{width:75px;height:75px;margin-top:14px}.hero-mark svg{width:49px}.hero-english{font-size:clamp(70px,17vw,112px);letter-spacing:-2px}.hero-arabic{font-size:clamp(28px,8vw,43px);margin-top:18px}.hero-description{font-size:12px;line-height:2}.hero-mini{font-size:12px;margin:16px 0 8px}.hero-strip{margin-top:34px}.hero-strip>div{padding:13px 9px}.hero-strip strong{font-size:15px}.hero-strip small{font-size:9px}.scene3d{opacity:.7}.hero-sculpture{width:790px;top:39%;height:550px}.scene-arc{width:730px}.scene-backlight{width:550px}.scene-word{font-size:180px;letter-spacing:-10px}.hero-tags{margin:18px 0}.section{padding:75px 0}.section-heading h2{font-size:34px}.section-number{font-size:61px}.section-heading{margin-bottom:24px}.eyebrow{font-size:9px;letter-spacing:2px}.social-grid{gap:10px}.social-card{padding:15px;min-height:137px}.social-card.big{min-height:140px}.social-card .social-bottom strong{font-size:17px}.social-logo{font-size:25px}.feature-card{min-height:360px}.donation-card{min-height:270px}.moderators-grid{grid-template-columns:1fr}.mod-cover{height:205px}.mod-card{min-height:325px}.real-badge{min-width:calc((100% - 2*9px)/3)}.hall-card{padding:20px}.hall-count{flex-wrap:wrap}.hall-count>div:nth-child(2){min-width:100px}.hall-count .button{width:100%}.supporter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.supporter-card{min-height:195px}.supporter-card strong{font-size:18px}.last-cover{min-height:300px}.chat-frame{padding:17px}.chat-head h3{font-size:21px}.podium{padding:17px 6px}.podium-slot strong{font-size:11px}.section:before{background-size:115% auto}.motion-on .tilt-card.reveal-card.in-view:hover{transform:none!important}}
@media(max-width:380px){.hero-english{font-size:64px}.hero-mark{width:69px;height:69px}.hero{padding-top:155px}.hero-strip strong{font-size:14px}.social-card{min-height:125px}}
@media(hover:none),(pointer:coarse){.motion-on .tilt-card.reveal-card.in-view:hover{transform:none!important}.scene3d{opacity:.45}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-mark,.hero-mark::before,.hero-mark::after,.scene3d *,.last-cover .cover-bat{animation:none!important}.motion-on .reveal-card{opacity:1!important;transform:none!important}.top-progress{transition:none}}

/* Lazy external Kick player: clear branded state until visitor chooses to stream */
.live-embed{position:relative}
.kick-load-stage{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:11px;padding:24px;background:radial-gradient(circle at 50% 43%,#6d112c87,transparent 57%),linear-gradient(135deg,#190b13,#070608);border-radius:inherit}
.kick-load-stage[hidden]{display:none!important}.kick-stage-logo{display:grid;place-items:center;border-radius:24px;width:95px;height:95px;box-shadow:0 0 55px #3cf52e26;background:linear-gradient(145deg,#70fe43,#18aa13);color:#061503;font:900 74px Rajdhani,sans-serif;transform:rotate(-8deg)}
.kick-load-stage strong{font-size:25px}.kick-load-stage small{font-size:11px;color:#bbabb1}.kick-load-stage .button{margin-top:8px;border-radius:12px}

/* V2.1 — visible, measurable, low-cost movement controls */
.scene3d{z-index:0;visibility:visible;transform:translateZ(0)}
.hero-content{z-index:5}
.hero-sculpture{transition:transform .36s cubic-bezier(.2,.75,.23,1),filter .4s;}
.hero.demo-motion .hero-sculpture{transform:translate3d(-50%,-50%,0) rotateX(-18deg) rotateY(30deg) scale(1.07)!important;filter:drop-shadow(0 18px 65px #ff19448c);}
.hero.demo-motion .bat-wing-front{opacity:.9;stroke-width:3;}
.hero.demo-motion .scene-backlight{opacity:.95;}
.hero.demo-motion .scene-arc{border-color:#ff5f76cc;}
.motion-test{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:9px 14px;margin-top:22px;direction:ltr;position:relative;z-index:12}
.motion-version{font:700 12px Rajdhani,Arial,sans-serif;letter-spacing:1.8px;color:#ff8a9d;border:1px solid #be294b84;background:#1a0911d4;padding:9px 13px;border-radius:10px}
.motion-trigger{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:10px;border:1px solid #ff566fa3;background:linear-gradient(115deg,#360b1a,#100a0e);box-shadow:0 0 20px #b0082d26;color:#fff;font-size:12px;font-weight:900;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.motion-trigger:hover{transform:translateY(-3px);background:#5d1228;border-color:#ff8aa1}
.motion-trigger[aria-pressed=true]{background:#bf183c;border-color:#ff9bab;box-shadow:0 0 32px #ff1d4870}
.motion-help{color:#dbaeb8;font-size:10px}
@media(max-width:650px){.motion-test{margin:17px 0 -10px;gap:8px}.motion-version{font-size:10px;padding:8px 10px}.motion-trigger{font-size:11px;padding:8px 10px}.motion-help{width:100%;text-align:center;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero.demo-motion .hero-sculpture{transform:translate3d(-50%,-50%,0) rotateY(10deg) scale(1.03)!important}}

/* Top chatter avatars: independent of rank; known creator-provided photos + clear fallback. */
#chat .podium-avatar { background:#180a11; box-shadow:0 0 0 3px #e6264922,0 0 26px #ee295132; }
#chat .podium-avatar img { display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit; }
#chat .ranking-row { grid-template-columns:36px 36px minmax(0,1fr) auto; }
#chat .ranking-avatar { width:35px;height:35px;display:block;overflow:hidden;flex:none;border-radius:50%;background:#1e0c14;border:1px solid #a33a50; }
#chat .ranking-avatar img { display:block;width:100%;height:100%;object-fit:cover; }
@media(max-width:650px) {
  #chat .ranking-row {grid-template-columns:25px 32px minmax(0,1fr);gap:9px;padding:10px 5px;}
  #chat .ranking-row .chat-meta {grid-column:3;white-space:normal;font-size:10px;}
  #chat .ranking-avatar {width:32px;height:32px;grid-column:2;grid-row:1 / 3;}
  #chat .ranking-index {grid-column:1;grid-row:1 / 3;}
  #chat .chat-user-detail {grid-column:3;}
}