.chess-mode-tabs{flex-wrap:wrap;gap:12px;margin:0 0 24px;display:flex}.chess-mode-tabs a{color:#194276;background:#fff;border:1px solid #bfcfe7;border-radius:10px;padding:12px 20px;font-size:16px;font-weight:700}.chess-mode-tabs .active{color:#fff;background:#0a68d7;border-color:#0a68d7}.club-lobby{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.match-panel{background:#fff;border:1px solid #dbe4f2;border-radius:16px;align-self:start;padding:24px}.match-panel h2{color:#143977;margin:0 0 16px;font-size:23px}.match-panel h3{margin:24px 0 12px}.match-panel p{color:#586b88;margin:14px 0 20px;font-size:16px;line-height:1.65}.match-panel button,.promotion-choices button{color:#154b94;cursor:pointer;background:#edf4ff;border:1px solid #b5c7e3;border-radius:8px;min-height:44px;margin:4px;padding:10px 14px;font-size:14px;font-weight:700}.match-controls{gap:14px;display:grid}.match-controls label{gap:7px;font-size:14px;display:grid}.online-player,.match-invite{border-top:1px solid #e5ebf4;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.online-player span{flex:1;gap:5px;display:grid}.online-player small,.match-label,.match-invite span{color:#647796;font-size:14px}.match-invite{gap:8px;display:grid}.match-player{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 10px;font-size:16px;display:flex}.match-player strong{text-align:center;font-variant-numeric:tabular-nums;background:#e9eff7;border-radius:8px;min-width:104px;padding:6px 12px;font-size:27px}.match-player strong.running{color:#fff;background:#153f89}.match-error{color:#a3261c;background:#fff0ed;border-radius:10px;margin-bottom:20px;padding:16px;font-size:16px}.match-error a{margin-left:16px;text-decoration:underline;display:inline-block}.match-notation{flex-wrap:wrap;gap:8px;max-height:240px;font-size:16px;display:flex;overflow:auto}.match-resign{color:#b12c24!important}.student-presence{z-index:35;color:#143b7f;background:#fff;border:1px solid #c8d7ee;border-radius:24px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 20px #102e5e20}.student-presence i{background:#218659;border-radius:50%;width:8px;height:8px}.student-presence.has-invite{color:#fff;background:#d32a20}.promotion-choices{background:#fff;border:1px solid #dbe4f2;flex-wrap:wrap;gap:8px;padding:16px;display:flex}.play-main{padding-bottom:90px!important}@media (width<=800px){.club-lobby{grid-template-columns:1fr}.match-panel{padding:18px}.student-presence{font-size:14px;bottom:10px;right:10px}.match-player strong{font-size:22px}}.ai-clock{color:#fff;font-variant-numeric:tabular-nums;text-align:center;background:#153f89;border-radius:8px;min-width:90px;margin-left:auto;padding:7px 12px;font-size:24px}.ai-time-control{color:#264870;gap:8px;margin:18px 0;font-size:14px;display:grid}.ai-time-control select{color:#153f89;background:#fff;border:1px solid #c5d3e7;border-radius:8px;width:100%;padding:12px;font-size:16px}