body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-main:#664d3c;--bg-secondary:#443429;--color-pill:#4a4866;--color-btn:#c4ae8c;--text-main:#f2ede4;--accent-brass:#c68b5c;--color-danger:#8b1a1a;--color-danger-bg:#6b1a1a;--color-danger-text:#f4a0a0;--color-active:var(--accent-brass);--color-success-bg:#2d6a4f;--color-success-text:#b7e4c7;--color-success-accent:#6bff9e;--color-error:#ff6b6b;--color-eval-dark:#1c1410;--color-eval-light:#f2ede4;--border-subtle:#f2ede41a;--border-input:#f2ede426;--border-input-focus:#f2ede466;--bg-input:#f2ede414;--bg-hover:#f2ede41f}html,body{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-main);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:var(--text-main);text-decoration:none}a:hover{background:var(--bg-hover)}.page{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.page h1{margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem)}.card{background:var(--bg-secondary);border-radius:12px;flex-direction:column;display:flex}.card-sm{background:var(--bg-secondary);border-radius:8px;align-items:center;padding:14px 18px;font-size:.95rem;display:flex}.avatar{object-fit:cover;border-radius:50%}.label-upper{text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-weight:600}.section-h2{opacity:.8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:1.1rem;font-weight:600}.msg-error{color:var(--color-error);margin:0;font-size:.9rem}.msg-success{color:var(--color-success-accent);margin:0;font-size:.9rem}.btn{background:var(--color-btn);color:var(--bg-secondary);cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:opacity .15s;display:inline-block}.btn:hover{opacity:.85;background:var(--color-btn)}.btn-danger{background:var(--color-danger);color:var(--text-main)}.btn-danger:hover{background:var(--color-danger)}.btn-active,.btn-active:hover{background:var(--color-active)}.btn-pill{border-radius:999px}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{gap:16px;width:100%;max-width:380px;padding:40px 36px}.auth-card h1{margin:0 0 8px;font-size:1.6rem;font-weight:700}.auth-footer{opacity:.75;text-align:center;font-size:.9rem}.form-input{background:var(--bg-input);border:1px solid var(--border-input);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:8px;outline:none;padding:10px 14px;font-size:1rem;transition:border-color .15s}.form-input:focus{border-color:var(--border-input-focus)}.form-input::placeholder{opacity:.45}.btn-full{width:100%}.play-section{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:32px 0;display:flex}.play-section+.play-section{border-top:1px solid var(--border-subtle)}.play-bot-difficulties{gap:12px;display:flex}.play-time-group{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.play-time-group-label{letter-spacing:.08em;opacity:.5;font-size:.75rem}.play-time-controls{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.challenge-overlay{z-index:1000;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.challenge-card{background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:6px;min-width:240px;padding:16px 20px;display:flex}.challenge-title{margin:0;font-size:.95rem;font-weight:500}.challenge-name{font-weight:700}.challenge-time{opacity:.7;text-transform:capitalize;margin:0;font-size:.85rem}.challenge-actions{gap:8px;margin-top:6px;display:flex}.challenge-actions .btn{flex:1;padding:8px 14px;font-size:.875rem}.challenge-btn-accept{background:var(--color-success-bg)}.challenge-btn-decline{background:var(--color-danger)}.friend-card-challenge{flex-direction:column;gap:6px;margin-top:10px;display:flex}.friend-card-challenge-label{font-size:.8rem}.friend-card-time-group{flex-direction:column;gap:4px;display:flex}.friend-card-time-group-label{opacity:.6;letter-spacing:.04em;font-size:.75rem}.friend-card-time-controls{flex-wrap:wrap;gap:6px;display:flex}.friend-card-time-controls .btn{padding:5px 12px;font-size:.8rem}.header{background:var(--bg-secondary);grid-template-columns:1fr auto 1fr;align-items:center;padding:12px clamp(12px,4vw,30px);display:grid}.headerLeft{justify-self:start}.headerCenter{justify-self:center;align-items:center;gap:10px;display:flex}.header-game-btn{color:var(--text-main);letter-spacing:.08em;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:1rem;font-weight:700;transition:background .15s}.headerRight{justify-self:end;align-items:center;gap:8px;display:flex}.status-bar{text-align:center;letter-spacing:.05em;width:100%;padding:4px 0;font-size:.75rem;font-weight:600}.status-bar.connected{background:var(--color-success-bg);color:var(--color-success-text)}.status-bar.disconnected{background:var(--color-danger-bg);color:var(--color-danger-text)}.header a{border-radius:6px;padding:6px 10px;font-weight:500;transition:background .15s}.game{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 20px;display:flex}.game-board-wrapper{width:min(80vw,80vh,560px)}.game-player{justify-content:space-between;align-items:center;width:min(80vw,80vh,560px);font-size:1rem;font-weight:600;display:flex}.game-player-link{color:inherit;text-decoration:none}.game-player-link:hover{text-decoration:underline}.game-clock{font-variant-numeric:tabular-nums;font-size:1.1rem}.game-result{font-size:1.2rem;font-weight:700}.game-actions{gap:12px;display:flex}.game-status-msg{opacity:.65;font-size:1.2rem;font-weight:600}.profile{flex-direction:column;align-items:center;gap:24px;padding:48px 20px;display:flex}.profile-card{gap:12px;min-width:320px;padding:32px 40px}.profile-username{margin:0;font-size:1.8rem;font-weight:700}.profile-elo-grid{opacity:.85;grid-template-columns:auto repeat(4,1fr);gap:4px 16px;font-size:.95rem;display:grid}.profile-elo-grid span:nth-child(-n+5),.profile-elo-grid span:nth-child(6),.profile-elo-grid span:nth-child(11){opacity:.65;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.profile-active-game{box-sizing:border-box;border:1px solid var(--border-subtle);background:var(--bg-input);gap:8px;width:100%}.profile-active-dot{background:var(--color-success-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.profile-active-label{color:var(--color-success-accent);flex:1}.profile-spectate-btn{margin-left:auto;padding:6px 16px;font-size:.8rem}.profile-bio{opacity:.85;border-top:1px solid var(--border-subtle);margin:0;padding-top:8px;font-size:.95rem}.profile-actions{flex-direction:column;align-items:center;gap:12px;width:100%;margin-top:20px;display:flex}.profile-avatar{width:80px;height:80px}.profile-edit-card{gap:10px;min-width:320px;padding:24px 32px}.profile-edit-section-title{margin:8px 0 0;font-size:.85rem}.profile-edit-section-title:first-child{margin-top:0}.game-list{flex-direction:column;gap:10px;width:100%;max-width:480px;display:flex}.game-card-link{color:inherit;text-decoration:none}.game-card-link:hover .game-card{background:var(--bg-hover,color-mix(in srgb, var(--bg-secondary) 85%, white))}.game-card{justify-content:space-between}.game-card-players{flex-direction:column;gap:2px;display:flex}.game-card-result{opacity:.9;font-weight:600}.eval-bar{border-radius:4px;flex-direction:column;flex-shrink:0;width:18px;height:min(80vw,80vh,560px);display:flex;overflow:hidden}.eval-bar-black{background:var(--color-eval-dark);justify-content:center;align-items:flex-end;transition:height .4s;display:flex;position:relative}.eval-bar-white{background:var(--color-eval-light);justify-content:center;align-items:flex-start;transition:height .4s;display:flex;position:relative}.eval-bar-label{font-variant-numeric:tabular-nums;padding:2px 0;font-size:.6rem;font-weight:700}.eval-bar-label-black{color:var(--color-eval-light)}.eval-bar-label-white{color:var(--color-eval-dark)}.game-replay-board-row{align-items:stretch;gap:6px;display:flex}.game-replay-controls{align-items:center;gap:8px;display:flex}.game-replay-counter{text-align:center;font-variant-numeric:tabular-nums;opacity:.8;min-width:60px;font-size:.95rem}.user-search{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.user-search-label{font-size:.85rem}.user-search-row{gap:8px;display:flex}.user-search-row .form-input{flex:1}.friend-list{flex-direction:column;gap:10px;width:100%;max-width:480px;display:flex}.friend-card{cursor:pointer;gap:14px}.friend-card-avatar{flex-shrink:0;width:44px;height:44px}.friend-card-avatar-placeholder{background:var(--bg-main);border-radius:50%;flex-shrink:0;width:44px;height:44px}.friend-card-info{flex-direction:column;gap:2px;display:flex}.friend-card-username{font-weight:600}.friend-card-bio{opacity:.7;font-size:.85rem}