body{background:linear-gradient(180deg, var(--night) 0%, var(--dusk) 45%, var(--plum) 72%, var(--sunset) 100%);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.sky{pointer-events:none;z-index:0;position:fixed;inset:0}.stars{background:0 0;width:3px;height:3px;animation:4s steps(2,end) infinite twinkle;position:absolute;top:0;left:0;box-shadow:8vw 6vh #fff,17vw 14vh #cfc6ff,26vw 4vh #fff,34vw 19vh #fff,43vw 9vh #cfc6ff,52vw 3vh #fff,61vw 16vh #fff,69vw 7vh #cfc6ff,78vw 12vh #fff,88vw 5vh #fff,94vw 18vh #cfc6ff,4vw 22vh #fff,13vw 30vh #cfc6ff,47vw 27vh #fff,72vw 25vh #fff,83vw 31vh #cfc6ff,30vw 34vh #fff,58vw 36vh #cfc6ff}@keyframes twinkle{50%{opacity:.55}}.moon{background:var(--sun);clip-path:polygon(25% 0,75% 0,75% 12%,88% 12%,88% 25%,100% 25%,100% 75%,88% 75%,88% 88%,75% 88%,75% 100%,25% 100%,25% 88%,12% 88%,12% 75%,0 75%,0 25%,12% 25%,12% 12%,25% 12%);width:48px;height:48px;position:absolute;top:8vh;right:10vw;box-shadow:0 0 0 6px #ffcf4a40,0 0 40px 10px #ffcf4a40}@media (prefers-reduced-motion:reduce){.stars{animation:none}}.site-header{z-index:1;text-align:center;padding:56px 16px 24px;position:relative}.logo{font-family:var(--pixel-font);color:var(--sun);text-shadow:4px 4px #b4442f,8px 8px #00000059;letter-spacing:2px;margin:0;font-size:clamp(28px,7vw,56px);line-height:1.25}.logo span{color:var(--ink);text-shadow:4px 4px 0 var(--grass-dark), 8px 8px 0 #00000059;display:block}.tagline{font-family:var(--pixel-font);color:var(--ink-soft);margin:18px 0 0;font-size:clamp(9px,2.4vw,12px)}main{z-index:2;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:24px 16px 0;position:relative}.arcade{grid-template-columns:repeat(auto-fit,minmax(240px,300px));justify-content:center;align-items:end;gap:36px;display:grid}.cabinet{--accent:#8f7ad6;color:var(--ink);background:linear-gradient(#2c2456 0%,#211a44 100%);border:4px solid #120d2b;border-top:none;flex-direction:column;align-items:center;gap:14px;padding:0 18px 22px;text-decoration:none;transition:transform .16s;display:flex;position:relative;box-shadow:inset 6px 0 #ffffff0f,inset -6px 0 #00000040,0 18px 0 -6px #00000059}a.cabinet:hover,a.cabinet:focus-visible{transform:translateY(-6px)}a.cabinet:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.cabinet-marquee{text-align:center;background:var(--accent);width:calc(100% + 36px);box-shadow:0 0 24px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 -6px 0 #0003;border:4px solid #120d2b;margin:0 -18px;padding:16px 10px}.cabinet-marquee span{font-family:var(--pixel-font);color:#241405;font-size:12px;line-height:1.5}.cabinet-screen{aspect-ratio:16/10;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 35%, #0b0820), #0b0820 70%);border:10px solid #0b0820;border-radius:10px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 3px #3b3270}.cabinet-screen img{object-fit:cover;width:100%;height:100%;display:block}.screen-glare{pointer-events:none;background:linear-gradient(160deg,#ffffff29 0%,#fff0 40%),repeating-linear-gradient(0deg,#0000001f 0 1px,#0000 1px 3px);position:absolute;inset:0}.soon-text{font-family:var(--pixel-font);text-align:center;color:var(--ink-soft);font-size:13px;line-height:1.8;animation:1.4s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.3}}.cabinet-deck{background:#3b3270;border:3px solid #120d2b;width:100%;height:34px;position:relative;transform:perspective(200px)rotateX(25deg)}.cabinet-deck .stick{background:#120d2b;width:10px;height:22px;position:absolute;top:-10px;left:22%}.cabinet-deck .stick:after{content:"";background:#e2483d;border-radius:50% 50% 40% 40%;width:20px;height:14px;position:absolute;top:-10px;left:-5px}.cabinet-deck .knob{background:var(--sun);border-radius:50%;width:14px;height:14px;position:absolute;top:8px;box-shadow:0 3px #a07a14}.cabinet-deck .knob.a{right:30%}.cabinet-deck .knob.b{background:#4ac6ff;right:14%;box-shadow:0 3px #1d6f99}.cabinet-blurb{text-align:center;min-height:3em;color:var(--ink-soft);margin:0;font-size:15px}.cabinet-play{pointer-events:none}.cabinet.is-soon{opacity:.75}.yard{z-index:1;height:150px;margin-top:-70px;position:relative}.fence{background:linear-gradient(180deg, transparent 22px, var(--fence-dark) 22px 30px, transparent 30px 58px, var(--fence-dark) 58px 66px, transparent 66px), repeating-linear-gradient(90deg, var(--fence) 0 26px, var(--fence-dark) 26px 30px, transparent 30px 36px);clip-path:polygon(0 12px,100% 12px,100% 100%,0 100%);height:90px;position:absolute;top:0;left:0;right:0}.lawn{background:repeating-linear-gradient(90deg, var(--grass) 0 6px, var(--grass-dark) 6px 8px, var(--grass) 8px 14px), var(--grass);height:70px;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 6px #ffffff1f}.site-footer{z-index:1;background:var(--grass-dark);text-align:center;color:#d9f5dc;padding:0 16px 24px;font-size:14px;position:relative}.site-footer p{margin:0}.site-footer a{color:#fff}@media (max-width:560px){.site-header{padding-top:40px}.arcade{grid-template-columns:minmax(0,340px)}.moon{width:32px;height:32px}}
