:root{--bg:#0a0a12;--panel:#12121f;--cyan:#00f0ff;--magenta:#ff2bd6;--text:#e8e8f0;--dim:#7a7a94;font-family:"Press Start 2P",Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);background-image:radial-gradient(ellipse at 50% -20%, #1c1035 0%, var(--bg) 60%);color:var(--text);overflow:hidden}#app,.arcade{height:100dvh}.arcade{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,3vh,2.5rem) 1rem;display:flex}.marquee{text-align:center}.title{letter-spacing:.08em;color:var(--cyan);text-shadow:0 0 6px var(--cyan), 0 0 24px #00f0ff80, 3px 3px 0 var(--magenta);font-size:clamp(1.1rem,4.5vw,2.4rem)}.tagline{color:var(--dim);letter-spacing:.3em;margin-top:1rem;font-size:clamp(.5rem,1.6vw,.7rem)}.grid{flex:1;grid-template-columns:repeat(3,minmax(120px,190px));place-content:center;gap:clamp(.75rem,2vw,1.5rem);width:100%;max-width:900px;display:grid}.tile{--accent:var(--cyan);aspect-ratio:1;background:var(--panel);border:2px solid var(--accent);color:var(--text);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 0 18px #0009}a.tile:hover,a.tile:focus-visible{box-shadow:0 0 12px var(--accent), 0 0 32px color-mix(in srgb, var(--accent) 40%, transparent), inset 0 0 18px #0009;z-index:1;outline:none;transform:translateY(-4px)}.tile-icon{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--accent) 60%, transparent));font-size:clamp(1.6rem,5vw,2.6rem)}.tile-title{letter-spacing:.1em;color:var(--accent);font-size:clamp(.45rem,1.4vw,.65rem)}.tile-subtitle{letter-spacing:.08em;color:var(--dim);margin-top:-.5rem;font-size:clamp(.35rem,1vw,.45rem)}.tile-soon{opacity:.45;cursor:default;border-style:dashed}.tile-badge{border:1px solid var(--dim);color:var(--dim);letter-spacing:.15em;border-radius:3px;padding:.25rem .35rem;font-size:.4rem;position:absolute;top:.5rem;right:.5rem}.coin-slot{color:var(--magenta);text-shadow:0 0 8px #ff2bd699;letter-spacing:.2em;font-size:clamp(.5rem,1.6vw,.7rem)}.blink{animation:1.2s step-end infinite blink}@keyframes blink{50%{opacity:0}}.scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 3px,#0000002e 3px 4px);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.blink{animation:none}.tile{transition:none}}@media (width<=560px){body{overflow:auto}.grid{grid-template-columns:repeat(2,minmax(120px,1fr));max-width:400px}}