.account-badge{display:inline-block;font-size:11px;color:var(--accent);background:#c1ee8d0c;padding:6px 12px;border-radius:8px;margin:8px 0 20px}.account-divider{height:1px;background:var(--line);margin:25px 0}.modal h3{font-size:16px;margin:10px 0}.modal .subtle{line-height:2;font-size:12px;margin:10px 0 18px}.recovery-code{display:block;user-select:all;overflow-wrap:anywhere;font:17px/1.8 monospace;text-align:center;background:#c1ee8d0c;border:1px dashed #c1ee8d44;border-radius:12px;padding:22px 10px;margin:22px 0;color:var(--accent)}.form-error{color:#ffb4a7;font-size:12px;line-height:2;margin-top:12px}.account-history{margin-top:20px}.match-history{display:grid;gap:12px;margin:20px 0 40px}.match-row{display:flex;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.match-row>div{flex:1}.match-row b{font-size:15px;display:block}.match-row small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.match-state{font-size:10px;padding:5px 9px;border-radius:8px;background:#c1ee8d10;color:var(--accent)}.match-row code{color:var(--muted);font-size:12px}.match-row .button{font-size:11px;height:38px;padding:0 15px}.empty-state{text-align:center;color:var(--muted);padding:60px 20px;line-height:2.5}.empty-state .button{margin-top:20px}.turn-clock{font-size:12px;color:var(--accent);padding:10px;background:#c1ee8d0a;border-radius:10px;margin:12px 0 0}.lobby>.text-button{display:block;margin:10px auto}.history-link{display:inline-flex;margin-top:18px}.turn-panel .turn-clock:empty{display:none}
@media(max-width:700px){.match-row{gap:12px;flex-wrap:wrap;padding:17px}.match-row>div{flex-basis:65%}.match-row code{margin-right:auto}.match-row small{font-size:9px}.turn-clock{grid-column:1/-1;text-align:center;font-size:11px;margin:5px 0}.turn-panel>.text-button[data-action=quit-room]{display:block;grid-column:1/-1;color:#c4a093;font-size:10px;margin:3px 0}}