:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#020305}
body{overflow:hidden}
.stage{min-height:100svh;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(35,62,53,.3),transparent 48%),#020305}
.artwork-stage{position:relative;isolation:isolate;width:min(100vw,56.28svh,31rem);aspect-ratio:941/1672;overflow:hidden;background:#050706;box-shadow:0 0 5rem rgba(0,0,0,.94),0 0 0 1px rgba(224,189,109,.13)}
.approved-artwork{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain}
.atmosphere{position:absolute;z-index:3;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.foliage-light{position:absolute;border-radius:50%;filter:blur(1.15rem);opacity:.42}
.foliage-1{left:-17%;top:-3%;width:48%;height:58%;background:radial-gradient(ellipse,rgba(255,193,61,.28),rgba(71,132,55,.12) 50%,transparent 75%);animation:foliage-left 7.4s ease-in-out infinite alternate}
.foliage-2{left:-12%;top:55%;width:39%;height:48%;background:radial-gradient(ellipse,rgba(234,181,57,.2),rgba(67,119,48,.11) 48%,transparent 74%);animation:foliage-lower 8.6s ease-in-out infinite alternate}
.city-glow{position:absolute;border-radius:50%;filter:blur(.35rem);background:radial-gradient(circle,rgba(255,236,169,.92),rgba(255,166,37,.33) 35%,transparent 72%);animation:city-shimmer var(--duration) ease-in-out var(--delay) infinite}
.city-1{--duration:3.8s;--delay:-.5s;left:13%;top:37%;width:7%;aspect-ratio:2.1}.city-2{--duration:4.5s;--delay:-2s;left:72%;top:44%;width:8%;aspect-ratio:2.3}.city-3{--duration:3.4s;--delay:-1.4s;left:84%;top:50%;width:6%;aspect-ratio:1.8}
.crowd-light{position:absolute;top:61%;width:18%;height:17%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,195,76,.21),rgba(255,139,20,.08) 43%,transparent 72%);filter:blur(.7rem);animation:crowd-breathe var(--duration) ease-in-out var(--delay) infinite alternate}
.crowd-1{--duration:4.2s;--delay:-1s;left:4%}.crowd-2{--duration:5.1s;--delay:-2.8s;left:70%}.crowd-3{--duration:4.6s;--delay:-.4s;left:83%}
.bokeh{position:absolute;border-radius:50%;background:radial-gradient(circle at 37% 34%,rgba(255,250,216,.98),rgba(255,179,39,.55) 30%,transparent 72%);filter:blur(.08rem);animation:bokeh-drift var(--duration) ease-in-out var(--delay) infinite alternate}
.bokeh-1{--duration:6.2s;--delay:-1s;left:8%;top:9%;width:3.8%;aspect-ratio:1}.bokeh-2{--duration:7.3s;--delay:-4s;left:86%;top:31%;width:4.7%;aspect-ratio:1}.bokeh-3{--duration:5.9s;--delay:-2.1s;left:79%;top:61%;width:3.4%;aspect-ratio:1}.bokeh-4{--duration:7.8s;--delay:-5s;left:7%;top:74%;width:4.4%;aspect-ratio:1}.bokeh-5{--duration:6.6s;--delay:-3.3s;left:90%;top:81%;width:3%;aspect-ratio:1}.bokeh-6{--duration:8.1s;--delay:-1.7s;left:21%;top:86%;width:2.8%;aspect-ratio:1}
.scene-sweep{position:absolute;top:-16%;bottom:-16%;left:-40%;width:17%;background:linear-gradient(103deg,transparent,rgba(255,230,153,.22),rgba(255,178,39,.14),transparent);filter:blur(.65rem);transform:skewX(-13deg);animation:scene-sweep 8.4s ease-in-out infinite}
.headline-reveal{position:absolute;left:10%;top:15.8%;width:80%;height:14%;background:linear-gradient(102deg,transparent 20%,rgba(255,245,196,.58) 48%,rgba(255,190,47,.18) 58%,transparent 78%);filter:blur(.28rem);transform:translateX(-115%);animation:headline-reveal 6.6s ease-in-out infinite}
.celebrate-shimmer{position:absolute;left:27%;top:25.6%;width:55%;height:6%;background:linear-gradient(104deg,transparent 18%,rgba(255,241,181,.54) 48%,rgba(255,176,32,.18) 61%,transparent 82%);filter:blur(.18rem);transform:translateX(-120%);animation:celebrate 6.6s ease-in-out .85s infinite}
.back-highlight{position:absolute;left:29%;top:43%;width:25%;height:16%;background:linear-gradient(112deg,transparent 34%,rgba(255,240,170,.48) 48%,rgba(255,181,36,.16) 56%,transparent 69%);clip-path:polygon(13% 0,83% 0,100% 100%,0 100%);filter:blur(.13rem);transform:translateX(-115%);animation:back-text 7s ease-in-out 2s infinite}
.story-glow{position:absolute;left:31%;top:66.2%;width:41%;height:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,217,108,.3),rgba(255,167,32,.08) 48%,transparent 73%);filter:blur(.32rem);animation:story-pulse 4.2s ease-in-out 1.4s infinite}
.reserve-glow{position:absolute;left:24.8%;top:49.7%;width:50.5%;height:4.25%;border-radius:999px;box-shadow:0 0 .8rem rgba(255,195,59,.26),inset 0 0 .7rem rgba(255,247,203,.25);animation:reserve-pulse 3.1s ease-in-out infinite}
.support-glow{position:absolute;left:29.1%;top:60.15%;width:42.1%;height:3.45%;border-radius:999px;box-shadow:0 0 .75rem rgba(42,151,91,.31),0 0 .4rem rgba(238,193,75,.22),inset 0 0 .55rem rgba(67,168,107,.2);animation:support-pulse 3.7s ease-in-out .7s infinite}
.action-hit,.pause-hit{position:absolute;z-index:6;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.reserve-hit{left:24.7%;top:49.45%;width:50.8%;height:4.8%;border-radius:999px}.support-hit{left:28.9%;top:59.85%;width:42.5%;height:4.2%;border-radius:999px}.pause-hit{left:77.4%;top:93.7%;width:19.2%;height:4.2%;border-radius:999px}
.action-hit:focus-visible,.pause-hit:focus-visible{outline:2px solid #f2ce70;outline-offset:-.2rem}
.action-hit.is-activated{animation:action-press .55s ease-out}
.is-paused .atmosphere *{animation-play-state:paused!important}
.is-paused .pause-hit::after{content:"";position:absolute;left:7%;top:27%;width:0;height:0;border-top:.38rem solid transparent;border-bottom:.38rem solid transparent;border-left:.62rem solid rgba(255,233,164,.96);filter:drop-shadow(0 0 .25rem #e2ae48)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes foliage-left{0%{transform:translate(-3%,-2%) scale(.95);opacity:.24}100%{transform:translate(8%,5%) scale(1.08);opacity:.56}}
@keyframes foliage-lower{0%{transform:translate(-4%,3%) scale(1.06);opacity:.22}100%{transform:translate(7%,-5%) scale(.96);opacity:.48}}
@keyframes city-shimmer{0%,100%{transform:scale(.74);opacity:.25}48%{transform:scale(1.25);opacity:.88}67%{opacity:.42}}
@keyframes crowd-breathe{0%{transform:translate(-5%,2%) scale(.9);opacity:.18}100%{transform:translate(8%,-4%) scale(1.13);opacity:.58}}
@keyframes bokeh-drift{0%{transform:translate(-.35rem,.5rem) scale(.78);opacity:.22}55%{opacity:.75}100%{transform:translate(.7rem,-1rem) scale(1.18);opacity:.42}}
@keyframes scene-sweep{0%,16%{left:-40%;opacity:0}28%{opacity:.82}63%{left:122%;opacity:.55}77%,100%{left:122%;opacity:0}}
@keyframes headline-reveal{0%,12%{transform:translateX(-115%);opacity:0}24%{opacity:.95}55%{transform:translateX(115%);opacity:.48}67%,100%{transform:translateX(115%);opacity:0}}
@keyframes celebrate{0%,15%{transform:translateX(-120%);opacity:0}28%{opacity:.82}56%{transform:translateX(115%);opacity:.44}69%,100%{transform:translateX(115%);opacity:0}}
@keyframes back-text{0%,18%{transform:translateX(-115%);opacity:0}31%{opacity:.76}58%{transform:translateX(110%);opacity:.38}72%,100%{transform:translateX(110%);opacity:0}}
@keyframes story-pulse{0%,100%{opacity:.25;transform:scale(.95)}50%{opacity:.78;transform:scale(1.07)}}
@keyframes reserve-pulse{0%,100%{opacity:.36;transform:scale(.988)}50%{opacity:1;transform:scale(1.012)}}
@keyframes support-pulse{0%,100%{opacity:.34;transform:scale(.99)}50%{opacity:.9;transform:scale(1.01)}}
@keyframes action-press{0%{box-shadow:inset 0 0 0 rgba(255,224,128,0)}50%{box-shadow:inset 0 0 1.8rem rgba(255,224,128,.42)}100%{box-shadow:inset 0 0 0 rgba(255,224,128,0)}}
@media (min-width:32rem) and (min-height:44rem){.stage{padding:1.25rem}.artwork-stage{max-height:calc(100svh - 2.5rem);border-radius:.2rem}}
@media (prefers-reduced-motion:reduce){.atmosphere *{animation:none!important}.foliage-light,.city-glow,.crowd-light,.bokeh,.story-glow,.reserve-glow,.support-glow{opacity:.2}.scene-sweep,.headline-reveal,.celebrate-shimmer,.back-highlight{display:none}}