*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080707;color:#f4eee8;font-family:"Noto Sans",sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,rgba(130,0,15,.17),transparent 35%),radial-gradient(circle at 20% 70%,rgba(90,0,10,.10),transparent 30%);pointer-events:none;z-index:-2}.noise{position:fixed;inset:0;opacity:.035;z-index:50;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:82px;position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(180deg,rgba(5,4,4,.92),rgba(5,4,4,.18));backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:700 16px Cinzel;letter-spacing:2px}.brand small{display:block;font:600 8px "Noto Sans";letter-spacing:4px;opacity:.55}.brand-mark{font-size:27px;color:#d71931;text-shadow:0 0 20px #d71931}nav{display:flex;gap:30px}nav a,footer a{color:#aaa;text-decoration:none;font-size:11px;letter-spacing:1.8px;transition:.3s}nav a:hover,nav a.active,footer a:hover{color:#fff}.sound,.hamb{background:none;border:0;color:#aaa;letter-spacing:1px}.sound{font-size:15px}.sound span{font-size:9px}.hamb{display:none;font-size:22px}.hero{height:100vh;min-height:700px;position:relative;display:flex;align-items:center;padding:100px 9vw;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(120,0,15,.24),transparent 30%),linear-gradient(115deg,#080606 20%,#10090a 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,7,.95),transparent 65%),repeating-linear-gradient(90deg,transparent 0 89px,rgba(255,255,255,.025) 90px);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.25;background:linear-gradient(rgba(160,20,30,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(160,20,30,.12) 1px,transparent 1px);background-size:90px 90px;transform:perspective(500px) rotateX(58deg) translateY(45%);transform-origin:center bottom}.hero-orb{position:absolute;width:480px;height:480px;border-radius:50%;right:12%;top:18%;background:radial-gradient(circle at 35% 35%,#ff5865,#a9091d 38%,#37030a 70%,transparent 72%);box-shadow:0 0 80px rgba(215,25,49,.38),0 0 220px rgba(130,0,15,.22);animation:float 7s ease-in-out infinite}.hero-content{position:relative;z-index:3}.eyebrow,.section-kicker,.tag{font-size:10px;letter-spacing:4px;color:#c6a9a9}.hero h1,.page-hero h1{font:800 clamp(72px,11vw,170px)/.82 Cinzel;margin:22px 0;letter-spacing:-5px}.hero h1 i,.page-hero h1 em,h1 em,h2 em{font-style:normal;color:#c9142b;text-shadow:0 0 35px rgba(201,20,43,.28)}.hero h1 span{font-size:.62em;letter-spacing:12px}.hero-copy{color:#bcb3b0;line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:14px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 21px;border:1px solid rgba(255,255,255,.15);text-decoration:none;color:#fff;font-size:10px;letter-spacing:2px;transition:.35s}.btn-red{background:#b90e24;border-color:#df2740;box-shadow:0 0 30px rgba(185,14,36,.16)}.btn-red:hover{background:#ed1835;transform:translateY(-3px);box-shadow:0 10px 45px rgba(185,14,36,.3)}.btn-ghost:hover{border-color:#b90e24;background:rgba(185,14,36,.08);transform:translateY(-3px)}.scroll{position:absolute;z-index:3;bottom:35px;left:9vw;color:#777;font-size:8px;letter-spacing:4px;display:flex;align-items:center;gap:15px}.scroll span{width:55px;height:1px;background:#777}.marquee{overflow:hidden;white-space:nowrap;background:#ae0d22;color:#fff;font:600 12px Cinzel;letter-spacing:4px;padding:14px 0}.marquee div{animation:marquee 25s linear infinite}.section{padding:125px 9vw}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:35px}.section h2{font:700 clamp(42px,6vw,82px)/.98 Cinzel;margin:12px 0 30px;letter-spacing:-2px}.lead{font-size:20px;line-height:1.8;color:#e5ded9}.muted{color:#817977;line-height:1.8}.text-link{display:inline-block;margin-top:20px;color:#d71a32;text-decoration:none;font-size:10px;letter-spacing:2px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#0d0a0b}.feature-image{height:580px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(200,20,40,.38),transparent 24%),linear-gradient(145deg,#13090b,#060506);border:1px solid #281216}.moon-small{width:230px;height:230px;border-radius:50%;position:absolute;top:110px;left:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 35%,#ff4a59,#ad071c 50%,#35030a 75%);box-shadow:0 0 80px rgba(215,25,49,.35)}.kanji{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);font:100px Cinzel;color:rgba(255,255,255,.08)}.vertical{position:absolute;right:20px;top:30px;writing-mode:vertical-rl;font-size:8px;letter-spacing:4px;color:#6e5557}.stats{display:flex;gap:35px;margin:45px 0}.stats div{display:flex;gap:12px;align-items:center}.stats b{font:700 28px Cinzel;color:#c9152d}.stats span{font-size:9px;line-height:1.5;letter-spacing:1px;color:#817977}.section-head{display:flex;justify-content:space-between;align-items:end}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.drink-card{position:relative;padding:42px 30px;border:1px solid #25191b;background:linear-gradient(145deg,#100b0c,#090708);transition:.45s;overflow:hidden}.drink-card:before{content:"";position:absolute;inset:-80%;background:radial-gradient(circle,rgba(190,15,35,.16),transparent 55%);transform:translate(-20%,-20%);transition:.5s}.drink-card:hover{transform:translateY(-8px);border-color:#7e1b2b}.drink-card:hover:before{transform:translate(15%,15%)}.drink-card.featured{border-color:#7e1b2b}.card-num{position:absolute;right:20px;top:20px;color:#554447;font:12px Cinzel}.drink-icon{font:58px Cinzel;color:#bd1028;text-shadow:0 0 30px rgba(189,16,40,.35);position:relative}.drink-card h3{font:600 25px Cinzel;margin:30px 0 8px;position:relative}.drink-card p{color:#827678;font-size:12px;position:relative}.drink-card strong{display:block;margin-top:30px;color:#df2941;font:600 18px Cinzel}.event-banner{padding:70px 9vw;background:linear-gradient(90deg,#16090b,#25090e,#100708);border-top:1px solid #3b171c;border-bottom:1px solid #3b171c;display:grid;grid-template-columns:1.4fr 1fr auto;gap:40px;align-items:center}.event-banner h2{font:700 clamp(32px,5vw,65px) Cinzel;margin:10px 0}.event-banner p{color:#8f7e80}.countdown{display:flex;gap:10px;align-items:baseline;justify-content:center}.countdown b{font:600 31px Cinzel}.countdown span{font-size:7px;color:#776669}.owners{background:#090808}.owner-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.owner{border:1px solid #241719;padding:45px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(180,15,35,.1),transparent 55%)}.owner>span{font-size:8px;letter-spacing:3px;color:#886e71}.avatar{width:120px;height:120px;border-radius:50%;margin:25px auto;border:1px solid #74202c;display:grid;place-items:center;font:700 30px Cinzel;color:#c91a31;background:radial-gradient(circle,#290b10,#0c0809);box-shadow:0 0 45px rgba(185,14,36,.12)}.owner h3{font:600 25px Cinzel;margin:0}.owner p{color:#827678;font-size:11px}.page-hero{min-height:580px;padding:200px 9vw 90px;position:relative;background:radial-gradient(circle at 75% 45%,rgba(160,0,20,.18),transparent 30%),#090707}.page-hero h1{font-size:clamp(70px,11vw,150px)}.page-hero p{max-width:520px;color:#9c8c8e;line-height:1.8}.tabs{display:flex;gap:8px;margin-bottom:50px}.tab{cursor:pointer;background:none;border:1px solid #302124;color:#766568;padding:13px 22px;font-size:10px;letter-spacing:2px}.tab.active,.tab:hover{background:#b20e24;color:#fff;border-color:#c81a31}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.menu-item{padding:25px;border:1px solid #24191b;background:#0d0a0b;display:grid;grid-template-columns:1fr auto;transition:.3s}.menu-item:hover{border-color:#76202b;transform:translateX(5px)}.menu-item h3{margin:0;font:600 20px Cinzel}.menu-item p{grid-column:1;color:#756769;font-size:11px;margin:8px 0 0}.menu-item strong{grid-column:2;grid-row:1/3;align-self:center;color:#d21b33;font:600 17px Cinzel}.events{display:grid;gap:16px}.event-card{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:35px;padding:35px;border:1px solid #24191b;background:#0d0a0b}.event-card.big{padding:45px}.event-date{border-right:1px solid #332023;padding-right:30px;text-align:center}.event-date b{font:700 55px Cinzel;color:#c5162e}.event-date span{display:block;color:#746164;font-size:9px;letter-spacing:2px}.event-card h2{font:600 30px Cinzel;margin:10px 0}.event-card p{color:#887a7c;font-size:12px;line-height:1.7;max-width:650px}.event-meta{font-size:8px;letter-spacing:2px;color:#c21a31}.gallery-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-auto-rows:260px;gap:12px}.g{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(190,15,35,.35),transparent 30%),linear-gradient(135deg,#190b0e,#090708);border:1px solid #25191b;transition:.5s}.g:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(210,25,45,.08));transition:.5s}.g:hover{transform:scale(.985);border-color:#7a202d}.g:hover:before{background:rgba(190,15,35,.1)}.g span{position:absolute;bottom:18px;left:20px;font-size:9px;letter-spacing:2px;color:#b7a4a5}.g1{grid-row:span 2}.g4{grid-column:2/4}.story{display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center}.story-copy p{color:#948587;line-height:1.9;max-width:620px}.story-symbol{height:500px;border:1px solid #2a1b1e;display:grid;place-items:center;align-content:center;font:150px Cinzel;color:#c31730;background:radial-gradient(circle,rgba(190,15,35,.13),transparent 45%)}.story-symbol small{font:9px "Noto Sans";letter-spacing:5px;color:#766366}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:#0e0a0b}.contact p{color:#8d7d7f;line-height:1.9;font-size:12px}footer{padding:50px 9vw;border-top:1px solid #201719;display:flex;align-items:center;justify-content:space-between;gap:30px}footer .footer-brand{font:700 18px Cinzel;letter-spacing:2px}footer small{font:8px "Noto Sans";letter-spacing:4px;color:#777}footer p{font-size:8px;letter-spacing:2px;color:#67585a}footer div:last-child{display:flex;gap:20px}.cursor,.cursor-dot{position:fixed;pointer-events:none;z-index:100;transform:translate(-50%,-50%);border-radius:50%}.cursor{width:32px;height:32px;border:1px solid rgba(220,30,55,.5);transition:transform .08s,width .2s,height .2s}.cursor-dot{width:4px;height:4px;background:#e0243d}.reveal{opacity:0;transform:translateY(25px);animation:reveal .9s .2s forwards}.delay{animation-delay:.35s}.delay2{animation-delay:.5s}.delay3{animation-delay:.65s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-18px) scale(1.02)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){nav{display:none}.nav{padding:0 5vw}.hamb{display:block}.sound{display:none}.hero{padding:110px 7vw}.hero-orb{width:300px;height:300px;right:-70px;top:20%}.hero h1{font-size:clamp(58px,17vw,100px)}.section{padding:85px 7vw}.intro-grid,.feature,.story,.contact{grid-template-columns:1fr}.feature-image{height:420px}.cards,.owner-grid,.menu-grid{grid-template-columns:1fr}.event-banner{grid-template-columns:1fr;padding:55px 7vw}.event-card{grid-template-columns:80px 1fr}.event-card .btn{grid-column:2;justify-self:start}.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:200px}.g1{grid-row:span 2}.g4{grid-column:auto}footer{flex-direction:column;align-items:flex-start}footer div:last-child{flex-wrap:wrap}.cursor,.cursor-dot{display:none}}@media(max-width:520px){.page-hero{min-height:500px;padding:160px 7vw 60px}.event-card,.event-card.big{padding:25px;gap:18px}.event-date{padding-right:15px}.event-date b{font-size:35px}.event-card h2{font-size:22px}.stats{gap:18px}.hero-actions{flex-direction:column;align-items:flex-start}.gallery-grid{grid-template-columns:1fr}.g1{grid-row:auto}.g4{grid-column:auto}.countdown{justify-content:flex-start}.countdown b{font-size:24px}}
#loader{position:fixed;inset:0;background:#080707;z-index:200;display:grid;place-items:center;align-content:center;gap:15px;transition:opacity .7s,visibility .7s}.loader-moon{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ff5361,#a9091c 55%,#35030a 75%);box-shadow:0 0 70px rgba(215,25,49,.35);animation:float 2.5s ease-in-out infinite}.loader-title{font:700 22px Cinzel;letter-spacing:7px}.loader-sub{font-size:8px;letter-spacing:4px;color:#79676a}.gone{opacity:0;visibility:hidden}

