:root{--bg-primary:#0d0d1a;--bg-panel:#1a1a2e;--bg-card:#16213e;--color-x:#00d4ff;--color-o:#ff6b6b;--color-accent:#7c3aed;--color-accent-light:#a78bfa;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--border-color:#2a2a4a}*{box-sizing:border-box}body{background:radial-gradient(ellipse at top left,#1a0a2e 0,#0d0d1a 50%,#0a1628 100%);color:#e2e8f0;color:var(--color-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;margin:0;min-height:100vh;padding:32px 24px}h1{font-size:2rem;font-weight:700}h1,h2{margin-top:0}h2{font-size:1.4rem;font-weight:600}h3{font-size:1.2rem}h3,h4{margin-top:0}h4{font-size:1rem}h5{font-size:.9rem}h5,h6{margin-top:0}h6{font-size:.8rem}code{font-size:1.2em}ul{padding-inline-start:20px}.page-title{margin-bottom:40px;text-align:center}.page-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#a78bfa 50%,#ff6b6b);background:linear-gradient(135deg,var(--color-x) 0,var(--color-accent-light) 50%,var(--color-o) 100%);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-1px;margin:0}.game{align-items:flex-start;display:flex;flex-direction:row;gap:32px;margin:0 auto;max-width:860px}.game-board{flex-shrink:0}.game-info{flex:1 1;margin-left:0;min-width:180px}.status{background:#1a1a2e;background:var(--bg-panel);border-left:3px solid #a78bfa;border-left:3px solid var(--color-accent-light);border-radius:8px;color:#e2e8f0;color:var(--color-text);font-size:1.1rem;font-weight:600;letter-spacing:.3px;margin-bottom:16px;padding:10px 16px}.board-row{display:flex}.board-row:after{display:none}.square{align-items:center;background:#1a1a2e;background:var(--bg-panel);border:none;border-bottom:2px solid #2a2a4a;border-bottom:2px solid var(--border-color);border-right:2px solid #2a2a4a;border-right:2px solid var(--border-color);color:#e2e8f0;color:var(--color-text);cursor:pointer;display:flex;float:none;font-size:64px;font-weight:800;height:110px;justify-content:center;line-height:1;margin:0;padding:0;transition:background .15s ease,transform .1s ease;width:110px}.board-row:last-child .square{border-bottom:none}.board-row .square:last-child{border-right:none}.square:hover{background:#252545;outline:none}.square:focus{outline:none}.square[data-value=X]{color:#00d4ff;color:var(--color-x);text-shadow:0 0 16px #00d4ff8c}.square[data-value=O]{color:#ff6b6b;color:var(--color-o);text-shadow:0 0 16px #ff6b6b8c}.board-frame{border:2px solid #2a2a4a;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #7c3aed26;overflow:hidden}.moves{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0}.moves,.moves li{padding:0}.status-button{background:linear-gradient(135deg,#2d2d5e,#3a2a6e);border:1px solid #4a3a7e;border-radius:8px;color:#e2e8f0;color:var(--color-text);cursor:pointer;display:block;font-size:13px;font-weight:500;min-width:0;padding:8px 14px;text-align:left;transition:background .15s ease,border-color .15s ease,transform .1s ease;width:100%}.status-button:hover{background:linear-gradient(135deg,#3a3a7e,#4f3a8e);border-color:#a78bfa;border-color:var(--color-accent-light);transform:translateX(2px)}.game-info-label{font-size:.75rem;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.game-info-label,.login_status{color:#94a3b8;color:var(--color-text-muted)}.login_status{font-size:.95rem;font-weight:500;margin:12px 0 8px}.login_button{background:linear-gradient(135deg,#7c3aed,#6d28d9);background:linear-gradient(135deg,var(--color-accent),#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.3px;min-width:90px;padding:9px 20px;transition:opacity .15s ease,transform .1s ease}.login_button:hover{opacity:.85;transform:translateY(-1px)}input[type=text]{background:#1a1a2e;background:var(--bg-panel);border:2px solid #2a2a4a;border:2px solid var(--border-color);border-radius:8px;color:#e2e8f0;color:var(--color-text);font-size:14px;margin-right:8px;padding:9px 13px;transition:border-color .15s ease;vertical-align:middle}input[type=text]:focus{border-color:#a78bfa;border-color:var(--color-accent-light);outline:none}input[type=text]::placeholder{color:#94a3b8;color:var(--color-text-muted)}.scoreboard{background:#1a1a2e;background:var(--bg-panel);border:1px solid #2a2a4a;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 24px #0006;font-size:1rem;font-weight:400;margin:0;min-width:200px;padding:20px}.scoreboard>div{display:block!important}.scoreboard h2{border-bottom:1px solid #2a2a4a;border-bottom:1px solid var(--border-color);color:#a78bfa;color:var(--color-accent-light);font-size:1rem;font-weight:700;letter-spacing:1px;margin-bottom:14px;padding-bottom:10px;text-transform:uppercase}.scoreboard ol{margin:0;padding-left:22px}.scoreboard ol li{border-bottom:1px solid #ffffff0a;color:#94a3b8;color:var(--color-text-muted);font-size:.9rem;padding:5px 0}.scoreboard ol li:last-child{border-bottom:none}.scoreboard .login_button{background:linear-gradient(135deg,#065f46,#047857);margin-bottom:4px;width:100%}.scoreboard .login_button:hover{opacity:.85}
/*# sourceMappingURL=main.cd608ce9.css.map*/