:root{--bg: #f4f5f7;--panel: #ffffff;--ink: #1f2430;--muted: #6b7280;--line: #e2e5ea;--primary: #4f46e5;--primary-ink: #ffffff;--seat-a: #2563eb;--seat-b: #d9480f;--ok: #16a34a;--ko: #dc2626;--shadow: 0 6px 24px rgba(20, 20, 40, .08)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--primary)}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:8px;padding:.5rem .9rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}input,select{font:inherit;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card-panel{background:var(--panel);border-radius:16px;box-shadow:var(--shadow);padding:2rem;max-width:480px;width:100%}.card-panel h1{margin-top:0}.tagline{color:var(--muted)}.new-game-form{display:grid;gap:1rem;margin-top:1rem}.new-game-form label{display:grid;gap:.35rem;font-weight:600}.error{color:var(--ko)}.share{display:flex;gap:.5rem;margin:.75rem 0}.share input{flex:1}.muted{color:var(--muted)}.game{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3rem}.game-header{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:1.25rem}.stats{display:flex;flex-wrap:wrap;gap:1rem;color:var(--muted)}.stat strong{color:var(--ink)}.seat-A{color:var(--seat-a)}.seat-B{color:var(--seat-b)}.online{color:var(--ok)}.offline{color:var(--ko)}.status-banner{margin:1rem 0 .5rem;padding:.75rem 1rem;border-radius:10px;background:#eef2ff;font-weight:600}.status-banner.you{background:#dcfce7}.flash{margin:.5rem 0;padding:.6rem 1rem;border-radius:10px;font-weight:600}.flash.ok{background:#dcfce7;color:#166534}.flash.ko{background:#fee2e2;color:#991b1b}.play-area{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start;margin-top:1rem}.board-wrap{overflow-x:auto}.board{border-collapse:collapse}.board th,.board td{border:1px solid var(--line);text-align:center}.board .corner{background:transparent;border:none}.board .colhead,.board .rowhead{background:#f8fafc;padding:.4rem .5rem;min-width:72px}.board .coord{font-weight:800;color:var(--muted);font-size:.8rem}.board .word{font-weight:600;font-size:.85rem}.board .cell{width:72px;height:56px;font-weight:700;color:var(--muted);background:#fff}.board .cell.clickable{cursor:pointer;background:#eef2ff;color:var(--primary)}.board .cell.clickable:hover{background:#e0e7ff}.board .cell.solved{color:#fff;font-size:1.2rem}.board .cell.solved.seat-A{background:var(--seat-a)}.board .cell.solved.seat-B{background:var(--seat-b)}.hand{min-width:240px;flex:1}.hand h3{margin-top:0}.cards{display:flex;flex-wrap:wrap;gap:.6rem}.card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.6rem .8rem;min-width:130px;text-align:left}.card.selected{border-color:var(--primary);box-shadow:0 0 0 2px #4f46e540}.card-cell{font-weight:800;font-size:1.1rem}.card-words{color:var(--muted);font-size:.85rem}.times{color:#9ca3af}.clue-entry{display:flex;gap:.5rem;margin-top:1rem}.clue-entry input{flex:1}.finished{margin-top:1rem}.final-score{font-size:1.3rem;margin-bottom:1rem}.history-wrap{overflow-x:auto}.history{border-collapse:collapse;width:100%;margin-top:.5rem}.history th,.history td{border:1px solid var(--line);padding:.4rem .6rem;text-align:left;font-size:.9rem}.history tr.ok td{background:#f0fdf4}.history tr.ko td{background:#fef2f2}.history .clue-cell{font-weight:700}.reconnecting{position:fixed;bottom:1rem;right:1rem;background:#fef3c7;color:#92400e;padding:.5rem .9rem;border-radius:8px;font-weight:600}