:root{--vc-midnight: #0a0a1a;--vc-deep: #1a0438;--vc-purple: #2a0845;--vc-magenta: #ff2bd6;--vc-rose: #ff006e;--vc-sunset: #ff6b35;--vc-amber: #ffb347;--vc-gold: #ffd84d;--vc-cyan: #00f0ff;--vc-mint: #20c4f4;--vc-sand: #fff3d6;--vc-ink: #06010c;--font-display: "Monoton", "Faster One", system-ui;--font-mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--vc-ink);color:var(--vc-sand);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--vc-magenta);color:var(--vc-ink)}.scene{position:relative;width:100vw;height:100vh;overflow:hidden;isolation:isolate;background:radial-gradient(120% 90% at 50% 78%,#ff6b3500 38%,#0a0a1ae6 70%),linear-gradient(180deg,#050018,#0d022a 18%,#2a0845 38%,#6a0c52 55%,#c61775 68%,#ff5e7d 78%,#ff8a3d 86%,#ffd24d 92%,#2e0a26)}.stars{position:absolute;inset:0 0 50%;background-image:radial-gradient(1.2px 1.2px at 12% 18%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1px 1px at 28% 8%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 44% 22%,rgba(255,236,200,.85),transparent 60%),radial-gradient(1px 1px at 62% 6%,rgba(255,255,255,.6),transparent 60%),radial-gradient(1.2px 1.2px at 76% 16%,rgba(255,200,230,.7),transparent 60%),radial-gradient(1px 1px at 88% 4%,rgba(255,255,255,.7),transparent 60%),radial-gradient(1.5px 1.5px at 8% 32%,rgba(255,255,255,.5),transparent 60%),radial-gradient(1px 1px at 96% 28%,rgba(255,236,200,.6),transparent 60%);pointer-events:none}.sun{position:absolute;left:50%;bottom:30%;width:min(58vh,720px);aspect-ratio:1;transform:translate(-50%,40%);border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff3a0 0%,#ffd84d 18%,#ff8a3d 42%,#ff3d7f 68%,#c80a5a 84%,transparent 92%);filter:blur(.5px);z-index:0}.sun:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 14%,rgba(10,1,12,.55) 14% 16%,transparent 16% 30%,rgba(10,1,12,.42) 30% 32%,transparent 32% 50%,rgba(10,1,12,.3) 50% 52%,transparent 52% 100%);mask:radial-gradient(circle,black 60%,transparent 78%);-webkit-mask:radial-gradient(circle,black 60%,transparent 78%)}.grid{position:absolute;left:-10%;right:-10%;bottom:0;height:42vh;perspective:520px;perspective-origin:50% 0%;z-index:1;pointer-events:none}.grid-inner{position:absolute;inset:0;transform:rotateX(62deg);transform-origin:50% 0%;background:linear-gradient(180deg,rgba(10,1,12,0) 0%,rgba(10,1,12,.6) 88%,var(--vc-ink) 100%),repeating-linear-gradient(90deg,transparent 0 60px,rgba(0,240,255,.85) 60px 61px),repeating-linear-gradient(0deg,transparent 0 60px,rgba(255,43,214,.85) 60px 61px),linear-gradient(180deg,#0000,#00000080 80%);background-size:auto,60px 60px,60px 60px,auto;animation:grid-scroll 1.4s linear infinite;will-change:background-position}@keyframes grid-scroll{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,0 60px,0 60px,0 0}}.palm{position:absolute;bottom:0;height:78vh;width:auto;max-width:26vw;z-index:2;pointer-events:none;filter:drop-shadow(0 0 18px rgba(255,0,110,.18))}.palm-left{left:-2vw;transform:rotate(-2deg)}.palm-right{right:-2vw;transform:rotate(2deg)}.vignette{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 50%,transparent 50%,rgba(0,0,0,.55) 100%);z-index:3;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;z-index:6;pointer-events:none}.grain{position:absolute;inset:-50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.42 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:.08;mix-blend-mode:overlay;z-index:7;pointer-events:none}.stage{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;gap:2.2rem;text-align:center}.title{margin:0;font-family:var(--font-display);font-size:clamp(3.6rem,12vw,11rem);line-height:.95;letter-spacing:.06em;text-transform:uppercase;position:relative;opacity:0;animation:rise 1.2s .18s ease-out forwards;background:linear-gradient(180deg,#ffe9ff,#ff2bd6 48%,#ff6b35 88%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(255,43,214,.55),0 0 44px rgba(255,43,214,.32);filter:drop-shadow(0 4px 0 rgba(6,1,12,.4))}.title:before,.title:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffe9ff,#ff2bd6 48%,#ff6b35 88%);-webkit-background-clip:text;background-clip:text;color:transparent}.title:before{transform:translate(2px);text-shadow:-2px 0 0 var(--vc-cyan);mix-blend-mode:screen;opacity:.7}.title:after{transform:translate(-2px);text-shadow:2px 0 0 var(--vc-rose);mix-blend-mode:screen;opacity:.7}.play{position:relative;display:inline-block;padding:0;border:0;background:linear-gradient(180deg,#ff45dd,#ec1c8d 55%,#b8146c);color:#fff8e7;cursor:pointer;transform:skew(-12deg);box-shadow:0 0 0 2px #fff8e799 inset,0 0 0 1px #0000008c,0 16px 44px #ec1c8d80,0 0 90px #ec1c8d6b;transition:transform .18s ease,box-shadow .25s ease,background .2s ease;opacity:0;animation:rise .9s .85s ease-out forwards}.play-inner{display:inline-flex;align-items:center;gap:.85rem;padding:.95rem 2.4rem;transform:skew(12deg);font-family:Bebas Neue,Oswald,Impact,sans-serif;font-style:italic;font-weight:400;font-size:clamp(1.55rem,2.8vw,2.4rem);letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.45),1px 0 0 rgba(0,0,0,.25)}.play:hover,.play:focus-visible{transform:skew(-12deg) translateY(-3px);background:linear-gradient(180deg,#ff6be4,#ff2bd6 55%,#ec1c8d);outline:none}.play:active{transform:skew(-12deg) translateY(0);background:linear-gradient(180deg,#ec1c8d,#b8146c)}.play-glyph{display:inline-grid;place-items:center;width:28px;height:28px;color:#fff8e7;flex-shrink:0}.play-glyph svg{width:22px;height:22px;fill:currentColor;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45))}.play-text{white-space:nowrap;padding-top:4px}@keyframes rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.overlay{position:fixed;inset:0;z-index:50;background:var(--vc-ink);display:grid;grid-template-rows:auto 1fr}.overlay[hidden]{display:none}.overlay-stage{position:relative;background:var(--vc-ink);overflow:hidden;min-height:0}.game-frame{width:100%;height:100%;border:0;display:block;background:var(--vc-ink)}.topbar{position:relative;z-index:2;display:flex;align-items:stretch;justify-content:space-between;gap:1rem;height:56px;padding:0 14px 0 16px;background:linear-gradient(180deg,#000000fa,#08000cf5);border-bottom:2px solid #ec1c8d;box-shadow:0 6px 24px #000000b3,0 0 28px #ec1c8d40,inset 0 -3px #0006}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:#ec1c8d59;filter:blur(2px);pointer-events:none}.topbar-left{display:inline-flex;align-items:center;gap:.75rem}.topbar-logo{height:34px;width:auto;display:block;user-select:none;filter:drop-shadow(0 0 6px rgba(236,28,141,.55)) drop-shadow(0 1px 0 rgba(0,0,0,.7));image-rendering:-webkit-optimize-contrast}.topbar-actions{display:inline-flex;align-items:stretch;gap:2px}.menu-item{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:0 1.05rem;border:0;background:transparent;color:#fff8e7;font-family:Bebas Neue,Oswald,Impact,sans-serif;font-weight:400;font-size:1.18rem;letter-spacing:.18em;font-style:italic;text-transform:uppercase;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.85);transition:color .12s ease,background .12s ease}.menu-item:after{content:"";position:absolute;left:8%;right:8%;bottom:6px;height:2px;background:transparent;transition:background .12s ease}.menu-item svg{width:16px;height:16px;flex-shrink:0;transform:translateY(-1px)}.menu-item .ico-fs-exit{display:none}.menu-item:hover,.menu-item:focus-visible{background:#ec1c8d;color:#0a0010;outline:none;text-shadow:none}.menu-item:hover:after,.menu-item:focus-visible:after{background:#fff8e7}.menu-item:active{background:#b8146c;color:#0a0010}.overlay[data-fs=on] .menu-item .ico-fs{display:none}.overlay[data-fs=on] .menu-item .ico-fs-exit{display:inline-block}.menu-item-exit{color:#ec1c8d;background:transparent}.menu-item-exit:hover,.menu-item-exit:focus-visible{background:#ec1c8d;color:#0a0010}@media(prefers-reduced-motion:reduce){.grid-inner{animation:none!important}.title,.play{animation:none!important;opacity:1}}@media(max-width:640px){.palm{max-width:38vw;height:60vh;opacity:.92}}@media(max-width:520px){.topbar{height:48px;padding:0 8px 0 10px}.topbar-logo{height:28px}.menu-item{padding:0 .7rem;font-size:1rem;letter-spacing:.14em}.menu-item span{display:none}}