*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:#000;color:#fff;font-family:"Press Start 2P",monospace}
.play-wrapper{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.arcade-stage{position:relative;width:min(100vw,100dvh);aspect-ratio:1}
.arcade-bg{display:block;width:100%;height:100%;object-fit:contain}
.hero-nav{position:absolute;left:24px;top:22%;z-index:20}
.nav-grid{display:flex;flex-direction:column;gap:14px}
.nav-btn{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:11px;padding:14px 18px;border:2px solid #00ffff;border-radius:999px;color:#00ffff;background:#000b;text-decoration:none;box-shadow:0 0 10px #00ffffa0,inset 0 0 10px #00ffff50}
.nav-btn:hover,.nav-btn:focus-visible{color:#ff4df2;border-color:#ff4df2;box-shadow:0 0 14px #ff4df2a0}
.game-select{position:absolute;left:27.73%;top:37.24%;width:45.17%;height:38.83%;display:flex;align-items:center;justify-content:center}
.game-select-inner{width:90%;display:flex;flex-direction:column;gap:12px;align-items:stretch}
.game-select h1{color:#ff3df2;text-shadow:0 0 12px #ff3df2;font-size:clamp(8px,1.7vw,18px);text-align:center;margin-bottom:8px}
.game-select a,.coming-soon{display:flex;align-items:center;justify-content:center;text-align:center;min-height:32px;padding:8px 3px;border:2px solid #00f0ff;border-radius:14px;background:#000d;color:#fff;font-size:clamp(6px,.9vw,10px);line-height:1.5;text-decoration:none}
.game-select a:hover,.game-select a:focus-visible{color:#ff3df2;border-color:#ff3df2;box-shadow:0 0 12px #ff3df260}
.coming-soon{color:#bdbdbd;border-color:#395457}
@media(max-height:500px){.game-select-inner{gap:6px}.game-select h1{font-size:8px;margin-bottom:2px}.game-select a,.coming-soon{min-height:24px;padding:4px 2px;font-size:6px}}
@media(max-width:1050px){.hero-nav{left:12px;top:12px}.nav-grid{gap:8px}.nav-btn{font-size:8px;padding:10px 12px}}
@media(max-width:600px) and (orientation:portrait){
.play-wrapper{padding-top:120px;align-items:flex-start}
.hero-nav{left:12px;right:12px;top:12px}
.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.nav-btn{min-height:40px;font-size:9px}
.game-select-inner{gap:6px}
.game-select h1{font-size:8px;margin-bottom:2px}
.game-select a,.coming-soon{font-size:6px;min-height:26px;padding:5px 1px}
}