.home{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 500px at 10% -10%,rgba(233,69,96,.16),transparent 55%),radial-gradient(900px 420px at 100% 0%,rgba(15,52,96,.9),transparent 50%),var(--bg)}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;max-width:1120px;width:100%;margin:0 auto}.home-brand{display:flex;align-items:center;gap:.65rem;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.01em}.home-brand-mark{width:2rem;height:2rem;border-radius:8px;background:var(--surface);border:1px solid rgba(233,69,96,.45);display:grid;place-items:center;font-size:1.05rem}.home-badge{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(233,69,96,.45);border-radius:999px;padding:.28rem .7rem}.home-nav-actions{display:flex;align-items:center;gap:.65rem}.home-link{color:var(--text-muted);text-decoration:none;font-size:.92rem}.home-link:hover{color:var(--text)}.home-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:.7rem 1.15rem;font-weight:600;font-size:.95rem;border:1px solid transparent}.home-btn-primary{background:var(--accent);color:#fff}.home-btn-primary:hover{filter:brightness(1.08)}.home-btn-ghost{background:transparent;color:var(--text);border-color:#eaeaea2e}.home-btn-ghost:hover{border-color:#eaeaea66}.home-hero{max-width:1120px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:2.5rem;align-items:center;flex:1}.home-kicker{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.85rem}.home-title{font-size:clamp(2.1rem,4.4vw,3.35rem);line-height:1.12;font-weight:700;margin-bottom:1rem}.home-lead{color:var(--text-muted);font-size:1.12rem;line-height:1.6;max-width:36rem;margin-bottom:1.6rem}.home-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.home-note{margin-top:1rem;color:var(--text-muted);font-size:.88rem}.home-board-card{background:var(--surface);border-radius:18px;padding:1rem;box-shadow:0 24px 60px #00000059;border:1px solid rgba(234,234,234,.06)}.home-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:10px;overflow:hidden}.home-sq{display:grid;place-items:center}.home-sq img{width:82%;height:82%;object-fit:contain;-webkit-user-select:none;user-select:none}.home-features{max-width:1120px;width:100%;margin:0 auto;padding:0 1.5rem 3.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-card{background:#16213eb8;border:1px solid rgba(234,234,234,.07);border-radius:14px;padding:1.25rem 1.2rem 1.35rem}.home-card h2{font-size:1.12rem;margin:0 0 .45rem}.home-card p{color:var(--text-muted);line-height:1.55;font-size:.95rem}.home-footer{border-top:1px solid rgba(234,234,234,.08);padding:1.25rem 1.5rem 1.75rem;color:var(--text-muted);font-size:.88rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;max-width:1120px;width:100%;margin:0 auto}.home-footer a{color:var(--accent);text-decoration:none}@media(max-width:840px){.home-hero,.home-features{grid-template-columns:1fr}.home-board-card{max-width:360px;margin:0 auto}}.play-page{min-height:100vh;padding:1.25rem 1rem 2rem;max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.play-bar{display:flex;gap:1rem;align-items:baseline}.play-title{margin:0;font-size:1.45rem;flex:1;letter-spacing:.01em}.play-link{color:var(--accent);font-size:.92rem;text-decoration:none}.play-link:hover{text-decoration:underline}.play-err{margin:0;color:var(--accent)}.play-banner{margin:0;padding:.7rem 1rem;border-radius:10px;background:var(--surface);border:1px solid rgba(233,69,96,.45);font-weight:600;text-align:center}.play-turn{margin:0;text-align:center;font-size:.95rem;color:var(--text-muted)}.play-turn.is-yours{color:var(--text);font-weight:600}.play-stage{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:min(100%,92vmin,680px);align-self:center}.play-board-wrap{width:100%;aspect-ratio:1}.play-clock{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.55rem .9rem;background:var(--surface);border-radius:10px;border:1px solid transparent;font-variant-numeric:tabular-nums}.play-clock strong{font-size:1.35rem;letter-spacing:.04em}.play-clock.is-active{border-color:var(--accent);box-shadow:0 0 0 1px #e9456059}.play-clock.is-low strong{color:var(--accent)}.play-clock-meta{display:flex;flex-direction:column;gap:.1rem}.play-clock-meta span{font-size:.82rem;color:var(--text-muted)}.play-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.play-btn{padding:.55rem 1rem;border-radius:8px;border:1px solid var(--primary);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer}.play-btn:disabled{opacity:.45;cursor:not-allowed}.play-btn-primary{border:none;background:var(--accent);color:#fff}.play-btn-danger{border-color:#e945608c;color:var(--accent)}.play-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:1.25rem;align-items:start}@media(max-width:800px){.play-lobby{grid-template-columns:1fr}}.play-lobby-panel{display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:var(--surface);border-radius:12px;border:1px solid var(--primary)}.play-muted{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.45}.play-presets{display:flex;flex-wrap:wrap;gap:.35rem}.play-chip{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--primary);background:var(--bg);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer}.play-chip.is-on{border-color:var(--accent);background:#e945602e}.play-custom{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.play-custom label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--text-muted)}.play-custom input{width:4.5rem;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--primary);background:var(--bg);color:var(--text)}.play-lobby-board{display:flex;flex-direction:column;gap:.65rem}.play-lobby-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,92vmin,560px);aspect-ratio:1;border-radius:6px;overflow:hidden}.play-lobby-sq{border:none;padding:0;cursor:pointer;display:grid;place-items:center}.play-lobby-sq img{width:78%;height:78%}.play-tray{display:flex;flex-wrap:wrap;gap:.3rem}.play-tray button{width:2.4rem;height:2.4rem;padding:.15rem;border-radius:8px;border:1px solid var(--primary);background:var(--surface);cursor:pointer}.play-tray button.is-on{border-color:var(--accent);outline:2px solid var(--accent)}.play-tray img{width:100%;height:100%}:root{--bg: #1a1a2e;--surface: #16213e;--primary: #0f3460;--accent: #e94560;--text: #eaeaea;--text-muted: #a0a0a0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}