/* cRAED / NIGHTFALL V3 — cinematic visual upgrade without heavy external libraries. */
:root{--night-glow:#ff365e;--night-hairline:rgba(255,72,112,.25)}
body{background:radial-gradient(ellipse 70% 20% at 50% 0%,rgba(130,6,35,.24),transparent 80%),#070508}
.global-noise{opacity:.01!important}
.site-header{background:linear-gradient(145deg,rgba(28,9,19,.97),rgba(10,7,13,.97) 60%,rgba(35,9,21,.97));border-color:rgba(253,80,113,.5);box-shadow:0 25px 65px #000b,inset 0 1px #ffb9c714}
.site-nav a{transition:background .23s,color .23s,transform .23s}.site-nav a:hover{transform:translateY(-2px)}
.site-nav .nav-current{box-shadow:0 0 22px #ed16413d,inset 0 1px #ffffff3d}
.watch-top,.button-red{box-shadow:0 12px 31px #db153e56,inset 0 1px #ffffff5c}
.hero{min-height:min(845px,100svh);background:radial-gradient(ellipse 47% 49% at 50% 47%,#a514373b,transparent 70%),radial-gradient(ellipse 50% 38% at 50% 70%,#3f051788,transparent 84%),linear-gradient(145deg,#060509,#16060f 52%,#060509)}
.hero::before{opacity:.34;background:linear-gradient(113deg,transparent 38%,#ff426525 49%,transparent 60%),linear-gradient(71deg,transparent 41%,#ff889914 50%,transparent 61%);background-size:210% 100%;animation:nightfall-rays 24s ease-in-out infinite alternate}
.hero::after{height:210px;background:linear-gradient(transparent,#060507 97%)}
.scene3d{opacity:.88;filter:contrast(1.08)}.scene-word{opacity:.16}
.hero-sculpture{top:43%;width:min(79vw,1050px);filter:drop-shadow(0 25px 33px #d90b4738)}
.bat-wing-mid{opacity:.52}.bat-wing-rear{opacity:.22}.bat-wing-front{opacity:.68}
.hero-mark{width:100px;height:100px;box-shadow:0 0 0 8px #eb1a3d13,0 0 0 21px #e9263810,0 0 65px #f01d4c70,inset 0 0 29px #f3325b55}
.hero-content{max-width:1150px}.hero-english{font-size:clamp(90px,11vw,150px);filter:drop-shadow(0 11px 10px #000b)}
.hero-english span{background:linear-gradient(160deg,#ffedf0,#ff839e 24%,#f22d51 55%,#ab0a2e);color:transparent;-webkit-background-clip:text;background-clip:text}
.hero-description{max-width:660px;color:#f2d7df;text-shadow:0 2px 12px #000b}
.hero-chip{background:#1a0a10d9;border-color:#ff78958c}.hero-tags span{background:#0b080dd9;backdrop-filter:blur(5px)}
.hero-buttons .button{min-height:50px;min-width:163px}
.hero-strip{background:linear-gradient(120deg,#290b18e0,#08070de0 50%,#240b18e0);border-color:#ee507555;box-shadow:0 28px 68px #000b,0 0 39px #ef174114,inset 0 1px #ffffff17;backdrop-filter:blur(10px)}
.motion-test{direction:rtl;gap:7px}.motion-version{border:0;background:transparent;color:#ffb5c488;letter-spacing:2.4px;padding:4px 8px;font-size:10px}
.motion-trigger{border-radius:50px;background:#0e080ecc;box-shadow:none;border-color:#f354796b;color:#ffdde3}.motion-help{display:none}
main>.section{border-top:1px solid #f52d4b12;isolation:isolate;background:radial-gradient(ellipse 45% 65% at 97% 8%,#a6072914,transparent 88%)}
main>.section:nth-of-type(even){background:radial-gradient(ellipse 48% 65% at 0% 50%,#ae0e2f15,transparent 85%)}
main>.section::before{opacity:.038}
.section-heading{margin-bottom:39px;padding-bottom:28px;border-bottom-color:#f04b753b}
.section-heading::after{width:128px;height:2px;box-shadow:0 0 19px #ff2c4f75}
.section-number{font-family:Rajdhani,'Cairo',sans-serif;font-size:clamp(70px,8vw,100px);line-height:1;letter-spacing:-5px;opacity:.51}
.section-heading h2{font-size:clamp(38px,4vw,56px);line-height:1.35;text-shadow:0 9px 25px #0009}
.section-heading h2 em{color:#ff5170}.section-heading p{max-width:620px;color:#c6adb6}
.social-card,.feature-card,.donation-card,.mod-card,.supporter-card,.hall-card,.last-stream,.chat-frame,.live-panel{border-color:#ff55722e;box-shadow:0 24px 62px #0008,inset 0 1px #ffffff11}
.social-card{border-radius:22px;background:radial-gradient(ellipse 90% 150% at var(--px,70%) var(--py,8%),#ea20502f,transparent 75%),linear-gradient(139deg,#1d0d17,#0d0a10 72%)}
.social-card:after{content:'';pointer-events:none;position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(130deg,#ffffff0a,transparent 42%,#f337620a)}
.social-card:hover{border-color:#ff6f8cc9;box-shadow:0 30px 75px #0009,0 0 26px #eb27502b}
.feature-card,.donation-card{border-radius:26px;background:linear-gradient(144deg,#250d1bdc,#0c080efb 68%)}
.mod-card{min-height:330px;border-radius:23px;isolation:isolate;overflow:hidden;background:#11070f}
.mod-cover{height:330px;background:#170810}
.mod-cover:before{z-index:2;background:linear-gradient(0deg,#08050afc 2%,#08050a93 34%,#08050a12 76%),linear-gradient(90deg,#06040945,transparent 55%)}
.mod-cover .mod-wide{filter:saturate(.91) contrast(1.08);transition:transform .7s cubic-bezier(.2,.8,.25,1),filter .7s}
.mod-card:hover .mod-cover .mod-wide{transform:scale(1.085);filter:saturate(1.09)}
.mod-info{position:absolute;z-index:6;inset:auto 0 0;padding:22px 23px 23px;background:linear-gradient(transparent,#08050abb 32%,#08050aee)}
.mod-info h3{font:800 29px Rajdhani,'Cairo',sans-serif;direction:ltr;text-align:right;letter-spacing:.5px}
.mod-info p{color:#f8a1b7}.mod-links{position:relative;z-index:6}
.mod-links a{background:#180b15cd;backdrop-filter:blur(8px);border-color:#ff769877}
.mod-card:hover{transform:translateY(-7px);box-shadow:0 33px 64px #000b,0 0 22px #f31e4a30}
.hall-card,.chat-frame{background:linear-gradient(135deg,#210b19f0,#0c080ff7 63%,#210b19ed)}
.real-badge{transition:transform .24s,box-shadow .24s,border-color .24s}.real-badge:hover{transform:translateY(-6px) scale(1.025);border-color:#ff6b91;box-shadow:0 13px 30px #0008,0 0 23px #ed31554a}
.supporter-card.top{background:linear-gradient(145deg,#66132dba,#170a17f2);box-shadow:0 0 37px #eb17482b,0 20px 50px #0008}
.last-stream{border-radius:27px;overflow:hidden}
.last-cover{background:radial-gradient(ellipse at 50% 48%,#9f123653,transparent 68%),#0b070e}.last-details{background:linear-gradient(130deg,#1b0d16,#0c0910)}
.podium{background:radial-gradient(ellipse at 50% 100%,#a709383b,transparent 58%),#0b070cbb}
.chat-frame{box-shadow:0 32px 100px #0009,0 0 49px #e81c4510}
.ranking-row:hover{background:#db184519}
.nightfall-stamp{display:inline-flex;gap:10px;align-items:center;direction:ltr;letter-spacing:2px;font:700 10px Rajdhani,sans-serif;color:#ffd4dd9e}
.nightfall-stamp:before{content:'';width:6px;height:6px;border-radius:50%;background:#ff3560;box-shadow:0 0 16px #ff3560}
.nightfall-explore{display:inline-flex;gap:8px;align-items:center;margin-top:15px;border:1px solid #ff8da266;border-radius:99px;padding:11px 19px;background:#10070ecf;color:#ffe3e8;font-weight:900;font-size:11px;box-shadow:0 15px 34px #0009;transition:transform .25s,border-color .25s}
.nightfall-explore:hover{transform:translateY(-3px);border-color:#ff6582}
.nightfall-back{position:fixed;left:21px;bottom:23px;z-index:48;width:45px;height:45px;display:grid;place-items:center;background:#1b0815f2;border:1px solid #ff4b78a5;border-radius:15px;box-shadow:0 14px 36px #000c;color:#ffe2e9;font-size:20px;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .23s,transform .23s}
.nightfall-back.visible{opacity:1;transform:none;pointer-events:auto}
@keyframes nightfall-rays{from{background-position:-100% 0}to{background-position:140% 0}}
@media(max-width:900px){.hero-sculpture{width:970px}.mod-card{min-height:300px}.mod-cover{height:300px}}
@media(max-width:650px){.hero{min-height:750px;padding-top:154px}.hero-english{font-size:clamp(72px,17vw,110px)}.hero-sculpture{width:860px;top:40%;opacity:.66}.hero-mark{width:76px;height:76px}.hero-buttons .button{min-width:0}.hero-strip{backdrop-filter:none}.section-number{font-size:61px}.section-heading{margin-bottom:27px}.section-heading h2{font-size:35px}.mod-card{min-height:280px}.mod-cover{height:280px}.mod-info h3{font-size:26px}.nightfall-back{left:13px;bottom:15px;width:42px;height:42px}}
@media(pointer:coarse){.hero::before{animation:none}.mod-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero::before{animation:none!important}.nightfall-back,.nightfall-explore{transition:none!important}}
