.login-page{height:100vh;background:#f0f4f8}.card{border-radius:12px;background:#fff}.card h2{font-weight:600;color:#333}.btn-primary{background:#6c5ce7;border:none}.btn-primary:hover{background:#5a4ecb}.btn-success{background:#00b894;border:none}.btn-success:hover{background:#019f7a}.input-group .form-control{border-radius:8px 0 0 8px;border-right:none}.input-group .btn{border-radius:0 8px 8px 0}.shadow-sm{box-shadow:0 4px 12px #0000001a!important}.game-page{height:100vh;background:#f0f4f8;display:flex;align-items:center;justify-content:center}.game-card{max-width:360px;width:100%;border-radius:12px;background:#fff;padding:1rem;box-shadow:0 4px 12px #0000001a;text-align:center;transition:box-shadow .3s,border .3s}.game-card.win{box-shadow:0 0 16px #ffd70099;border:2px solid #ffeaa7}.players .me-player,.players .opp-player{font-size:.9rem}.players .me-player .badge,.players .opp-player .badge{margin-right:.25rem}.board{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);gap:8px}.board.win-mode .cell:not(.winning){opacity:.4;transition:opacity .2s}.cell{background:#f3f2f7;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;width:80px;height:80px;transition:transform .1s,box-shadow .1s,background-color .1s,opacity .3s,border .2s;cursor:not-allowed}@media (max-width: 400px){.cell{width:calc((100vw - 64px) / 3);height:calc((100vw - 64px) / 3)}}.cell.clickable:hover{cursor:pointer;transform:scale(1.05);box-shadow:0 0 8px #0003}.cell.userColor{color:#0984e3}.cell.otherColor{color:#d63031}.cell.oldest{opacity:.5;border:1px dotted red;box-shadow:none}.cell.oldest:hover{transform:scale(1);box-shadow:none;cursor:not-allowed}.cell.winning{background-color:#ffeaa7;box-shadow:0 0 12px #ffd700cc;color:#2d3436}.turn-indicator{font-weight:500;font-size:1.1rem;margin-top:8px;color:#2d3436}.turn-indicator.win{color:#e17055;font-size:1.3rem;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.badge.bg-primary{background-color:#0984e3!important}.badge.bg-danger{background-color:#d63031!important}.info{max-width:360px}