:root{--bg: #f7f3eb;--surface: #ffffff;--text: #2c2416;--text-muted: #6b5d4d;--felt: #1a4d3a;--felt-light: #2d6b52;--wood: #dcb35c;--border: #e0d5c4;--shadow: 0 4px 20px rgba(44, 36, 22, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.page{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 3rem}.hero{text-align:center;margin-bottom:2.5rem}.hero h1{margin:0;font-size:2.25rem;font-weight:600;letter-spacing:.02em}.tagline{margin:.5rem 0 0;color:var(--text-muted);font-size:1.05rem}.games{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.game-card{display:flex;flex-direction:column;background:var(--surface);border-radius:14px;padding:1.5rem;box-shadow:var(--shadow);text-decoration:none;color:inherit;border:1px solid var(--border);transition:transform .15s,box-shadow .15s}a.game-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #2c24161f}.game-card h2{margin:0 0 .25rem;font-size:1.35rem}.game-card .pronunciation{margin:0 0 .5rem;font-size:.85rem;font-style:italic;color:var(--text-muted);letter-spacing:.02em}.game-card p{margin:0 0 1rem;flex:1;color:var(--text-muted);font-size:.95rem}.play-link{font-weight:600;font-size:.95rem}.play-link.muted{color:var(--text-muted);font-weight:500}.game-card.cribbage{border-top:4px solid var(--felt)}.game-card.go{border-top:4px solid var(--wood)}.game-card.piquet{border-top:4px solid #7a2434}.game-card.hnefatafl{border-top:4px solid #33506d}.game-card.bezique{border-top:4px solid var(--felt-light)}.game-card.ecarte{border-color:#c9a227}.game-card.coming-soon{opacity:.65;cursor:default}.footer{margin-top:2.5rem;text-align:center;color:var(--text-muted);font-size:.9rem}.games-single{max-width:420px;margin:0 auto}.game-card.portal-entry{border-top:4px solid var(--wood);cursor:pointer}.auth-gate{display:flex;flex-direction:column;gap:.75rem;max-width:360px;margin:0 auto 1.5rem}.btn{display:block;width:100%;padding:.85rem 1.25rem;border-radius:10px;border:1px solid var(--border);font-size:1rem;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text);transition:background .15s}.btn:hover{background:#faf8f4}.btn-google{border-color:#4285f4}.btn-apple{background:#000;color:#fff;border-color:#000}.btn-apple:hover{background:#222}.btn-guest{background:var(--felt);color:#fff;border-color:var(--felt)}.btn-guest:hover{background:var(--felt-light)}.btn-link{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;text-decoration:underline;margin-top:.25rem}.guest-note,.record-note{text-align:center;color:var(--text-muted);font-size:.85rem;margin:.25rem 0 0}.records{margin:.35rem 0 0;font-size:.95rem;color:var(--text)}.back-link{text-align:center;margin-top:2rem}.back-link a{color:var(--text-muted);font-size:.9rem}.error{text-align:center;color:#b42318;margin-bottom:1rem}.error.hidden{display:none}@media(max-width:520px){.hero h1{font-size:1.75rem}}