:root{--theme-accent:#ff6f2d;--theme-deep:#36246a;--theme-soft:#d8f9ff;--theme-surface:#10152a;--display-font:"Segoe UI Black","Arial Black","Segoe UI",Arial,sans-serif}
body{background:#10152a;color:#f5f4ff;background-image:radial-gradient(circle at 20% 15%,rgba(0,220,255,.12),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,0,178,.15),transparent 32%)}
.global-header.scrolled,.journey-rail{background:rgba(10,15,37,.92);color:#fff;border-color:rgba(73,237,255,.17)}.journey-stop{color:#afb5d5}.journey-stop.active{background:#232b61;color:#62efff}.district-hero:before{background:linear-gradient(180deg,rgba(4,7,25,.12),rgba(6,9,27,.84) 78%,#10152a)}
.neon-title{text-shadow:0 0 9px rgba(0,231,255,.75),0 0 28px rgba(255,0,183,.45);animation:neonFlicker 5s infinite}@keyframes neonFlicker{0%,18%,20%,22%,100%{opacity:1}19%,21%{opacity:.62}}
.bubble-field{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bubble{position:absolute;bottom:-60px;width:18px;height:18px;border:2px solid rgba(79,236,255,.28);border-radius:50%;animation:bubbleUp 11s linear infinite}.bubble:nth-child(2){left:18%;animation-delay:2s;width:26px;height:26px}.bubble:nth-child(3){left:42%;animation-delay:5s}.bubble:nth-child(4){left:64%;animation-delay:1s;width:34px;height:34px}.bubble:nth-child(5){left:84%;animation-delay:7s}@keyframes bubbleUp{to{transform:translateY(-115vh) translateX(30px);opacity:0}}
.night-menu{position:relative;z-index:1;padding:90px 0;background:linear-gradient(180deg,#10152a,#17103a)}
.neon-category{margin-bottom:5rem}.neon-category-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.neon-category-head h2{font:900 clamp(2.6rem,6vw,6rem)/.86 var(--display-font);text-transform:uppercase;margin:0;color:var(--cat-color);text-shadow:0 0 14px color-mix(in srgb,var(--cat-color) 65%,transparent)}.neon-category-head p{max-width:460px;color:#b5b7d2;margin:0}
.neon-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;align-items:start}.neon-drink{grid-column:span 4;min-height:420px;border:1px solid color-mix(in srgb,var(--cat-color) 55%,transparent);border-radius:26px;padding:1rem;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 0 26px color-mix(in srgb,var(--cat-color) 18%,transparent);position:relative;overflow:hidden;transform:rotate(var(--tilt,0deg))}.neon-drink:nth-child(3n+2){grid-column:span 5;--tilt:-.5deg}.neon-drink:nth-child(4n){grid-column:span 3;--tilt:.7deg}.neon-drink .dish-image{height:250px;border-radius:19px;background:#080b1d}.neon-drink h3{font:900 1.7rem/.95 var(--display-font);text-transform:uppercase;color:#fff;margin:.8rem 0 .45rem}.neon-drink p{color:#bfc1d9;font-size:.86rem}.open-button{background:#0b122b;color:#62efff;border:2px solid #62efff;box-shadow:0 0 13px rgba(61,235,255,.36);text-transform:uppercase;font-weight:950;letter-spacing:.08em}.open-button:hover{background:#62efff;color:#0b122b}
.neon-drink:before{content:"OPEN";position:absolute;right:-30px;top:16px;background:#ff3ca6;color:#fff;padding:.28rem 2.8rem;transform:rotate(34deg);font-size:.63rem;font-weight:950;box-shadow:0 0 14px rgba(255,60,166,.55)}
body .site-footer{background:#090d22}.next-stop-card{color:#fff}
@media(max-width:900px){.neon-grid{grid-template-columns:repeat(6,1fr)}.neon-drink,.neon-drink:nth-child(3n+2),.neon-drink:nth-child(4n){grid-column:span 3}.neon-category-head{display:block}.neon-category-head p{margin-top:.8rem}}
@media(max-width:560px){.neon-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:1rem}.neon-drink,.neon-drink:nth-child(n){min-width:82%;scroll-snap-align:start}.neon-drink .dish-image{height:230px}}
/* V5: neon posters rather than app cards */
.neon-grid{gap:1.35rem}
.neon-drink{border-radius:1px;background:rgba(255,255,255,.025);box-shadow:none;border-width:0 0 1px 3px;padding:1rem 1rem 1.25rem;min-height:400px}
.neon-drink .dish-image{border-radius:0}
.neon-drink:before{font-size:.58rem;padding:.2rem 2.8rem;box-shadow:none}
.neon-drink .entry-cue{color:var(--cat-color);text-shadow:0 0 9px color-mix(in srgb,var(--cat-color) 55%,transparent)}
.neon-drink .dish-image{height:clamp(280px,28vw,340px);display:grid;place-items:center;padding:.75rem;background:#080b1d}
.neon-drink .dish-image img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
@media(max-width:560px){.neon-drink .dish-image{height:260px}}