.location-page{background:#050505}.location-hero{min-height:390px;padding:170px 9vw 55px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 45%,rgba(190,10,35,.24),transparent 28%),linear-gradient(180deg,#0d0708,#080606)}.location-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(220,25,45,.08)),repeating-linear-gradient(90deg,transparent 0 88px,rgba(255,255,255,.025) 89px);animation:bgShift 12s linear infinite}.location-bg-glow{position:absolute;width:260px;height:260px;right:16%;top:75px;border-radius:50%;background:radial-gradient(circle,#dc263c 0 3%,#780817 22%,transparent 68%);filter:blur(1px);opacity:.55;animation:float 6s ease-in-out infinite}.location-heading{position:relative;z-index:2}.location-heading h1{font:800 clamp(55px,8vw,110px)/.84 Cinzel;margin:18px 0;letter-spacing:-3px}.location-heading p{color:#9a898b;max-width:500px}.location-wrap{display:grid;grid-template-columns:310px 1fr;gap:22px;padding-top:55px;background:#070606}.location-panel{border:1px solid #35191e;background:linear-gradient(150deg,#12090b,#080607);padding:28px;box-shadow:0 20px 70px rgba(0,0,0,.4);position:relative;overflow:hidden}.location-panel:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;bottom:-90px;background:rgba(170,10,30,.12);filter:blur(15px)}.gps-title{display:flex;gap:14px;align-items:center}.pin-icon{font-size:28px;color:#ec1c38;text-shadow:0 0 20px rgba(236,28,56,.55)}.gps-title small{font-size:8px;letter-spacing:2px;color:#816d70}.gps-title h2{font:600 20px Cinzel;margin:5px 0}.panel-line{height:1px;background:linear-gradient(90deg,#8e1427,transparent);margin:25px 0}.loc-row{display:flex;gap:14px;margin:23px 0}.loc-row>span{font-size:18px;color:#e01a35;width:18px}.loc-row b{font-size:8px;letter-spacing:2px;color:#bfaeb0}.loc-row p{font-size:11px;line-height:1.7;color:#817275;margin:6px 0}.route-btn{width:100%;border:1px solid #b4152c;background:linear-gradient(90deg,#5e0714,#25070b);color:#fff;padding:15px;text-align:left;display:flex;gap:14px;align-items:center;cursor:pointer;transition:.3s;box-shadow:0 0 25px rgba(180,15,40,.08)}.route-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(180,15,40,.2);background:#a30d24}.route-btn>span{font-size:22px;color:#ff4155}.route-btn b{display:block;font-size:9px;letter-spacing:2px}.route-btn small{display:block;color:#9b7f82;font-size:8px;margin-top:4px}.tiny-note{font-size:8px;line-height:1.7;color:#65575a;margin-top:22px}.tiny-note strong{color:#b71930}.map-shell{border:1px solid #3b1b21;background:#080707;box-shadow:0 25px 90px rgba(0,0,0,.45);min-width:0}.map-top,.map-bottom{height:48px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:2px;color:#866f72}.map-top{border-bottom:1px solid #35191e}.map-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ed1937;box-shadow:0 0 12px #ed1937;margin-right:8px}.map-viewport{height:610px;position:relative;overflow:hidden;background:#101010;cursor:grab;touch-action:none}.map-viewport:active{cursor:grabbing}.map-image{position:absolute;inset:0;background:url("../assets/seecity-map.png") center/cover no-repeat;transition:transform .25s ease;transform-origin:center center;filter:grayscale(.35) contrast(1.12) brightness(.72)}.map-dim{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(0,0,0,.52) 100%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(120,0,15,.12));pointer-events:none}.map-scan{position:absolute;left:0;right:0;top:-10%;height:2px;background:rgba(239,24,51,.6);box-shadow:0 0 18px #ef1833;animation:scan 5s linear infinite;opacity:.45;pointer-events:none}.map-marker{position:absolute;left:44.6%;top:11.5%;z-index:5;transform-origin:center center}.marker-core{width:54px;height:54px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(145deg,#f12642,#870619);border:2px solid #ff465a;box-shadow:0 0 0 6px rgba(235,24,52,.12),0 0 45px rgba(235,24,52,.65);display:grid;place-items:center;color:#fff;font:20px Cinzel}.marker-core::first-letter{transform:rotate(45deg)}.marker-label{position:absolute;left:44px;top:-20px;background:rgba(6,5,6,.92);border:1px solid #9d1328;padding:9px 12px;min-width:160px;box-shadow:0 10px 30px rgba(0,0,0,.55)}.marker-label b{display:block;font:600 12px Cinzel;color:#f5e8e8}.marker-label small{display:block;font-size:7px;letter-spacing:1.5px;color:#d21a34;margin-top:4px}.pulse{position:absolute;inset:-15px;border:1px solid rgba(236,24,52,.7);border-radius:50%;animation:pulse 1.8s ease-out infinite}.compass{position:absolute;right:22px;top:20px;text-align:center;color:#df203a;font:9px Cinzel;text-shadow:0 0 10px #df203a}.compass span{font-size:30px;line-height:30px}.zoom{position:absolute;right:20px;bottom:25px;display:flex;flex-direction:column}.zoom button{width:38px;height:38px;border:1px solid #64202a;background:rgba(7,6,6,.85);color:#e82943;font-size:20px;cursor:pointer}.zoom button:hover{background:#a70d23;color:#fff}.map-bottom{position:absolute;left:0;right:0;bottom:0;background:rgba(6,5,5,.9);border-top:1px solid #431a21;color:#b51a31}.map-tip{padding:9px 18px;font-size:7px;letter-spacing:2px;color:#5d4d50}@keyframes pulse{0%{transform:scale(.5);opacity:.8}70%{transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes scan{to{top:110%}}@keyframes bgShift{to{transform:translateX(80px)}}@media(max-width:950px){.location-wrap{grid-template-columns:1fr}.location-panel{order:2}.map-viewport{height:520px}}@media(max-width:600px){.location-hero{padding:150px 7vw 55px}.location-wrap{padding-left:7vw;padding-right:7vw}.map-viewport{height:420px}.marker-label{left:30px;top:45px}.map-marker{left:44%;top:12%}}

/* V3 CINEMATIC LAYER */
.particle-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:.65}
.hero,.page-hero,.location-hero{isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 76% 42%,rgba(255,30,55,.11),transparent 22%),linear-gradient(180deg,transparent 60%,rgba(0,0,0,.72));mix-blend-mode:screen}
.hero-content{z-index:5}
.hero-orb{transition:margin .5s cubic-bezier(.2,.8,.2,1)}
.cinematic-reveal{opacity:0;transform:translateY(45px) scale(.985);filter:blur(5px);transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1),filter 1s ease}
.cinematic-reveal.is-visible{opacity:1;transform:none;filter:none}
.section:before{content:"";position:absolute;left:9vw;right:9vw;height:1px;background:linear-gradient(90deg,transparent,#5c1b24,transparent);opacity:.25}
.section{position:relative}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.35) 100%)}
.drink-card,.owner,.event-card{will-change:transform}
.marquee{position:relative;z-index:5;box-shadow:0 0 35px rgba(170,10,30,.12)}
.hero-grid{animation:gridDrift 20s linear infinite}
@keyframes gridDrift{0%{transform:perspective(500px) rotateX(58deg) translateY(45%) translateX(0)}50%{transform:perspective(500px) rotateX(58deg) translateY(45%) translateX(-35px)}100%{transform:perspective(500px) rotateX(58deg) translateY(45%) translateX(0)}}
.hero h1{animation:titleGlow 4s ease-in-out infinite alternate}
@keyframes titleGlow{to{text-shadow:0 0 45px rgba(255,25,50,.12)}}
.location-page .map-shell{animation:panelPulse 5s ease-in-out infinite}
@keyframes panelPulse{50%{box-shadow:0 25px 100px rgba(160,0,20,.12)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.cinematic-reveal{opacity:1;transform:none;filter:none}.particle-canvas{display:none}}

.cinematic-callout{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(190,10,30,.12),transparent 40%),#090708}
.cinematic-art{height:470px;position:relative;overflow:hidden;border:1px solid #32191e;background:#060506}
.cinematic-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.2),transparent 55%,rgba(120,0,15,.2));pointer-events:none}
.cinematic-art img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) contrast(1.08);transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.cinematic-art:hover img{transform:scale(1.1)}
.cinematic-callout-copy p{color:#8e7c7e;line-height:1.9;max-width:500px;margin-bottom:30px}
@media(max-width:850px){.cinematic-callout{grid-template-columns:1fr}.cinematic-art{height:330px}}

/* ===== RED MOON V4 CINEMATIC EXPERIENCE ===== */
.v4-intro{position:fixed;inset:0;z-index:9999;background:#040303;display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden;transition:opacity 1.1s ease,visibility 1.1s}.v4-intro:before{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(180,5,30,.18),rgba(80,0,15,.06) 35%,transparent 68%);animation:introPulse 4s ease-in-out infinite}.intro-moon{width:170px;height:170px;border-radius:50%;position:relative;background:radial-gradient(circle at 35% 35%,#ff314b,#b50c22 45%,#47020b 78%,transparent 79%);box-shadow:0 0 50px rgba(232,22,52,.38),0 0 150px rgba(180,0,25,.2);animation:moonRise 2s cubic-bezier(.2,.8,.2,1) both}.intro-moon:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(218,24,49,.3);border-radius:50%;animation:ring 3s linear infinite}.intro-moon span{position:absolute;inset:0;display:grid;place-items:center;font:42px Cinzel;color:#fff;filter:drop-shadow(0 0 14px #ff2845)}.intro-kicker{position:relative;margin-top:30px;font:9px Noto Sans;letter-spacing:5px;color:#9e7f82}.intro-title{position:relative;margin-top:12px;font:800 clamp(38px,6vw,76px)/.9 Cinzel;letter-spacing:4px;color:#f4e9e9;text-shadow:0 0 35px rgba(255,30,50,.12)}.intro-title i{display:block;font-style:normal;color:#d71935;font-size:.5em;letter-spacing:9px;margin-top:10px}.intro-sub{position:relative;margin-top:18px;font-size:8px;letter-spacing:7px;color:#725d60}.intro-enter{position:relative;margin-top:42px;padding:16px 28px;background:transparent;border:1px solid #7f1526;color:#eadfe0;font:600 9px Noto Sans;letter-spacing:2px;cursor:pointer;transition:.35s;box-shadow:inset 0 0 0 rgba(180,10,30,0)}.intro-enter span{margin-left:15px;color:#e6223e}.intro-enter:hover{background:#851025;border-color:#d32a43;box-shadow:0 0 40px rgba(194,15,40,.22);transform:translateY(-2px)}.intro-progress{position:absolute;bottom:12vh;width:180px;height:1px;background:#241114;overflow:hidden}.intro-progress span{display:block;width:45%;height:100%;background:#d51a37;animation:introLoad 2.4s ease-in-out infinite}.intro-leave{opacity:0;visibility:hidden}.sound-active{color:#ed2a43!important;text-shadow:0 0 12px rgba(237,42,67,.5)}@keyframes introPulse{50%{transform:scale(1.08);opacity:.75}}@keyframes moonRise{from{transform:translateY(35px) scale(.75);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:none}}@keyframes ring{to{transform:rotate(360deg) scale(1.15);opacity:0}}@keyframes introLoad{50%{transform:translateX(125%)}100%{transform:translateX(350%)}}@media(max-width:600px){.intro-moon{width:130px;height:130px}.intro-kicker{letter-spacing:3px}.intro-enter{margin-top:32px}}

/* ===== V5 LOCATION / CLICK-TO-ROUTE ===== */
.v5-location{background:#030303}.location-v5-head{padding:155px 5vw 35px;display:flex;justify-content:space-between;align-items:end;gap:30px;background:radial-gradient(circle at 52% 50%,rgba(180,8,30,.12),transparent 35%),#060506}.location-v5-head h1{font:700 clamp(42px,5vw,76px)/.95 Cinzel;margin:12px 0}.location-v5-head h1 em{font-style:normal;color:#e21d3a}.location-v5-head p{max-width:680px;color:#806e71;line-height:1.7;font-size:12px}.map-status{min-width:200px;border:1px solid #34151b;padding:15px 18px;background:#090607}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e31b3a;box-shadow:0 0 14px #e31b3a;margin-right:8px}.map-status b{font-size:9px;letter-spacing:2px}.map-status small{display:block;color:#735e61;font-size:7px;letter-spacing:2px;margin-top:7px}.v5-map-layout{display:grid;grid-template-columns:230px minmax(500px,1fr) 245px;gap:15px;padding:0 3vw 50px;background:#050505}.v5-side{border:1px solid #2c1318;background:linear-gradient(180deg,#0d0708,#070606);min-height:690px;padding:22px;position:relative;overflow:hidden}.v5-side:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 65%,rgba(190,10,30,.08));pointer-events:none}.side-label{font-size:8px;letter-spacing:3px;color:#a5162e;border-bottom:1px solid #30151a;padding-bottom:13px;margin-bottom:22px}.legend-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #211012;padding:14px 0}.legend-item b{display:block;font-size:8px;letter-spacing:1px}.legend-item small{display:block;color:#69585a;font-size:7px;margin-top:5px}.legend-dot{width:12px;height:12px;border-radius:50%;display:block}.legend-dot.current{border:2px solid #4ed7ff;box-shadow:0 0 12px #1eb8eb}.legend-dot.pub{background:#e51b3b;box-shadow:0 0 12px #e51b3b}.legend-line{width:24px;height:3px;background:#e51b3b;box-shadow:0 0 8px #e51b3b}.route-info{margin-top:20px}.route-empty{display:grid;place-items:center;text-align:center;padding:24px 8px;color:#68575a}.route-empty span{font-size:28px;color:#d31b36;margin-bottom:10px}.route-empty b{font-size:9px}.route-empty small{font-size:7px;margin-top:7px;line-height:1.6}.route-ready{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:12px;background:#14080a;border:1px solid #541522}.route-ready>span{font-size:22px;color:#f02844}.route-ready b{display:block;font-size:8px;letter-spacing:1px}.route-ready small{display:block;color:#796366;font-size:6px;margin-top:5px}.route-ready strong{font-size:9px;color:#ed2844}.reset-route{width:100%;margin-top:16px;border:1px solid #3d161d;background:#0b0708;color:#bdaeb0;padding:12px;font-size:8px;letter-spacing:2px;cursor:pointer;transition:.3s}.reset-route:hover{background:#861126;color:#fff;border-color:#d52a44}.v5-map-card{border:1px solid #36151c;background:#080707;min-width:0;box-shadow:0 30px 100px rgba(0,0,0,.5)}.map-toolbar{height:45px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2c1318;color:#91777a;font-size:7px;letter-spacing:2px}.map-toolbar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e31b3a;box-shadow:0 0 10px #e31b3a;margin-right:8px}.v5-map-canvas{height:640px;position:relative;overflow:hidden;background:#080909;cursor:crosshair}.map-art{position:absolute;inset:0;background:url("../assets/seecity-map-clean.png") center/contain no-repeat;filter:brightness(.75) contrast(1.25);transform-origin:center;transition:transform .2s}.map-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.65)),linear-gradient(180deg,rgba(0,0,0,.15),rgba(100,0,15,.08));pointer-events:none}.route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.route-path{fill:none;stroke:#f12643;stroke-width:3;stroke-dasharray:9 8;filter:url(#routeGlow);animation:routeDash 1.3s linear infinite}.route-glow{fill:none;stroke:rgba(239,26,58,.45);stroke-width:12;filter:url(#routeGlow);opacity:.55}.map-pin{position:absolute;z-index:4;transform:translate(-50%,-50%);pointer-events:none}.map-pin strong{width:42px;height:42px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;font:17px Cinzel;color:#fff;background:#c8122c;border:2px solid #ff465d;box-shadow:0 0 35px rgba(239,27,56,.6)}.map-pin strong::first-letter{transform:rotate(45deg)}.map-pin label{position:absolute;left:30px;top:-4px;background:rgba(5,4,5,.94);border:1px solid #751427;padding:8px 10px;white-space:nowrap;font:600 9px Cinzel;color:#f4e7e8;box-shadow:0 8px 25px rgba(0,0,0,.5)}.map-pin label small{display:block;font:6px Noto Sans;letter-spacing:1.4px;color:#d21d38;margin-top:4px}.pin-pulse{position:absolute;inset:-12px;border:1px solid #e31b3a;border-radius:50%;animation:pinPulse 1.8s infinite}.current-pin{display:none}.current-pin.show{display:block}.current-pin strong{width:22px;height:22px;border-radius:50%;transform:none;background:#4fd9ff;border:2px solid #d8f8ff;box-shadow:0 0 30px #18c6f3;color:#063541;font:8px Noto Sans}.current-pin label{left:17px;top:-9px;border-color:#166d85;color:#bff5ff}.current-ring{position:absolute;inset:-12px;border:1px solid rgba(61,218,255,.8);border-radius:50%;animation:pinPulse 1.5s infinite}.click-hint{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:9px 15px;background:rgba(5,4,5,.9);border:1px solid #421821;color:#8f777a;font-size:7px;letter-spacing:2px;z-index:5;pointer-events:none}.map-compass{position:absolute;left:18px;top:18px;text-align:center;color:#e21d3a;font:8px Cinzel;z-index:4}.map-compass span{font-size:28px}.map-zoom{position:absolute;right:16px;bottom:55px;display:flex;flex-direction:column;z-index:6}.map-zoom button{width:36px;height:36px;background:rgba(7,6,6,.9);border:1px solid #57202a;color:#e21d3a;font-size:20px;cursor:pointer}.map-bottom{position:absolute;bottom:0;left:0;right:0;height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;background:rgba(5,4,5,.94);border-top:1px solid #33151b;color:#8d7477;font-size:6px;letter-spacing:1.5px;z-index:5}.map-foot{padding:9px 13px;font-size:6px;letter-spacing:1px;color:#5d4e50}.venue-card{padding:22px;border:1px solid #451923;background:radial-gradient(circle at 80% 10%,rgba(207,18,45,.18),transparent 35%),#0b0607}.venue-orb{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#f4314b,#7b0818);box-shadow:0 0 35px rgba(226,23,52,.3);font:24px Cinzel;color:#fff;margin-bottom:18px}.venue-kicker{font-size:7px;letter-spacing:3px;color:#b31731}.venue-card h2{font:700 25px/1 Cinzel;margin:10px 0 15px}.venue-card h2 em{font-style:normal;color:#e01d3a}.venue-card p{color:#756164;font-size:8px;line-height:1.7}.venue-meta{border-top:1px solid #281216;margin-top:17px;padding-top:15px;display:grid;gap:10px;font-size:7px;color:#7f6a6d}.venue-meta b{color:#c5b6b8;margin-left:6px}.route-card{margin-top:15px;padding:17px;background:#0d0708;border:1px solid #32141a}.route-card small{font-size:6px;letter-spacing:2px;color:#a91630}.route-card b{display:block;font:600 13px Cinzel;margin-top:8px}.route-card p{font-size:8px;color:#6e5b5e;line-height:1.6}.route-card:after{content:"";display:block;height:2px;background:linear-gradient(90deg,#e21c3a,transparent);margin-top:14px}@keyframes routeDash{to{stroke-dashoffset:-34}}@keyframes pinPulse{0%{transform:scale(.6);opacity:.8}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}@media(max-width:1100px){.v5-map-layout{grid-template-columns:190px minmax(450px,1fr)}.v5-side.right{display:none}}@media(max-width:760px){.location-v5-head{padding:135px 6vw 25px;display:block}.map-status{margin-top:20px}.v5-map-layout{display:block;padding:0 4vw 40px}.v5-side.left{min-height:auto;margin-bottom:12px}.v5-map-canvas{height:520px}.legend{display:flex;gap:15px}.legend-item{border:0;padding:4px 0}.legend-item small{display:none}.reset-route{width:auto}.route-info{display:none}.v5-side.right{display:none}.map-pin label{font-size:7px}.map-pin label small{font-size:5px}}

/* V7 restore: cinematic loader + index-only intro visuals */
#loader{background:linear-gradient(180deg,rgba(5,3,4,.78),rgba(5,3,4,.95)),url("../assets/red-moon-cinematic.png") center/cover no-repeat!important;z-index:10000!important}
.v4-intro{background:radial-gradient(circle at 50% 35%,rgba(160,0,20,.18),transparent 34%),linear-gradient(180deg,rgba(4,2,3,.50),rgba(4,2,3,.94)),url("../assets/red-moon-cinematic.png") center/cover no-repeat!important}
.v4-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.48) 100%);pointer-events:none}

