.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.home-terminal{width:min(640px,90vw);font-family:var(--font-mono)}.home-terminal-header{display:flex;align-items:center;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.home-terminal-header .dot{width:12px;height:12px;border-radius:50%}.home-terminal-header .dot.red{background:var(--danger)}.home-terminal-header .dot.yellow{background:var(--warn)}.home-terminal-header .dot.green{background:var(--success)}.home-terminal-header .title{color:var(--text-dim);font-size:.85rem;margin-left:auto}.home-prompt{color:var(--accent);font-size:clamp(1.1rem,2.5vw,1.4rem);margin-bottom:1.5rem}.home-cursor{display:inline-block;width:8px;height:1.1em;background:var(--accent);vertical-align:text-bottom;margin-left:4px;animation:blink 1s step-end infinite}.home-modes{display:flex;flex-direction:column;gap:.8rem}.home-mode{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#ffffff0a;border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-card);color:var(--text);text-decoration:none;transition:background .2s,transform .1s;opacity:0;animation:fadeIn .4s ease forwards}.home-mode:hover{background:#64ffda14;transform:translate(4px);text-decoration:none}.home-mode:nth-child(1){animation-delay:.3s}.home-mode:nth-child(2){animation-delay:.6s}.home-mode:nth-child(3){animation-delay:.9s}@keyframes fadeIn{to{opacity:1}}.home-mode .arrow{color:var(--accent);font-family:var(--font-mono)}.home-mode .label{flex:1}.home-mode .desc{display:block;color:var(--text-dim);font-size:.85rem;margin-top:.2rem;font-family:var(--font-sans)}@media (max-width: 480px){.home,.home-terminal{padding:1rem}}.board{display:inline-grid;gap:1px;background:#64ffda33;padding:3px;border:1px solid rgba(100,255,218,.3);border-radius:4px}.board-cell{background:#0f0c2999;aspect-ratio:1 / 1;border-radius:1px}.board-cell.filled{background:var(--cell-color, #fff);box-shadow:inset 0 0 0 1px #0000004d}.board-cell.ghost{background:transparent;border:1px dashed rgba(100,255,218,.4)}.board-cell.active-p1{outline:2px solid var(--p1-color);outline-offset:-2px}.board-cell.active-p2{outline:2px solid var(--p2-color);outline-offset:-2px}.gameover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-box);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:var(--font-mono)}.gameover-log{padding:1.5rem 2rem;color:var(--text);font-size:.95rem;line-height:1.7}.gameover-log .alert{color:var(--danger);font-weight:500}.gameover-log .label{color:var(--text-dim)}.gameover-log .value{color:var(--text)}.gameover-log .blank{height:.6rem}.gameover-prompt{display:block;background:none;border:none;padding:0;color:var(--accent);font-family:var(--font-mono);font-size:.95rem;cursor:pointer;margin-top:.4rem;text-align:left}.gameover-prompt:hover .text{text-decoration:underline}.gameover-cursor{display:inline-block;width:8px;height:1.05em;background:var(--accent);vertical-align:text-bottom;margin-left:4px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.solo-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.solo-terminal{font-family:var(--font-mono);width:min(720px,95vw)}.solo-terminal-header{display:flex;align-items:center;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.solo-terminal-header .dot{width:12px;height:12px;border-radius:50%}.solo-terminal-header .dot.red{background:var(--danger)}.solo-terminal-header .dot.yellow{background:var(--warn)}.solo-terminal-header .dot.green{background:var(--success)}.solo-terminal-header .title{color:var(--text-dim);font-size:.85rem;margin-left:auto}.solo-stage{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center}.solo-board-wrapper{position:relative;display:inline-block}.solo-back{position:absolute;top:16px;left:16px}@media (max-width: 720px){.solo-page{padding:1rem}.solo-stage{flex-direction:column;gap:1rem;align-items:center}}.multi-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.multi-back{position:absolute;top:16px;left:16px}.multi-terminal{width:min(520px,95vw);font-family:var(--font-mono)}.multi-terminal-header{display:flex;align-items:center;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.multi-terminal-header .dot{width:12px;height:12px;border-radius:50%}.multi-terminal-header .dot.red{background:var(--danger)}.multi-terminal-header .dot.yellow{background:var(--warn)}.multi-terminal-header .dot.green{background:var(--success)}.multi-terminal-header .title{color:var(--text-dim);font-size:.85rem;margin-left:auto}.multi-prompt{color:var(--accent);font-size:clamp(1rem,2.2vw,1.2rem);margin-bottom:1.2rem}.multi-form{display:flex;flex-direction:column;gap:1rem}.multi-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;color:var(--text-dim)}.multi-form input{padding:.7rem 1rem;background:#00000059;border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-pill);color:var(--text);font-family:var(--font-mono);font-size:1rem;outline:none}.multi-form input:focus{border-color:var(--accent)}.multi-form button{padding:.7rem 1rem;background:#64ffda1a;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-size:.95rem;letter-spacing:.05em}.multi-form button:disabled{opacity:.4;cursor:not-allowed}.multi-form .info{color:var(--text-dim);font-size:.85rem}.multi-form .invite-url{font-family:var(--font-mono);font-size:.9rem;word-break:break-all;background:#0006;padding:.7rem 1rem;border-radius:var(--radius-box);border:1px dashed rgba(100,255,218,.3);color:var(--accent)}.multi-form .error{color:var(--danger);font-size:.85rem}.multi-action-label{color:var(--text-dim);font-size:.85rem}.multi-action-btns{display:flex;flex-direction:column;gap:.6rem}.multi-action-btn{padding:.7rem 1rem;background:#64ffda1a;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-family:var(--font-mono);font-size:.95rem;letter-spacing:.05em;cursor:pointer;text-align:left}.multi-action-btn.secondary{background:transparent;border-color:#64ffda59;color:var(--text-dim)}.multi-action-btn:hover{background:#64ffda2e}.multi-action-btn.secondary:hover{border-color:var(--accent);color:var(--accent)}.multi-link-btn{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;text-align:left;padding:0}.multi-link-btn:hover{color:var(--accent)}.multi-form .invite-code{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:.3em;color:var(--accent);text-align:center;padding:.4rem 0}.invite-url-row{display:flex;align-items:stretch;gap:.5rem}.invite-url-row .invite-url{flex:1;min-width:0}.copy-btn{flex-shrink:0;padding:.5rem .9rem;background:#64ffda14;border:1px solid rgba(100,255,218,.35);border-radius:var(--radius-box);color:var(--text-dim);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;white-space:nowrap}.copy-btn:hover{border-color:var(--accent);color:var(--accent)}.coop-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.coop-back{position:absolute;top:16px;left:16px;z-index:5}.coop-terminal{font-family:var(--font-mono);width:min(820px,95vw);position:relative}.coop-terminal-header{display:flex;align-items:center;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.coop-terminal-header .dot{width:12px;height:12px;border-radius:50%}.coop-terminal-header .dot.red{background:var(--danger)}.coop-terminal-header .dot.yellow{background:var(--warn)}.coop-terminal-header .dot.green{background:var(--success)}.coop-terminal-header .title{color:var(--text-dim);font-size:.85rem;margin-left:auto}.coop-stage{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center}.coop-board-wrapper{position:relative;display:inline-block}.coop-pseudos{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.95rem}.coop-pseudo{display:flex;align-items:center;gap:.5rem}.coop-pseudo .swatch{width:14px;height:14px;border-radius:3px}.coop-pseudo.p1 .swatch{background:var(--p1-color)}.coop-pseudo.p2 .swatch{background:var(--p2-color)}.coop-hud{font-size:.95rem;line-height:1.6;min-width:160px}.coop-hud .label{color:var(--accent)}.coop-hud .key{color:var(--text-dim)}.coop-hud .value{color:var(--text);margin-left:.4rem}.coop-lobby{text-align:center;padding:1rem;font-size:.95rem;line-height:1.7}.coop-lobby .label{color:var(--text-dim)}.coop-lobby .value{color:var(--accent)}.coop-error{text-align:center;padding:1rem;color:var(--danger)}.coop-ready-btn{padding:.6rem 1.4rem;background:#64ffda1a;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-family:var(--font-mono);font-size:.95rem;letter-spacing:.05em;cursor:pointer}.coop-ready-btn:hover{background:#64ffda33}.coop-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:6rem;font-family:var(--font-mono);color:var(--accent);background:#0009;border-radius:var(--radius-box);z-index:10;pointer-events:none}@media (max-width: 720px){.coop-stage{flex-direction:column;align-items:center}}.versus-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative}.versus-back{position:absolute;top:16px;left:16px;z-index:5}.versus-terminal{font-family:var(--font-mono);width:min(820px,95vw);position:relative}.versus-terminal-header{display:flex;align-items:center;gap:.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.versus-terminal-header .dot{width:12px;height:12px;border-radius:50%}.versus-terminal-header .dot.red{background:var(--danger)}.versus-terminal-header .dot.yellow{background:var(--warn)}.versus-terminal-header .dot.green{background:var(--success)}.versus-terminal-header .title{color:var(--text-dim);font-size:.85rem;margin-left:auto}.versus-stage{display:flex;gap:1.5rem;align-items:flex-start;justify-content:center}.versus-side{display:flex;flex-direction:column;align-items:center;gap:.5rem}.versus-side .pseudo{font-size:.9rem;color:var(--text-dim)}.versus-side .pseudo.is-me{color:var(--accent)}.versus-side .stats{font-size:.85rem;color:var(--text-dim);text-align:center}.versus-side .stats .value{color:var(--text);font-family:var(--font-mono);margin-left:.3rem}.versus-board-wrapper{position:relative;display:inline-block}.versus-vs{font-size:1.2rem;color:var(--text-dim);align-self:center;padding:0 .5rem}.versus-lobby{text-align:center;padding:1rem;font-size:.95rem;line-height:1.7}.versus-lobby .label{color:var(--text-dim)}.versus-lobby .value{color:var(--accent)}.versus-lobby .player{margin-top:.4rem}.versus-error{text-align:center;padding:1rem;color:var(--danger)}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:6rem;font-family:var(--font-mono);color:var(--accent);background:#0009;border-radius:var(--radius-box);z-index:10;pointer-events:none}.versus-ready-btn{padding:.6rem 1.4rem;background:#64ffda1a;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-family:var(--font-mono);font-size:.95rem;letter-spacing:.05em;cursor:pointer}.versus-ready-btn:hover{background:#64ffda33}@media (max-width: 720px){.versus-stage{flex-direction:column;align-items:center}.versus-vs{transform:rotate(90deg)}}:root{--bg-start: #0f0c29;--bg-mid: #302b63;--bg-end: #24243e;--accent: #64ffda;--text: #e6e6e6;--text-dim: rgba(230, 230, 230, .6);--danger: #ff5f56;--warn: #ffbd2e;--success: #27c93f;--p1-color: #5b9eff;--p2-color: #ff5f56;--radius-pill: 999px;--radius-card: 12px;--radius-box: 8px;--shadow-soft: 0 20px 60px rgba(0, 0, 0, .5);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-sans);color:var(--text);background:linear-gradient(135deg,var(--bg-start),var(--bg-mid),var(--bg-end));background-size:200% 200%;animation:bgShift 20s ease infinite}@keyframes bgShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.terminal{background:#0006;border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-box);padding:1.5rem;box-shadow:var(--shadow-soft);font-family:var(--font-mono)}.badge{display:inline-block;padding:.4rem 1rem;background:#64ffda1a;border:1px solid var(--accent);border-radius:var(--radius-pill);color:var(--accent);font-size:.85rem;font-weight:500;letter-spacing:.05em;text-decoration:none}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-card);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}