.online-dialog{width:min(560px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:26px;background:var(--panel,#fffdf6);border:2px solid var(--line,#d7d3c4);border-radius:16px;color:var(--ink,#173f39);box-shadow:0 18px 60px #061c1acc}
.history-dialog{width:min(780px,calc(100vw - 28px));max-height:88vh;overflow:auto;padding:26px;background:var(--panel,#fffdf6);border:2px solid var(--line,#d7d3c4);border-radius:16px;color:var(--ink,#173f39);box-shadow:0 18px 60px #061c1acc}.history-content h2{margin:4px 0 8px;font:700 28px Georgia,serif}.history-content h3{margin:22px 0 9px}.history-table-wrap{overflow-x:auto}.history-table{min-width:530px}.history-table th,.history-table td{padding:9px 8px}.history-matches{display:grid;gap:9px}.history-match{padding:11px 13px;border:1px solid var(--line,#d7d3c4);border-radius:9px;background:#f7f5eb}.history-match header,.history-match li{display:flex;justify-content:space-between;gap:12px;align-items:center}.history-match header span,.history-match li strong{white-space:nowrap}.history-match ol{display:grid;gap:5px;margin:9px 0 0;padding-left:22px}.history-match li{padding:3px 0}
.online-dialog::backdrop{background:#061c1acc}.online-dialog h2{margin:4px 0 8px;font:700 28px Georgia,serif}.online-dialog p{line-height:1.5}.online-dialog .close{position:sticky;z-index:2;top:0;float:right}.online-form{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid var(--line,#d7d3c4);border-radius:10px}.online-form label{display:grid;gap:5px;font-weight:700}.online-form input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #a9b3a7;border-radius:7px;background:#fff;color:#173f39;font:inherit}.online-form button,.online-dialog button{min-height:40px}.online-notice{padding:10px;border-radius:8px;background:#fff0cd}.online-invite{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:2px dashed #5d7e68;border-radius:9px;background:#eef5e9}.online-invite strong{font:700 24px ui-monospace,monospace;letter-spacing:.13em}.online-roster{padding-left:22px}.online-chat{margin-top:18px;padding-top:12px;border-top:1px solid var(--line,#d7d3c4)}.online-chat h3{margin:0 0 8px}.online-chat ol{display:grid;gap:7px;max-height:230px;overflow:auto;margin:0;padding:0;list-style:none}.online-chat li{padding:9px;border-radius:8px;background:#f0efe8}.online-chat li time{float:right;color:#61766b;font-size:11px}.online-chat li p{margin:5px 0 0;overflow-wrap:anywhere}.online-chat .online-form{grid-template-columns:1fr auto;align-items:end;padding:0;border:0}.online-chat .online-form label{grid-column:1/-1}.online-state{padding:10px;border-left:3px solid #527b5a;background:#f0f5e9}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.online-dialog{padding:18px}.online-dialog h2{font-size:23px}.online-chat .online-form{grid-template-columns:1fr}.online-invite{align-items:flex-start;flex-direction:column}}