/* V7.1 INDEX-ONLY CINEMATIC LOADING SCREEN */
#loader.rm-loader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden;background:linear-gradient(180deg,rgba(3,2,3,.45),rgba(3,2,3,.92)),url("../assets/red-moon-cinematic.png") center/cover no-repeat;transition:opacity .9s ease,visibility .9s ease}
#loader.rm-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(235,24,55,.2),transparent 32%),radial-gradient(circle at 50% 50%,transparent 30%,rgba(0,0,0,.62) 100%);pointer-events:none}
#loader.rm-loader.is-gone{opacity:0;visibility:hidden;pointer-events:none}
.loader-orbit{position:absolute;width:250px;height:250px;border:1px solid rgba(238,25,54,.35);border-radius:50%;animation:rmOrbit 7s linear infinite;box-shadow:0 0 80px rgba(205,10,35,.12)}
.loader-moon{position:relative;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff5668,#b30b24 50%,#39030a 78%);font:42px Cinzel;color:#fff;box-shadow:0 0 55px rgba(234,25,53,.5),0 0 150px rgba(170,0,25,.2);animation:rmMoon 2s ease both}
.loader-kicker{position:relative;margin-top:30px;font:600 8px 'Noto Sans';letter-spacing:5px;color:#b99da1}
.loader-title{position:relative;margin-top:11px;font:800 clamp(38px,6vw,76px)/.9 Cinzel;letter-spacing:3px;color:#f7e9ea;text-shadow:0 0 30px rgba(255,25,50,.18)}
.loader-title i{display:block;color:#dd1838;font-style:normal;font-size:.48em;letter-spacing:10px;margin-top:9px}
.loader-sub{position:relative;margin-top:16px;font:600 8px 'Noto Sans';letter-spacing:6px;color:#806c70}
.loader-enter{position:relative;margin-top:36px;padding:16px 30px;border:1px solid #9d1830;background:rgba(35,3,8,.5);color:#f4e5e7;font:700 9px 'Noto Sans';letter-spacing:2px;cursor:pointer;transition:.3s;box-shadow:0 0 35px rgba(216,17,47,.1)}
.loader-enter:hover{background:#a50e28;border-color:#ff3853;transform:translateY(-2px);box-shadow:0 0 45px rgba(216,17,47,.28)}
.loader-enter span{margin-left:14px;color:#ff3651}
.loader-progress{position:absolute;bottom:10vh;width:190px;height:1px;background:#351018;overflow:hidden}
.loader-progress span{display:block;width:45%;height:100%;background:#e31b3d;animation:rmLoad 2.1s ease-in-out infinite}
@keyframes rmOrbit{to{transform:rotate(360deg)}}
@keyframes rmMoon{from{opacity:0;transform:scale(.72) translateY(22px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes rmLoad{50%{transform:translateX(120%)}100%{transform:translateX(340%)}}
@media(max-width:600px){.loader-moon{width:115px;height:115px;font-size:34px}.loader-orbit{width:205px;height:205px}.loader-title{font-size:42px}.loader-enter{margin-top:30px}}

/* V8 global cleanup */
body{background:#060506;color:#f3eceb} .nav{z-index:90}.sound{cursor:pointer}.nav nav.open{display:flex!important}
/* index-only cinematic loading screen */
.rm-loader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;align-content:center;text-align:center;overflow:hidden;background:linear-gradient(180deg,rgba(3,1,2,.38),rgba(3,1,2,.92)),url("../assets/red-moon-cinematic.png") center/cover no-repeat;transition:opacity 1s ease,visibility 1s ease}
.rm-loader:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,rgba(238,17,52,.22),transparent 30%),radial-gradient(circle at 50% 50%,transparent 25%,rgba(0,0,0,.65) 100%)}
.rm-loader.gone{opacity:0;visibility:hidden;pointer-events:none}.rm-loader>*{position:relative;z-index:2}
.loader-moon{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#ff6a77,#b70c26 48%,#350309 78%);box-shadow:0 0 70px rgba(235,22,54,.55),0 0 180px rgba(180,0,30,.25);font:46px Cinzel;color:#fff;animation:rmMoonIn 1.4s ease both,rmFloat 5s ease-in-out 1.4s infinite}
.loader-orbit{position:absolute;width:250px;height:250px;border:1px solid rgba(239,24,54,.35);border-radius:50%;box-shadow:0 0 70px rgba(221,14,45,.12);animation:rmSpin 9s linear infinite}
.loader-kicker{margin-top:34px;color:#c7aeb1;font-size:9px;letter-spacing:5px}.loader-title{margin-top:12px;font:800 clamp(42px,6vw,82px)/.9 Cinzel;letter-spacing:3px}.loader-title i{display:block;font-style:normal;color:#e11b3d;font-size:.46em;letter-spacing:11px;margin-top:10px}.loader-sub{margin-top:16px;color:#8e797d;font-size:9px;letter-spacing:6px}.loader-enter{margin-top:36px;padding:17px 34px;background:rgba(39,3,9,.6);border:1px solid #b41b36;color:#fff;font:700 10px 'Noto Sans';letter-spacing:2px;cursor:pointer;box-shadow:0 0 40px rgba(220,20,50,.14);transition:.35s}.loader-enter:hover{background:#a80f2a;box-shadow:0 0 55px rgba(220,20,50,.32);transform:translateY(-3px)}.loader-enter span{color:#ff5a6d;margin-left:14px}.loader-progress{position:absolute!important;bottom:9vh;width:210px;height:1px;background:#351017;overflow:hidden}.loader-progress span{display:block;height:100%;width:38%;background:#e52343;animation:rmLoad 2.4s ease-in-out infinite}
@keyframes rmMoonIn{from{opacity:0;transform:scale(.7) translateY(20px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes rmFloat{50%{transform:translateY(-7px)}}@keyframes rmSpin{to{transform:rotate(360deg)}}@keyframes rmLoad{50%{transform:translateX(210%) }100%{transform:translateX(560%)}}
@media(max-width:760px){.nav nav{display:none}.nav nav.open{display:flex!important;position:absolute;top:82px;left:0;right:0;padding:18px 5vw;background:rgba(5,4,4,.97);flex-direction:column;gap:18px}.hamb{display:block}.loader-moon{width:118px;height:118px;font-size:34px}.loader-orbit{width:195px;height:195px}}

/* ===== RED MOON V10 POLISH ===== */
:root{--rm-red:#e21a3b;--rm-deep:#090305;--rm-line:rgba(226,26,59,.35)}
body{background:#050405;color:#f6eff0}
body:after{content:"";position:fixed;inset:-20%;z-index:-3;pointer-events:none;background:radial-gradient(circle at 50% 15%,rgba(170,10,32,.14),transparent 28%),radial-gradient(circle at 15% 80%,rgba(120,0,20,.1),transparent 25%);animation:rmAtmos 12s ease-in-out infinite alternate}
.nav{height:86px;padding:0 clamp(22px,5vw,80px);border-bottom:1px solid rgba(226,26,59,.14);background:linear-gradient(180deg,rgba(4,2,4,.96),rgba(4,2,4,.55),transparent);box-shadow:0 10px 40px rgba(0,0,0,.25)}
.brand{font-size:15px}.brand-mark{color:var(--rm-red);text-shadow:0 0 24px rgba(226,26,59,.8)}
nav a{position:relative;padding:31px 0;color:#8f8386}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:1px;background:var(--rm-red);box-shadow:0 0 12px rgba(226,26,59,.8);transition:.35s}nav a:hover:after,nav a.active:after{right:0}nav a.active{color:#fff}
.sound-wrap{position:relative;display:flex;align-items:center}.sound{height:42px;padding:0 12px;display:flex;gap:9px;align-items:center;color:#ddd;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:rgba(10,5,7,.5);font-size:13px}.sound:hover{border-color:rgba(226,26,59,.45);color:#fff}.sound span:last-child{font-size:8px;letter-spacing:2px}
.volume-panel{position:absolute;right:0;top:50px;width:220px;padding:16px 16px 18px;background:rgba(10,5,7,.96);border:1px solid rgba(226,26,59,.28);box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 35px rgba(226,26,59,.08);opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:.25s;backdrop-filter:blur(16px)}.sound-wrap:hover .volume-panel,.volume-panel:focus-within{opacity:1;transform:none;pointer-events:auto}.volume-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:8px;letter-spacing:3px;color:#9e8e92}.volume-head strong{color:#f3d9dc;font-size:11px;letter-spacing:1px}#volumeSlider{width:100%;accent-color:var(--rm-red);cursor:pointer}

/* cinematic index loader */
.rm-loader{position:fixed;inset:0;z-index:100000;overflow:hidden;background:#050204 url("../assets/loading-v10.jpg") center/cover no-repeat;display:grid;place-items:center;transition:opacity 1.15s ease,visibility 1.15s ease}.rm-loader.gone{opacity:0;visibility:hidden;pointer-events:none}.rm-loader:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,1,3,.5),transparent 50%,rgba(3,1,3,.5)),linear-gradient(180deg,rgba(3,1,3,.18),rgba(3,1,3,.7));animation:loaderBreath 7s ease-in-out infinite alternate}.rm-loader:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 30%,rgba(230,19,50,.22),transparent 24%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 45%);mix-blend-mode:screen;opacity:.65}
.loader-fog{position:absolute;inset:-10%;pointer-events:none;filter:blur(18px);opacity:.34;background:radial-gradient(ellipse at 20% 62%,rgba(210,50,65,.18),transparent 38%),radial-gradient(ellipse at 75% 58%,rgba(180,25,45,.2),transparent 40%);animation:fogDrift 18s ease-in-out infinite alternate}.fog-b{opacity:.2;transform:scale(1.1);animation-duration:25s;animation-direction:alternate-reverse}.loader-particles{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,60,80,.8) 0 1px,transparent 1.6px);background-size:130px 130px;opacity:.15;animation:particleDrift 14s linear infinite}
.loader-scene{position:relative;z-index:5;width:min(680px,90vw);display:flex;flex-direction:column;align-items:center;text-align:center}.loader-moon{width:185px;height:185px;border-radius:50%;position:relative;background:radial-gradient(circle at 32% 30%,#ff5268 0 5%,#cf122e 30%,#740617 58%,#1c0307 76%);box-shadow:0 0 45px rgba(237,25,57,.62),0 0 120px rgba(237,25,57,.3),0 0 260px rgba(170,0,25,.18);animation:moonFloat 6s ease-in-out infinite}.loader-moon:before{content:"";position:absolute;inset:-30px;border:1px solid rgba(245,39,65,.28);border-radius:50%;animation:moonRing 9s linear infinite}.loader-moon:after{content:"";position:absolute;inset:-58px;border:1px solid rgba(245,39,65,.12);border-radius:50%;border-left-color:transparent;border-right-color:transparent;animation:moonRing 15s linear infinite reverse}.loader-moon span{position:absolute;width:55%;height:110%;right:-6%;top:-5%;border-radius:50%;background:#090306;box-shadow:-18px 0 20px rgba(0,0,0,.35)}
.loader-kicker{margin-top:54px;font-size:9px;letter-spacing:6px;color:#bba4a8}.loader-title{margin-top:12px;font:800 clamp(48px,8vw,96px)/.82 Cinzel;letter-spacing:4px;text-shadow:0 0 40px rgba(231,24,57,.2)}.loader-title i{display:block;margin-top:13px;font:600 .32em "Noto Sans";font-style:normal;letter-spacing:12px;color:var(--rm-red)}.loader-sub{margin-top:18px;color:#847276;font-size:9px;letter-spacing:7px}.loader-enter{margin-top:42px;position:relative;padding:18px 31px;min-width:245px;border:1px solid rgba(237,27,57,.65);background:linear-gradient(135deg,rgba(88,4,18,.62),rgba(19,3,7,.78));color:#fff;cursor:pointer;font:700 10px "Noto Sans";letter-spacing:3px;box-shadow:0 0 35px rgba(226,26,59,.12);transition:.35s}.loader-enter:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.08);pointer-events:none}.loader-enter:hover{transform:translateY(-4px);background:linear-gradient(135deg,#b70f2b,#36030c);box-shadow:0 15px 55px rgba(226,26,59,.3)}.loader-enter b{margin-left:17px;color:#ff536a}.loader-progress{width:230px;height:1px;margin-top:24px;background:rgba(255,255,255,.08);overflow:hidden}.loader-progress span{display:block;width:35%;height:100%;background:var(--rm-red);box-shadow:0 0 12px var(--rm-red);animation:loaderLine 2.4s ease-in-out infinite}.loader-corner{position:absolute;bottom:32px;z-index:5;color:#705e63;font-size:7px;letter-spacing:3px}.loader-corner-l{left:4vw}.loader-corner-r{right:4vw}

/* deeper page atmosphere */
.page-hero{position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:500px;height:500px;right:-100px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(214,18,48,.18),transparent 68%);filter:blur(15px);animation:rmAtmos 9s ease-in-out infinite alternate}.section h2{letter-spacing:-1px}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);transition:.55s}.btn:hover:after{transform:translateX(110%)}

@keyframes rmAtmos{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.05)}}@keyframes loaderBreath{from{transform:scale(1);opacity:.8}to{transform:scale(1.04);opacity:1}}@keyframes fogDrift{from{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(4%,-2%,0) scale(1.08)}}@keyframes particleDrift{to{background-position:130px -260px}}@keyframes moonFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.015)}}@keyframes moonRing{to{transform:rotate(360deg)}}@keyframes loaderLine{0%{transform:translateX(-150%)}55%,100%{transform:translateX(380%)}}
@media(max-width:900px){nav{gap:16px}.nav{padding:0 22px}.sound span:last-child{display:none}.volume-panel{right:-5px}.loader-moon{width:145px;height:145px}.loader-kicker{margin-top:40px}}
@media(max-width:760px){.nav nav{display:none}.nav nav.open{display:flex!important;position:absolute;top:86px;left:0;right:0;padding:20px 24px;background:rgba(5,3,5,.97);border-bottom:1px solid rgba(226,26,59,.18);flex-direction:column;gap:18px}.nav nav a{padding:0}.nav nav a:after{bottom:-5px}.hamb{display:block}.loader-title{font-size:50px}.loader-sub{letter-spacing:4px}.loader-enter{margin-top:32px}.loader-corner{display:none}}

/* === V11 CINEMATIC OVERRIDES === */
:root{--rm-red:#e51b3e;--rm-deep:#120205;--rm-ink:#050304;--rm-soft:#8e777c}
html.rm-index-lock,html.rm-index-lock body{overflow:hidden}
#loader.rm-loader{background:#030203 url("../assets/loading-v10.jpg") center/cover no-repeat;isolation:isolate}
#loader.rm-loader:before{content:"";position:absolute;inset:-12%;background:
  radial-gradient(ellipse at 50% 72%,rgba(255,30,58,.14),transparent 34%),
  radial-gradient(ellipse at 50% 42%,rgba(255,30,58,.10),transparent 30%),
  linear-gradient(110deg,rgba(0,0,0,.76),transparent 42%,rgba(0,0,0,.62)),
  linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.72));
  animation:rmLoaderCinematic 13s ease-in-out infinite alternate;z-index:0}
#loader.rm-loader:after{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(180deg,rgba(255,255,255,.025) 0 1px,transparent 1px 5px),
  radial-gradient(circle at 25% 25%,rgba(255,44,71,.5) 0 1px,transparent 2px),
  radial-gradient(circle at 70% 65%,rgba(255,44,71,.45) 0 1px,transparent 2px);
  background-size:auto,120px 120px,170px 170px;opacity:.12;mix-blend-mode:screen;animation:rmFilmDrift 18s linear infinite}
.loader-fog{filter:blur(34px);opacity:.5!important;background:
 radial-gradient(ellipse at 18% 72%,rgba(255,42,66,.11),transparent 42%),
 radial-gradient(ellipse at 78% 35%,rgba(255,42,66,.16),transparent 38%),
 radial-gradient(ellipse at 52% 50%,rgba(240,240,240,.05),transparent 40%)!important;z-index:1!important}
.loader-scene{z-index:4!important;transform:translateY(1vh)}
.loader-moon{width:218px;height:218px;box-shadow:0 0 70px rgba(237,25,57,.72),0 0 180px rgba(237,25,57,.28),0 0 320px rgba(170,0,25,.18);animation:moonFloat 7s ease-in-out infinite,rmMoonGlow 3.8s ease-in-out infinite alternate}
.loader-moon:before{inset:-42px;border-color:rgba(255,42,71,.28);box-shadow:0 0 40px rgba(255,42,71,.1)}
.loader-title{letter-spacing:7px;text-shadow:0 0 60px rgba(255,33,67,.22),0 6px 22px rgba(0,0,0,.7)}
.loader-sub{color:#bfa9ae}
.loader-enter{min-width:285px;height:56px;border-radius:1px;background:linear-gradient(135deg,rgba(177,11,37,.88),rgba(36,2,8,.92));border-color:rgba(255,65,90,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 40px rgba(226,26,59,.18);position:relative;overflow:hidden}
.loader-enter:after{content:"";position:absolute;top:-80%;left:-40%;width:24%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(20deg);animation:rmShine 3.2s ease-in-out infinite}
.loader-enter:disabled{opacity:.55;cursor:wait}
.hero{background:
  linear-gradient(90deg,rgba(5,2,3,.96) 0%,rgba(5,2,3,.76) 38%,rgba(5,2,3,.18) 74%),
  linear-gradient(180deg,rgba(5,2,3,.06),rgba(5,2,3,.86)),
  url("../assets/red-moon-cinematic.png") center/cover no-repeat fixed!important}
.hero-orb{width:560px;height:560px;right:8%;top:8%;opacity:.5}
.nav{border-bottom-color:rgba(234,24,59,.12);box-shadow:0 10px 50px rgba(0,0,0,.35)}
.nav:after{content:"";position:absolute;left:5vw;right:5vw;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(225,26,58,.5),transparent);pointer-events:none}
.sound-wrap{display:flex;align-items:center;gap:10px}
.volume-panel{min-width:170px}
.page-hero{background:radial-gradient(circle at 74% 22%,rgba(218,18,47,.16),transparent 30%),linear-gradient(180deg,#090608,#070507 70%,#100709)!important}
@keyframes rmLoaderCinematic{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(1.5%,-1%,0)}}
@keyframes rmFilmDrift{to{background-position:0 220px,180px -140px,-150px 180px}}
@keyframes rmMoonGlow{from{filter:brightness(.95)}to{filter:brightness(1.12)}}
@keyframes rmShine{0%,50%{left:-40%}100%{left:130%}}
@media(max-width:900px){.volume-panel{min-width:145px}.loader-moon{width:170px;height:170px}.loader-title{letter-spacing:4px}}

/* === V12 GLOBAL AUDIO / NAV PATCH === */
.sound-wrap{position:relative;display:flex;align-items:center;gap:8px;z-index:70}
.sound{min-width:118px;height:42px;padding:0 14px;border:1px solid rgba(226,26,59,.22);background:rgba(10,5,7,.72);cursor:pointer}
.sound:hover{border-color:rgba(226,26,59,.65);background:rgba(40,5,10,.86)}
.volume-panel{z-index:80;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;right:0;top:54px;min-width:220px;border-radius:2px}
.volume-panel.open,.sound-wrap:hover .volume-panel,.volume-panel:focus-within{opacity:1;visibility:visible;pointer-events:auto;transform:none}
#volumeSlider{height:24px}
#volumeSlider::-webkit-slider-thumb{cursor:pointer;transition:none!important;transform:none!important}#volumeSlider::-moz-range-thumb{transition:none!important;transform:none!important}
.nav nav a{white-space:nowrap}
@media(max-width:920px){.sound{min-width:48px}.sound span:last-child{display:none}.volume-panel{right:-4px}}
@media(max-width:760px){.nav{height:74px}.nav .sound-wrap{margin-left:auto;margin-right:8px}.nav nav.open{z-index:95}.nav nav a{font-size:12px;padding:2px 0}}


/* V19 / RED MOON NEON ATMOSPHERE */
.rm-loader .loader-fog{overflow:visible;opacity:.58!important;filter:blur(30px) saturate(1.15)!important;mix-blend-mode:screen}
.rm-loader .loader-fog:before,
.rm-loader .loader-fog:after{content:"";position:absolute;inset:auto;width:62vw;height:22vh;border-radius:50%;background:radial-gradient(ellipse,rgba(236,31,62,.20) 0%,rgba(164,12,38,.10) 38%,transparent 72%);filter:blur(34px);opacity:.8;animation:rmSmokeOne 16s ease-in-out infinite alternate}
.rm-loader .fog-a:before{left:-10vw;top:52%;transform:rotate(-7deg)}
.rm-loader .fog-a:after{right:-12vw;top:66%;width:54vw;height:18vh;animation-duration:21s;animation-delay:-6s}
.rm-loader .fog-b:before{left:18vw;top:38%;width:46vw;height:15vh;opacity:.55;animation-duration:19s;animation-delay:-9s}
.rm-loader .fog-b:after{right:4vw;top:22%;width:38vw;height:13vh;opacity:.42;animation-duration:24s;animation-delay:-3s}
@keyframes rmSmokeOne{0%{transform:translate3d(-7vw,8px,0) scale(.92) rotate(-6deg);opacity:.18}50%{opacity:.55}100%{transform:translate3d(9vw,-16px,0) scale(1.16) rotate(5deg);opacity:.28}}
.nav nav a{position:relative;text-shadow:0 0 0 transparent;transition:color .3s,text-shadow .3s}
.nav nav a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:linear-gradient(90deg,transparent,#e51b3d,transparent);transform:scaleX(0);transform-origin:center;transition:transform .35s;box-shadow:0 0 12px rgba(229,27,61,.65)}
.nav nav a:hover,.nav nav a.active{color:#fff;text-shadow:0 0 16px rgba(229,27,61,.28)}
.nav nav a:hover:after,.nav nav a.active:after{transform:scaleX(1)}
.rm17-btn{box-shadow:0 0 0 rgba(213,31,60,0);transition:transform .35s,box-shadow .35s,border-color .35s,background .35s}
.rm17-btn:hover{box-shadow:0 0 28px rgba(213,31,60,.13),inset 0 0 20px rgba(213,31,60,.05)}
.section-kicker,.rm17-kicker,.rm17-label{ text-shadow:0 0 14px rgba(225,29,63,.18)}
@media(max-width:700px){.rm-loader .loader-fog:before,.rm-loader .loader-fog:after{width:100vw;height:18vh}.rm-loader .fog-a:before{left:-35vw}.rm-loader .fog-a:after{right:-25vw}.rm-loader .fog-b:before{left:-10vw}.rm-loader .fog-b:after{right:-10vw}}
/* V20 — live DJ indicator */
.rm-live-indicator{position:fixed;right:20px;top:86px;z-index:1200;display:none;align-items:center;gap:9px;padding:10px 13px;background:rgba(12,6,9,.94);border:1px solid #71243b;border-radius:999px;box-shadow:0 0 28px rgba(190,31,70,.22),0 14px 45px #0009;color:#ffd9e1;text-decoration:none;font-size:11px;letter-spacing:.1em;backdrop-filter:blur(8px)}
.rm-live-indicator.show{display:flex}.rm-live-indicator .rm-live-dot{width:8px;height:8px;border-radius:50%;background:#ff315b;box-shadow:0 0 12px #ff315b;animation:rmLivePulse 1.2s infinite}.rm-live-indicator small{color:#ff7891;letter-spacing:.08em}@keyframes rmLivePulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:700px){.rm-live-indicator{right:12px;top:74px;font-size:9px;padding:8px 10px}}

/* V27 premium LIVE banner */
.rm-live-indicator{width:min(390px,calc(100vw - 24px));box-sizing:border-box;right:18px;top:84px;padding:14px 16px;border-radius:16px;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(19,7,11,.97),rgba(7,4,6,.97));border:1px solid rgba(232,48,84,.48);box-shadow:0 0 36px rgba(220,24,61,.18),0 18px 55px rgba(0,0,0,.55);backdrop-filter:blur(14px)}
.rm-live-indicator.show{display:flex}.rm-live-indicator .rm-live-dot{width:10px;height:10px;flex:0 0 auto}.rm-live-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.rm-live-copy b{font-size:10px;letter-spacing:.2em;color:#ff4e70}.rm-live-copy strong{font-family:Cinzel,serif;font-size:16px;color:#f6e9ed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-live-copy small{font-size:10px;color:#b8949f;letter-spacing:.08em}.rm-live-cta{margin-left:auto;font-size:9px;letter-spacing:.14em;color:#ff8298;white-space:nowrap}.rm-live-indicator:hover{border-color:#e44b6a;transform:translateY(-1px)}
@media(max-width:700px){.rm-live-indicator{right:12px;top:76px;width:calc(100vw - 24px);padding:12px 13px}.rm-live-copy strong{font-size:14px}}

/* V29 — unified Red Moon header across public, Club, DJ and Staff */
.nav{height:76px;padding:0 clamp(20px,5vw,72px);background:rgba(6,5,6,.90);backdrop-filter:blur(14px);border-bottom:1px solid rgba(215,25,49,.14);box-shadow:0 10px 35px rgba(0,0,0,.18)}
.nav .brand{min-width:190px;gap:11px;font-family:Cinzel,serif;font-size:15px;letter-spacing:2.4px}
.nav .brand-mark{font-size:25px}
.nav nav{align-items:center;gap:24px;margin:0 auto}
.nav nav a{font-size:10px;letter-spacing:1.55px;white-space:nowrap;color:#9d9395}
.nav nav a:hover,.nav nav a.active{color:#fff}
.nav .staff-link{color:#d8b9be!important}
.nav .staff-link.active{color:#ff4d68!important}
.header-context{min-width:150px;text-align:right;color:#8f7d81;font-size:8px;letter-spacing:2.5px;text-transform:uppercase;white-space:nowrap}
.nav .hamb{display:none;background:transparent;border:0;color:#d8c6c9;font-size:22px;cursor:pointer}
@media(max-width:1100px){.nav nav{gap:15px}.nav nav a{font-size:9px}.header-context{min-width:120px}}
@media(max-width:900px){.nav{height:70px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;padding:14px 5vw 18px;background:rgba(7,5,6,.98);border-bottom:1px solid #291319;flex-direction:column;align-items:flex-start;gap:14px}.nav nav.open{display:flex}.nav .hamb{display:block}.header-context{min-width:auto;margin-left:auto;margin-right:12px;font-size:7px}.nav .brand{min-width:auto}}
@media(max-width:520px){.header-context{display:none}.nav .brand{font-size:13px}.nav .brand small{letter-spacing:2px}}

/* V54.2 volume slider stability: the thumb is controlled only by user input. */
#volumeSlider{touch-action:none;appearance:auto;-webkit-appearance:auto;will-change:auto}
#volumeSlider::-webkit-slider-thumb{will-change:auto}

/* V54 — stability pass: pages are revealed only after layout/assets are ready.
   Decorative ambience may animate; structural panels never pulse/fade/repaint themselves. */
body.rm-page-arriving main{animation:none!important;filter:none!important;transform:none!important;opacity:1!important}
.panel,.glass-form,.stat-grid article,.request-item,.club-chat,.dj-panel,.card,[class*="panel"],[class*="card"]{
  animation:none!important;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}