*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%,#3b2a63,#1d1534 70%);color:#fff7e6;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}[hidden]{display:none!important}.menu{min-height:100%;padding:48px 32px 72px;display:flex;flex-direction:column;align-items:center;gap:40px;position:relative}.menu-title{margin:0;font-size:clamp(2.5rem,6vw,4.5rem);color:#ffd166;text-shadow:0 4px 0 #ef476f;text-align:center}.menu-empty{font-size:1.6rem;opacity:.85}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:32px;width:min(1100px,100%)}.game-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;border-radius:28px;background:#fff7e6;color:#3b2a63;text-decoration:none;box-shadow:0 8px #ef476f,0 16px 28px #00000059;transition:transform .12s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-6px) scale(1.03);outline:4px solid #ffd166}.game-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:18px;background:#e9dcc3}.game-card-title{font-size:1.7rem;font-weight:700;text-align:center}.build-stamp{position:fixed;right:12px;bottom:8px;font-size:.75rem;opacity:.6}.play{height:100%;display:flex;flex-direction:column}.play-bar{flex:0 0 auto;display:flex;justify-content:space-between;padding:6px 12px;background:#120c22}.play-bar-group{display:flex;gap:8px}.bar-button{font:inherit;font-weight:700;padding:6px 18px;border:0;border-radius:999px;background:#ffd166;color:#3b2a63;cursor:pointer}.bar-button:hover,.bar-button:focus-visible{background:#ffe29a}.game-host{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.loading{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;display:grid;place-items:center;font-size:2rem;font-weight:700;opacity:.8}