.board .square{touch-action:none}.board .square.premove{box-shadow:inset 0 0 0 4px #d58341;background-image:linear-gradient(#ee923755,#ee923755)}
.opponent-picker{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.opponent-picker button{white-space:normal!important;min-width:0;line-height:1.25;padding:12px 7px!important;font-size:13px!important}
.account-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line,#d4d2cc);padding:0 0 14px;margin-bottom:16px}.account-summary>div{min-width:0}.account-summary strong,.account-summary small{display:block;overflow-wrap:anywhere}.account-summary small{font-size:11px;color:var(--muted,#8b929b)}
.competition-options{display:grid;gap:10px;margin:14px 0}.competition-options .checkbox-label{margin:0}.competition-options input[type=number]{width:100%;padding:10px;border-radius:5px;border:1px solid var(--line,#bcb9ae);background:var(--paper,#fff);color:inherit}.network-note,.premove-status{font-size:12px;min-height:18px;color:var(--muted,#8996a0)}
.premove-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.premove-tools [hidden]{display:none!important}.rating-result{padding:12px 0;font-weight:700;color:#d3a760}.rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rating-grid>div{padding:12px;border:1px solid var(--line,#48515a);border-radius:6px}.rating-grid small,.rating-grid strong{display:block}
.my-stats{margin:14px 0;border-top:1px solid var(--line,#d5d1c9);padding-top:14px}.my-stats>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.my-stats strong,.my-stats small{display:block}.my-stats strong{font-size:21px}.my-stats small{font-size:11px;overflow-wrap:anywhere}.my-stats .stats-source{font-size:11px;margin:10px 0 0}
.history-stats{margin:14px 0;padding:14px 0;border-top:1px solid var(--line,#d5d1c9)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.stat-card strong,.stat-card small{display:block}.stat-card strong{font-size:23px}.stat-card small,.stats-modes,.history-storage-note{font-size:12px;color:var(--muted,#8a929d)}.history-storage-note{margin-bottom:0}.stats-preview .history-stats h2{font-size:14px}.stats-preview .history-stats{margin-bottom:0;padding-bottom:0}.stats-preview .stats-modes{display:none}.archive-picker{margin-bottom:20px}.archive-picker select{max-width:600px;width:100%}
.account-stats{padding:0 0 16px;margin-bottom:15px;border-bottom:1px solid var(--line,#d5d1c9)}.account-stats>small{display:block;margin-bottom:8px;color:var(--muted,#8a929d)}.account-stats .stat-card strong{font-size:19px}.account-stats .stat-card small{font-size:10px}.stats-preview .stat-card span{display:block;font-size:11px}.stats-preview .history-stats{padding-top:10px;margin-top:10px}.stats-preview .history-storage-note{font-size:10px;margin-top:0;margin-bottom:5px}.stats-preview .stat-card strong{font-size:19px}
.archive-content[aria-hidden=true]{visibility:hidden;pointer-events:none}.archive-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px;align-items:start}.archive-board-column,.archive-sidebar{min-width:0}.archive-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.archive-controls button{min-height:38px}.archive-controls label{display:flex;align-items:center;gap:7px;font-size:12px;margin-inline-start:auto}.archive-controls select{width:auto;min-width:68px;margin:0;padding:8px}.archive-controls button:disabled{cursor:default}.archive-source{font-size:12px}.archive-progress{width:100%;margin-top:18px;accent-color:var(--lime,#d9ae62)}
.archive-sidebar{padding:22px}.archive-sidebar h2{font-size:22px;line-height:1.25;margin:10px 0 18px}.archive-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.archive-player-side{min-width:0}.archive-player-side h3{font-size:11px;color:var(--muted,#85808b);margin:0 0 8px}.archive-people{display:flex;gap:10px;flex-wrap:wrap}.archive-person{flex:1 1 70px;min-width:0;margin:0}.archive-portrait{width:100%;max-width:126px;aspect-ratio:1;overflow:hidden;border-radius:10px;background:var(--bg,#f5f4f0);border:1px solid var(--line,#e5e2dc);display:grid;place-items:center}.archive-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.archive-initials{font-size:clamp(22px,3vw,38px);font-weight:700;color:var(--muted,#85808b)}.archive-person figcaption{margin-top:7px;line-height:1.35;overflow-wrap:anywhere}.archive-person strong{font-size:12px;display:block}.archive-person small{display:block;margin-top:4px;font-size:10px;color:var(--muted,#85808b)}
.archive-facts{margin:18px 0;padding:14px 0;border-top:1px solid var(--line,#e5e2dc);border-bottom:1px solid var(--line,#e5e2dc);display:grid;gap:9px}.archive-facts>div{display:grid;grid-template-columns:minmax(65px,.65fr) minmax(0,1.5fr);gap:12px;font-size:12px;line-height:1.5}.archive-facts dt{color:var(--muted,#85808b)}.archive-facts dd{margin:0;overflow-wrap:anywhere}.archive-photo-credits{font-size:11px;line-height:1.65;color:var(--muted,#85808b);margin-bottom:18px}.archive-photo-credits summary{cursor:pointer;color:var(--ink,#282334);padding:4px 0}.archive-photo-credits p{font-size:11px;margin:7px 0}.archive-photo-credits ul{padding-inline-start:17px;margin:8px 0}.archive-photo-credits li{margin-bottom:12px;overflow-wrap:anywhere}.archive-photo-credits li>span,.archive-photo-credits li>a{display:block}.archive-photo-credits a,.archive-sources a{text-decoration:underline;text-underline-offset:2px}.archive-sources{list-style:none;padding:0;margin:10px 0 0;font-size:11px;line-height:1.7;color:var(--muted,#85808b)}.archive-sources li{margin-top:7px;overflow-wrap:anywhere}
.archive-notation h3{font-size:12px;margin:20px 0 8px}.archive-notation #archive-position{font-size:12px;display:block;min-height:18px;margin-bottom:8px}.archive-moves{max-height:300px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line,#e5e2dc);border-radius:8px;font-size:12px}.archive-moves table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.archive-moves thead th{position:sticky;top:0;background:var(--bg,#f5f4f0);z-index:1;font-size:10px;color:var(--muted,#85808b);font-weight:600;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line,#e5e2dc)}.archive-moves thead th:first-child{width:38px}.archive-moves tbody th{font-size:10px;font-weight:400;color:var(--muted,#85808b);text-align:left;padding:6px 8px}.archive-moves td{padding:3px 4px}.archive-moves td>span{color:var(--muted,#85808b);padding:5px 8px}.archive-moves button{padding:6px 8px;text-align:left;width:100%;border-radius:4px;min-height:32px}.archive-moves button[aria-current=true]{background:var(--lilac,#e8dff4);color:var(--ink,#282334);font-weight:700}.archive-moves tbody tr:nth-child(even){background:var(--bg,#f5f4f0)}
.archive-intro{position:fixed;inset:0;width:min(650px,calc(100% - 28px));height:fit-content;max-height:calc(100dvh - 28px);margin:auto;padding:26px;border-radius:16px;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 70px #0004;z-index:30}.archive-intro::backdrop{background:#12162299}.archive-intro-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.archive-intro-heading .eyebrow{line-height:1.5}.archive-intro-heading button{padding:10px 14px;min-height:42px;flex-shrink:0}.archive-intro h2{font-size:28px;line-height:1.25;margin:20px 0}.archive-intro .archive-players{gap:24px}.archive-intro .archive-portrait{max-width:160px}.archive-intro .archive-person strong{font-size:14px}.archive-intro .archive-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px}.archive-intro .archive-facts>div{display:block}.archive-intro .archive-facts dt{font-size:11px;margin-bottom:2px}.archive-intro .archive-facts dd{font-size:13px}.archive-intro #archive-intro-countdown{margin:14px 0 0;font-size:12px;color:var(--muted,#85808b);line-height:1.5}.archive-intro .archive-photo-credits{margin-bottom:8px}
body[data-embed=true] .archive-controls button,.archive-controls button{width:auto;margin-top:0}body[data-embed=true] .archive-intro-heading button,.archive-intro-heading button{width:auto;margin:0}
#auth-form,#report-form{display:grid;gap:8px}#auth-form .field-label,#report-form .field-label{margin-top:10px}#auth-error{color:#c64545;min-height:18px}#report-form textarea{width:100%;resize:vertical;padding:12px;background:var(--paper,#fff);color:inherit;border:1px solid var(--line,#b9b3a6)}
@media(max-width:760px){.archive-layout{grid-template-columns:minmax(0,1fr)}.archive-sidebar{padding:20px}.archive-sidebar .archive-portrait{max-width:140px}.archive-moves{max-height:260px}.archive-moves button{min-height:42px}.archive-controls button{min-height:44px}.archive-controls label{margin-inline-start:0}.archive-intro{padding:20px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.archive-intro h2{font-size:24px}.archive-intro .archive-players{gap:16px}.account-summary{flex-wrap:wrap}.my-stats strong{font-size:18px}.opponent-picker button{min-height:46px}}
@media(max-width:380px){.archive-intro{padding:16px}.archive-intro-heading .eyebrow{font-size:8px;letter-spacing:1px}.archive-intro .archive-facts{gap:12px}.archive-intro .archive-person strong{font-size:12px}.archive-intro .archive-people{gap:7px}.archive-person{flex-basis:60px}.archive-controls{gap:6px}.archive-controls button{padding-inline:10px}}

/* Gameplay settings and the planned premove queue. */
.gameplay-settings{border:1px solid var(--line,#dcd8cf);border-radius:12px;padding:16px;margin:18px 0}.gameplay-settings legend{padding:0 6px;font-weight:700}.gameplay-settings p{font-size:13px;line-height:1.6}.gameplay-settings small{display:block;color:var(--muted,#716b77);line-height:1.5}.gameplay-switch{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:14px}.gameplay-switch input{position:absolute;opacity:0;width:1px;height:1px}.gameplay-switch .switch-track{display:inline-flex;align-items:center;width:42px;height:24px;padding:3px;background:#77747b;border-radius:14px;flex-shrink:0}.gameplay-switch .switch-track::before{content:"";width:18px;height:18px;background:white;border-radius:50%;transition:transform .15s}.gameplay-switch input:checked+.switch-track{background:#45854a}.gameplay-switch input:checked+.switch-track::before{transform:translateX(18px)}.gameplay-switch input:focus-visible+.switch-track{outline:3px solid var(--ink,#282334);outline-offset:3px}.gameplay-settings select{width:100%;padding:12px;background:var(--paper,#fff);color:var(--ink,#282334);border:1px solid var(--line,#dcd8cf);border-radius:6px}.gameplay-settings select:disabled{opacity:.5}.board.premove-preview .premove-ghost .piece{opacity:.72}.board .premove-badge{position:absolute;inset-inline-end:4px;top:3px;padding:1px 4px;line-height:1.3;background:#8a4013;color:#fff;border-radius:3px;font-size:clamp(9px,1.5vw,13px);font-weight:700;z-index:4;pointer-events:none}.premove-tools #premove-help,.premove-tools #cancel-premove{width:auto;margin-top:0;min-height:36px}.premove-tools #premove-status{overflow-wrap:anywhere}