.mp-clock{color:#43513b;font-variant-numeric:tabular-nums;background:#e9eee4;border-radius:10px;grid-template-columns:12px auto;column-gap:6px;min-width:86px;margin-left:auto;padding:8px 12px;font-size:1.65rem;font-weight:700;line-height:1;display:grid}.mp-clock-marker{align-self:center;font-size:10px}.mp-players .mp-clock small{color:inherit;letter-spacing:.03em;grid-column:2;margin-top:5px;font-size:.65rem;font-weight:600}.mp-clock.running{color:#fff9eb;background:#23472b;box-shadow:inset 0 0 0 1px #ffffff24}.mp-clock.low{color:#93401e;background:#f5e3d4}.mp-clock.running.low{color:#fff9eb;background:#93401e}.mp-clock-description{color:#58694e;margin:0 0 12px;font-size:.85rem}.mp-clock-help{color:#58694e;font-size:.8rem;line-height:1.5}.mp-clock-options input{max-width:110px}@media (max-width:600px){.mp-players:has(.mp-clock){flex-direction:column}.mp-clock{min-width:80px}}
.mp-room.mp-room--focused{max-width:960px}.mp-room--focused .mp-room-heading{align-items:flex-start;gap:16px;margin:4px 0 14px}.mp-room--focused .mp-room-heading h1{margin:6px 0;font-size:clamp(25px,3.3vw,34px)}.mp-room--focused .mp-players{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:10px;display:grid}.mp-room--focused .mp-players li{gap:9px;min-width:0;padding:9px 12px}.mp-room--focused .mp-avatar{width:32px;min-width:32px;height:32px;font-size:15px}.mp-room--focused .mp-players strong{font-size:14px}.mp-match-actions,.mp-match-actions>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mp-match-actions{justify-content:space-between;margin:8px 0 12px}.mp-match-actions>span{color:#60735f;font-size:12px}.mp-page .mp-match-actions button{min-height:40px;padding:8px 12px;font-size:12px}.mp-page .mp-resign-button{color:#794936;background:0 0;border-color:#d9c9bc}.mp-page .mp-resign-button:hover:not(:disabled){background:#f0e5df}.mp-room--focused .mp-turn-status{margin:0 0 14px;padding:12px 16px;font-size:14px}.mp-agent-notice{background:#edf2e8;border-left:3px solid #718d60;margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.6}.mp-agent-status{color:#60735f;margin:8px 0;font-size:12px}.mp-result-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.mp-result-actions p{color:#60735f;flex-basis:100%;margin:2px 0 0;font-size:12px}.mp-room--focused .mp-leave:has([role=alert]){background:#faf4ef;border:1px solid #d9c9bc;border-radius:8px;padding:14px}.mp-room--small-board .mp-tictactoe{width:min(100%,300px,42svh)}.mp-room--small-board .mp-tictactoe>p{margin:0 0 8px;font-size:12px;line-height:1.4}.mp-room--small-board .mp-tictactoe-grid{gap:5px}.mp-page .mp-room--small-board .mp-tictactoe-grid button{font-size:clamp(24px,5svh,42px)}.mp-invite-menu{flex-shrink:0;font-size:13px;position:relative}.mp-invite-menu>summary{cursor:pointer;box-sizing:border-box;color:#214d39;background:#fff;border:1px solid #cbd7c4;border-radius:7px;min-height:40px;padding:10px 14px;font-weight:600;list-style:none}.mp-invite-menu>summary::-webkit-details-marker{display:none}.mp-invite-menu>summary:after{content:" ↗"}.mp-invite-popover{z-index:8;box-sizing:border-box;background:#fff;border:1px solid #cbd7c4;border-radius:10px;width:min(320px,100vw - 40px);padding:16px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #14251d1a}.mp-invite-popover p{color:#60735f;font-size:12px;line-height:1.5}.mp-invite-popover input{min-width:0;max-width:100%;font-size:12px}.mp-invite-buttons{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.mp-invite-popover .mp-invite-status:empty{display:none}@media (max-width:650px){.mp-room--focused .mp-players{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-room--focused .mp-players li{padding:8px}.mp-room--focused .mp-avatar{display:none}.mp-room--focused .mp-players strong{font-size:13px}.mp-room--focused .mp-players small{font-size:11px}.mp-match-actions{align-items:flex-start}.mp-match-actions>div{gap:5px}.mp-page .mp-match-actions button{padding:8px;font-size:11px}}.mp-page .mp-invite-buttons button:hover:not(:disabled){color:#214d39;background:#edf2e8;transform:none}.mp-invite-popover input{width:100%}@media (max-width:650px){.mp-invite-popover{width:auto;max-height:calc(100svh - 100px);position:fixed;inset:auto 16px 16px;overflow:auto}}.mp-invite-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.mp-page .mp-invite-title button{min-height:36px;padding:6px 10px;font-size:12px}.mp-room--focused .mp-result-actions .mp-rematch{margin:0}.mp-account-access{border:1px solid #d5dfd0;border-radius:8px;max-width:960px;margin:0 auto 20px;padding:14px 18px;font-size:13px}.mp-account-access p{line-height:1.6}.mp-table-settings{border:1px solid var(--border,#ccd6cb);border-radius:1rem;gap:.8rem;margin:1rem 0;padding:1rem;display:grid}:is(.mp-table-settings label:has(input[type=checkbox]),.mp-public-filters label:has(input)){align-items:center;gap:.5rem;display:flex}.mp-table-settings input[type=checkbox],.mp-public-filters input[type=checkbox]{width:auto}.mp-public-entry{grid-column:1/-1;min-width:0;padding:1rem 0}.mp-public-filters,.mp-public-actions,.mp-access-request{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mp-public-list{padding:0;list-style:none}.mp-public-list li{border-bottom:1px solid #ccd6cb;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.mp-public-list p{overflow-wrap:anywhere}.mp-public-tables{margin-top:1rem}.mp-spectator-boards{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.mp-spectator-boards section{width:min(100%,380px)}.mp-spectator-sea{border:1px solid #a4bec5;grid-template-columns:repeat(10,1fr);display:grid}.mp-spectator-sea span{aspect-ratio:1;background:#e5f3f6;border:1px solid #cadde1;place-items:center;display:grid}.mp-spectator-sea .hit{background:#f5c3b4}.mp-spectator-sea .miss{background:#c2e2eb}.mp-spectator-drawing svg{background:#fff;border:1px solid #ccd6cb;width:min(100%,600px)}.mp-spectator-hand,.mp-spectator-trick{flex-wrap:wrap;gap:.4rem;display:flex}.mp-spectator-hand span{color:#26382d;background:#fff;border:1px solid #ccd6cb;border-radius:.4rem;padding:.6rem}.mp-spectator-board .mp-actions,.mp-spectator-board .mp-betting,.mp-spectator-board .mp-local-controls{display:none}.mp-spectator-details{flex-wrap:wrap;gap:.75rem 1.5rem;display:flex}.mp-spectator-details dt{text-transform:capitalize;color:#4a5f50;font-size:.85rem}.mp-spectator-details dd{margin:0}.mp-public-entry{padding:1.25rem}.mp-spectator-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;display:grid}.mp-spectator-cards>p,.mp-spectator-cards>dl,.mp-spectator-cards>ol,.mp-spectator-trick{grid-column:1/-1}.mp-spectator-cards>section{background:#fff;border:1px solid #ccd6cb;border-radius:.8rem;padding:1rem}.mp-spectator-hand span{text-align:center;min-width:2rem}.mp-spectator-board .mp-letter-workarea{display:none}