*{box-sizing:border-box}:root{color-scheme:light dark;--background:light-dark(#f5f4f0,#151916);--surface:light-dark(#fffefa,#1e241f);--text:light-dark(#222721,#f1f4ef);--muted:light-dark(#535a51,#bdc9be);--control:light-dark(#f1f4ee,#2a342c);--hover:light-dark(#e3ebdf,#35473a);--edge:light-dark(#7e887b,#829585);--frame:light-dark(#d9ded5,#3d4a40);--focus:light-dark(#246141,#a9d9b1);--pairing-width:40rem;--theme-thumb-offset:0px}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.theme-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){--theme-thumb-offset:18px}:root:not([data-theme]) .theme-sun{display:none}:root:not([data-theme]) .theme-moon{display:block}}:root[data-theme=dark]{--theme-thumb-offset:18px}:root[data-theme=dark] .theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:block}body{margin:0;background:var(--background);color:var(--text);font-family:system-ui,sans-serif}main{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding:clamp(12px,3vw,36px)}.site-header{justify-self:center;width:100%;max-width:var(--pairing-width);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.375rem;min-height:2.75rem}.header-controls,.site-brand{display:flex;align-items:center;gap:clamp(.375rem,1.5vw,.625rem)}.site-brand{font-size:clamp(1rem,.85rem + .7vw,1.25rem);font-weight:650;letter-spacing:-.02em}.site-mark{width:clamp(1.5rem,1.25rem + 1vw,2rem);aspect-ratio:1;background-color:currentColor;-webkit-mask:url(/tabiya-mark.svg) center/contain no-repeat;mask:url(/tabiya-mark.svg) center/contain no-repeat}.header-controls{flex:1 1 11rem;margin-inline-start:auto;min-width:0;max-width:100%;justify-content:flex-end}.pairing-panel{align-self:center;justify-self:center;width:100%;max-width:var(--pairing-width);margin-block:clamp(1rem,5vh,3rem)}.pairing-panel h1{margin:0;text-align:center;font-size:clamp(1.625rem,1.2rem + 2vw,2.75rem);font-weight:650;line-height:1.15;letter-spacing:-.025em}.intro{max-width:53ch;margin:.875rem auto clamp(1.25rem,4vw,2rem);color:var(--muted);text-align:center;font-size:clamp(.9375rem,.875rem + .3vw,1.0625rem);line-height:1.6}.clocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.375rem,1.5vw,.75rem);padding:clamp(.375rem,1.5vw,.875rem);border:1px solid var(--frame);border-radius:.875rem;background:var(--surface)}button{font:inherit;color:inherit;cursor:pointer}.clocks button{display:grid;align-content:center;gap:.25rem;min-width:0;min-height:clamp(4.25rem,9vw,6.5rem);padding:.5rem .125rem;border:1px solid var(--edge);border-radius:.5rem;background:var(--control);overflow-wrap:anywhere}.clock-time{font-size:clamp(1.25rem,1rem + 1.2vw,2rem);font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.clock-category{color:var(--muted);font-size:.875rem;line-height:1.25}.clocks button:not(:disabled):hover,.clocks button[aria-pressed=true]{background:var(--hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.clocks button[aria-pressed=true]{border-color:var(--focus)}button:disabled{cursor:default}.match-status{text-align:center;overflow-wrap:anywhere}.match-status p{margin:.9rem 0 .5rem}.match-status p:empty{margin:0}.account-button,.match-status a,.match-status button{display:inline-block;padding:.6rem .9rem;border:1px solid var(--edge);border-radius:6px;background:var(--control);color:inherit}.account-button{min-height:2.75rem;max-width:100%;font-size:.875rem}.provider-button{display:inline-flex;align-items:center;gap:.5rem}.theme-toggle{display:grid;place-items:center;flex:none;min-height:44px;padding:0;border:0;border-radius:999px;background:transparent}.theme-track{display:flex;align-items:center;width:46px;height:27px;padding:3px;border:1px solid var(--edge);border-radius:999px;background:var(--control)}.theme-toggle:not(:disabled):hover .theme-track{background:var(--hover)}.theme-thumb{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--focus);color:var(--background);transform:translateX(var(--theme-thumb-offset))}@media (prefers-reduced-motion:no-preference){.theme-thumb{transition:transform .15s ease}}@media (max-width:420px){.header-controls .account-button{padding-inline:.5rem}}.lichess-logo{flex:none;width:1.25rem;height:1.25rem;background-color:currentColor;-webkit-mask:url(/lichess-logo.svg) center/contain no-repeat;mask:url(/lichess-logo.svg) center/contain no-repeat}.provider-button:disabled{color:var(--muted)}.account-dropdown{position:relative;min-width:0}.account-trigger{display:flex;align-items:center;gap:.625rem}.account-trigger span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-trigger:after{content:"";flex:none;width:.42em;height:.42em;border:solid;border-width:0 1px 1px 0;transform:translateY(-.12em) rotate(45deg)}.account-actions{position:absolute;z-index:1;inset:calc(100% + .375rem) 0 auto auto;min-width:8rem;padding:.375rem;border:1px solid var(--edge);border-radius:.5rem;background:var(--surface)}.account-actions form+form{margin-top:.375rem}.account-actions button{width:100%;text-align:start}.match-status a,.match-status button{margin:.25rem}.account-button:not(:disabled):hover,.match-status a:hover,.match-status button:not(:disabled):hover{background:var(--hover)}.match-dialog{width:min(25rem,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);padding:2.75rem 1rem 1.25rem;border:1px solid var(--edge);border-radius:.875rem;background:var(--surface);color:var(--text);text-align:center;box-shadow:0 .75rem 2.5rem #0004}.match-dialog::backdrop{background:#0007}.match-dialog h2{margin:0;font-size:1.25rem;line-height:1.25}.dialog-close{position:absolute;inset:.25rem .25rem auto auto;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:.5rem;background:transparent;font-size:1.5rem}.dialog-close:not(:disabled):hover{background:var(--hover)}.guest-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.625rem;margin-top:1rem}.search-spinner{display:block;width:1.375rem;height:1.375rem;margin:0 auto .75rem;border:2px solid var(--edge);border-top-color:var(--focus);border-radius:50%}.search-dots{display:inline-block;min-width:.9em;text-align:start}.queue-count{color:var(--muted);margin:.625rem 0 0}.waiting-dialog{padding-top:1.25rem}.search-cancel{margin-top:1rem}@media (prefers-reduced-motion:no-preference){.search-spinner{animation:search-spin 1s linear infinite}.search-dots span{animation:search-dot-two 1.5s step-end infinite}.search-dots span:last-child{animation-name:search-dot-three}}@keyframes search-spin{to{transform:rotate(1turn)}}@keyframes search-dot-two{0%{opacity:0}33.333%{opacity:1}}@keyframes search-dot-three{0%{opacity:0}66.667%{opacity:1}}.activity-panel{margin-top:.875rem;padding:.875rem clamp(.625rem,2vw,1rem);border:1px solid var(--frame);border-radius:.875rem;background:var(--surface);color:var(--muted);font-size:.8125rem}.activity-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem}.activity-heading h2{margin:0;color:var(--text);font-size:.9375rem;font-weight:600}.activity-heading p{margin:0 0 0 auto;text-align:end}.activity-note{margin:.625rem 0 0}.activity-chart{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.625rem;row-gap:.375rem;margin:.875rem .25rem 0 0;font-size:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.activity-scale{display:flex;flex-direction:column;justify-content:space-between;text-align:end;line-height:1;margin-block:-.375rem}.activity-plot{width:100%;height:clamp(4.75rem,12vw,6.5rem);overflow:visible}.activity-gridline{stroke:var(--frame);stroke-width:1}.activity-line{fill:none;stroke:var(--focus);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.activity-dates{grid-column:2;display:flex;justify-content:space-between;gap:.25rem}.activity-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}