:root{--bg: #14121f;--surface: #1f1c30;--surface-hover: #2a2642;--text: #f3f1ff;--muted: #a7a2c3;--accent: #ff5fa2;--accent-2: #7cf3c7;--radius: 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hero{text-align:center;padding:48px 16px 24px}.hero h1{margin:0;font-size:clamp(2.5rem,8vw,4rem);background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);margin:8px 0 24px}.player{display:inline-flex;flex-direction:column;gap:6px;text-align:left}.player label{font-size:.85rem;color:var(--muted)}.player input{padding:10px 14px;border-radius:10px;border:1px solid var(--surface-hover);background:var(--surface);color:var(--text);font-size:1rem;min-width:240px}main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:var(--radius);background:var(--surface);color:inherit;text-decoration:none;transition:transform .15s,background .15s}a.card:hover,a.card:focus-visible{background:var(--surface-hover);transform:translateY(-3px)}.card h2{margin:4px 0 0;font-size:1.2rem}.card p{margin:0;color:var(--muted);flex:1}.card__emoji{font-size:2.2rem}.card__meta{font-size:.8rem;color:var(--accent-2)}.card--soon{opacity:.5}.card--soon .card__meta{color:var(--muted)}footer{text-align:center;color:var(--muted);padding:24px 16px;font-size:.85rem}.game-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.back{color:var(--muted);text-decoration:none}.back:hover{color:var(--text)}.btn{padding:14px 28px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer}.btn:active{transform:scale(.97)}