:root{--bg:#1a1c2c;--panel:#29366f;--ink:#f4f4f4;--dim:#94b0c2;--gold:#ffcd75;--red:#e43b44;--blue:#41a6f6}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0;font-family:"Press Start 2P",monospace;font-size:12px;line-height:1.8}#app{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:0 auto;padding:32px 16px;display:flex}h1{color:var(--gold);text-shadow:3px 3px #000;margin:0;font-size:20px}.logo{font-size:28px}.logo span{color:var(--dim);text-shadow:none;margin-top:8px;font-size:10px;display:block}.tagline,.score,.back{color:var(--dim);margin:0;font-size:10px}.back{align-self:flex-start;text-decoration:none}.back:hover{color:var(--ink)}.status{min-height:1.8em;margin:0}.games{grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:16px;display:grid}.card{background:var(--panel);color:var(--ink);border:4px solid #000;flex-direction:column;align-items:center;gap:12px;padding:20px 8px;text-decoration:none;display:flex;box-shadow:inset -4px -4px #1d2b53,inset 4px 4px #3b5dc9,4px 4px #000}.card:hover{transform:translate(-2px,-2px);box-shadow:inset -4px -4px #1d2b53,inset 4px 4px #3b5dc9,6px 6px #000}.card .icon{color:var(--gold);font-size:32px}.card small{color:var(--dim);font-size:8px}.card.soon{opacity:.45}.stage canvas{width:min(100%,360px);height:auto;image-rendering:pixelated;touch-action:none;border:4px solid #000;display:block;box-shadow:4px 4px #000}.btn{font:inherit;color:var(--bg);background:var(--gold);cursor:pointer;border:3px solid #000;padding:10px 14px;font-size:10px;box-shadow:3px 3px #000}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.invite{width:100%;color:var(--dim);flex-direction:column;gap:8px;font-size:10px;display:flex}.invite .row{gap:8px;display:flex}.invite input{min-width:0;font:inherit;color:var(--ink);border:3px solid var(--panel);background:#000;flex:1;padding:8px;font-size:8px}