:root{--background:#0f1f24;--surface:#172b31;--surface-elevated:#203940;--border:#36515a;--text:#edf3f2;--text-muted:#9fb2b2;--accent:#4f9c9c;--accent-hover:#68b4b0;--success:#64a879;--warning:#c79855;--danger:#c96b6b;--board-light:#c7d0c4;--board-dark:#52736d;--board-selected:#e2b85c;--board-legal:#477b68;--board-capture:#b55353;--board-last-move:#8c9d55;--board-check:#c34f4f;--nav-text:var(--text);--nav-text-muted:var(--text-muted);--panel-background:var(--surface);--panel-inset-background:var(--surface-elevated);--input-background:var(--surface-elevated);--input-text:var(--text);--button-secondary-background:var(--surface-elevated);--button-secondary-text:var(--text);--disabled-opacity:.62;color:var(--text);background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}:root[data-theme=FOREST]{--background:#111d17;--surface:#1a2b21;--surface-elevated:#243a2c;--border:#3b5744;--text:#edf2ed;--text-muted:#a5b3a8;--accent:#6f9b75;--accent-hover:#85ae89;--success:#70a87a;--warning:#c39a5a;--danger:#c66d68;--board-light:#d2d4bd;--board-dark:#60765b;--board-selected:#d7b85e;--board-legal:#4e825e;--board-capture:#b95c56;--board-last-move:#8c9d55;--board-check:#bf4f4f}:root[data-theme=SLATE]{--background:#161b24;--surface:#202735;--surface-elevated:#2a3445;--border:#465266;--text:#eef1f5;--text-muted:#a8b0be;--accent:#7189ab;--accent-hover:#879dbc;--success:#6da184;--warning:#c49a5c;--danger:#c66e74;--board-light:#cbd0d6;--board-dark:#5c687a;--board-selected:#d8b75a;--board-legal:#577d70;--board-capture:#b65b61;--board-last-move:#89965d;--board-check:#c15159}:root[data-theme=COPPER]{--background:#211a18;--surface:#302521;--surface-elevated:#41322c;--border:#654a3e;--text:#f2ece8;--text-muted:#b8a79e;--accent:#ad7253;--accent-hover:#c08360;--success:#769c73;--warning:#c28c51;--danger:#c36960;--board-light:#d8c7ae;--board-dark:#815e4d;--board-selected:#d7ad55;--board-legal:#668061;--board-capture:#b65750;--board-last-move:#919254;--board-check:#bd4d49}:root[data-theme=LIGHT]{--background:#eef1f3;--surface:#fff;--surface-elevated:#f7f9fa;--border:#c6cdd2;--text:#20272d;--text-muted:#66727a;--accent:#396f7b;--accent-hover:#2d5b65;--success:#35754c;--warning:#93651f;--danger:#a94444;--board-light:#e4e8e2;--board-dark:#718a86;--board-selected:#d7ad43;--board-legal:#4d8068;--board-capture:#b84f4f;--board-last-move:#9aa75f;--board-check:#c34444}:root[data-theme=IVORY]{--background:#f3efe5;--surface:#fffdf6;--surface-elevated:#eae3d4;--border:#c9bfaa;--text:#292722;--text-muted:#706a5e;--accent:#766443;--accent-hover:#5d4e34;--success:#4d744f;--warning:#91651f;--danger:#9e4944;--board-light:#eee5cf;--board-dark:#8b785c;--board-selected:#cfaa4b;--board-legal:#637d59;--board-capture:#ad504a;--board-last-move:#969352;--board-check:#b94944}body{background:var(--background);background-image:url(/assets/keeptime-background.svg);background-position:top;background-size:cover;background-attachment:fixed;margin:0}.appearance-section{margin-top:.75rem}.appearance-section>h2,.appearance-section>p{margin:0}.appearance-section>p{color:var(--text-muted);margin-top:.4rem}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin-top:1rem;display:grid}.theme-card{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font:inherit;text-align:left;border-radius:.65rem;gap:.5rem;padding:.65rem;display:grid}.theme-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.theme-preview{box-sizing:border-box;background:var(--preview-background);border-radius:.35rem;grid-template-columns:1fr 1fr;gap:.3rem;height:3rem;padding:.35rem;display:grid;position:relative;overflow:hidden}.theme-preview-surface,.theme-preview-board{border-radius:.2rem;height:100%;display:block}.theme-preview-surface{border:.15rem solid var(--preview-accent);background:var(--preview-surface)}.theme-preview-board{background:linear-gradient(45deg, var(--preview-board-dark) 25%, transparent 25%) 0 0 / 1rem 1rem, linear-gradient(45deg, transparent 75%, var(--preview-board-dark) 75%) 0 0 / 1rem 1rem, var(--preview-board-light)}.theme-card-label{font-weight:700}.theme-card-state{color:var(--text-muted);font-size:.75rem}.theme-card[aria-pressed=true] .theme-card-state{color:var(--accent-hover)}[data-preview-theme=PETROL]{--preview-background:#0f1f24;--preview-surface:#172b31;--preview-accent:#4f9c9c;--preview-board-light:#c7d0c4;--preview-board-dark:#52736d}[data-preview-theme=FOREST]{--preview-background:#111d17;--preview-surface:#1a2b21;--preview-accent:#6f9b75;--preview-board-light:#d2d4bd;--preview-board-dark:#60765b}[data-preview-theme=SLATE]{--preview-background:#161b24;--preview-surface:#202735;--preview-accent:#7189ab;--preview-board-light:#cbd0d6;--preview-board-dark:#5c687a}[data-preview-theme=COPPER]{--preview-background:#211a18;--preview-surface:#302521;--preview-accent:#ad7253;--preview-board-light:#d8c7ae;--preview-board-dark:#815e4d}[data-preview-theme=LIGHT]{--preview-background:#eef1f3;--preview-surface:#fff;--preview-accent:#396f7b;--preview-board-light:#e4e8e2;--preview-board-dark:#718a86}[data-preview-theme=IVORY]{--preview-background:#f3efe5;--preview-surface:#fffdf6;--preview-accent:#766443;--preview-board-light:#eee5cf;--preview-board-dark:#8b785c}.public-layout{box-sizing:border-box;place-content:center;min-height:100vh;padding:1.5rem;display:grid}.public-card{box-sizing:border-box;text-align:center;background:#27272a;border:1px solid #3f3f46;border-radius:1rem;width:min(100%,28rem);padding:clamp(2rem,6vw,3rem)}.public-card h1,.public-card p{margin:0}.eyebrow{color:#a1a1aa;letter-spacing:.08em;text-transform:uppercase;font-size:.875rem;font-weight:700}.public-card h1{font-size:clamp(2.5rem,8vw,5rem)}.public-card .page-description{color:#a1a1aa;margin-top:.75rem;line-height:1.5}.public-actions{gap:.75rem;margin-top:2rem;display:grid}.public-actions a{color:#f4f4f5;border:1px solid #52525b;border-radius:.5rem;padding:.75rem 1rem;text-decoration:none}.public-actions a:hover,.public-actions a:focus-visible{border-color:#a1a1aa}.public-actions .primary-action{color:#18181b;background:#f4f4f5;border-color:#f4f4f5;font-weight:700}.auth-form{text-align:left;gap:1rem;margin-top:2rem;display:grid}.auth-form label{gap:.4rem;font-size:.875rem;font-weight:600;display:grid}.auth-form input{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#18181b;border:1px solid #52525b;border-radius:.5rem;padding:.75rem}.auth-form label span,.form-error{color:#fca5a5;font-size:.8rem;font-weight:400}.auth-form button{color:#18181b;font:inherit;cursor:pointer;background:#f4f4f5;border:0;border-radius:.5rem;padding:.8rem 1rem;font-weight:700}.auth-form button:disabled{cursor:wait;opacity:.65}.back-link{color:#d4d4d8;margin-top:1.5rem;display:inline-block}.secondary-links{flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-top:1.5rem;display:flex}.secondary-links a{color:#d4d4d8;font-size:.875rem}.route-status,.protected-placeholder{margin:2rem}.profile-page{max-width:42rem;margin:0 auto;padding:2rem 1.5rem}.history-page,.friends-page{max-width:48rem;margin:0 auto;padding:2rem 1.5rem}.friends-page section{margin-top:2rem}.friend-search{align-items:end;gap:.75rem;display:flex}.friend-search label{flex:1;gap:.4rem;display:grid}.friend-search input,.friend-search button,.friend-list button{color:inherit;font:inherit;background:#27272a;border:1px solid #52525b;border-radius:.5rem;padding:.65rem .85rem}.friend-search button,.friend-list button{cursor:pointer}.friend-search button:disabled,.friend-list button:disabled{cursor:not-allowed;opacity:.65}.friend-list{gap:.75rem;padding:0;list-style:none;display:grid}.friend-list li{border:1px solid #3f3f46;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.friend-actions{gap:.5rem;display:flex}.friend-identity{gap:.25rem;display:grid}.friend-offline{color:#a1a1aa}.lobby-page{max-width:64rem;margin:0 auto;padding:2rem 1.5rem}.lobby-heading h1,.lobby-heading p{margin:0}.lobby-heading h1{margin-top:.25rem}.lobby-heading>p:last-child{color:#a1a1aa;margin-top:.5rem}.game-mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin-top:2rem;display:grid}.game-mode-card{background:#27272a;border:1px solid #3f3f46;border-radius:.75rem;padding:1.25rem}.game-mode-card h2{margin:1rem 0 .5rem}.game-mode-card p{color:#a1a1aa;margin:0;line-height:1.5}.game-mode-action{color:#18181b;width:100%;font:inherit;cursor:pointer;background:#f4f4f5;border:0;border-radius:.5rem;margin-top:1.25rem;padding:.75rem 1rem;font-weight:700}.game-mode-action:disabled{opacity:.65}.game-mode-action:disabled:not(.game-mode-action-unavailable){cursor:wait}.game-mode-action-unavailable{color:#a1a1aa;cursor:not-allowed;background:0 0;border:1px solid #52525b}.game-mode-status{color:#d4d4d8;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:700}.game-history-list{gap:.75rem;padding:0;list-style:none;display:grid}.game-history-list li{border:1px solid #3f3f46;border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.game-history-list li>div{gap:.25rem;display:grid}.game-history-list span{color:#a1a1aa}.game-history-list a{color:#f4f4f5}.game-details{width:min(100%,40rem);margin-top:2rem}.game-details dl{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.game-details dl>div{border:1px solid #3f3f46;border-radius:.5rem;padding:.75rem}.game-details dt{color:#a1a1aa;font-size:.8rem}.game-details dd{margin:.25rem 0 0}.game-pgn{white-space:pre-wrap;background:#27272a;border-radius:.5rem;padding:1rem;overflow-x:auto}.game-moves{gap:.4rem;padding-left:1.5rem;display:grid}.game-moves li{grid-template-columns:5rem 1fr auto;gap:.75rem;display:grid}.game-moves span,.game-moves small{color:#a1a1aa}.profile-heading{align-items:center;gap:1rem;display:flex}.profile-heading h1,.profile-heading p{margin:0}.profile-heading p{color:#a1a1aa;margin-top:.25rem}.profile-avatar{object-fit:cover;border-radius:50%;width:5rem;height:5rem}.profile-avatar-fallback{background:#3f3f46;place-items:center;font-size:2rem;font-weight:700;display:grid}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0;display:grid}.profile-stats div{border:1px solid #3f3f46;border-radius:.75rem;padding:1rem}.profile-stats dt{color:#a1a1aa;font-size:.8rem}.profile-stats dd{margin:.25rem 0 0;font-size:1.25rem;font-weight:700}.profile-actions{flex-wrap:wrap;gap:.75rem;display:flex}.profile-settings{border-top:1px solid var(--border);margin-top:2.25rem;padding-top:1.75rem}.profile-settings>.eyebrow{margin:0}.profile-actions a,.file-action{color:inherit;cursor:pointer;border:1px solid #52525b;border-radius:.5rem;padding:.65rem .9rem;text-decoration:none}.file-action input{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.authenticated-layout{min-height:100vh}.authenticated-header{background:#27272a;border-bottom:1px solid #3f3f46;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.header-context{align-items:center;gap:1.35rem;min-width:0;display:flex}.user-summary{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.user-summary>span:last-child{gap:.15rem;display:grid}.user-summary small{color:#a1a1aa}.header-avatar{object-fit:cover;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}.avatar-fallback{background:#3f3f46;font-weight:700}.authenticated-navigation{align-items:center;gap:1rem;display:flex}.authenticated-navigation a,.authenticated-navigation button{color:#d4d4d8;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:none}.authenticated-content{width:100%}.rules-page{gap:1.5rem;width:min(100% - 2rem,64rem);margin:0 auto;padding:2rem 0;display:grid}.rules-heading h1,.rules-heading p{margin:0}.rules-heading h1{margin-top:.25rem}.rules-heading>p:last-child{color:#a1a1aa;max-width:42rem;margin-top:.5rem;line-height:1.6}.rules-summary{flex-wrap:wrap;gap:.5rem;display:flex}.rules-summary a{color:#d4d4d8;border:1px solid #52525b;border-radius:999px;padding:.55rem .75rem;text-decoration:none}.rules-page>section{background:#27272a;border:1px solid #3f3f46;border-radius:.75rem;padding:clamp(1rem,3vw,1.5rem);scroll-margin-top:1rem}.rules-page h2,.rules-page h3{margin:0}.rules-page h3{margin-top:1.25rem}.rules-page p,.rules-page li{color:#d4d4d8;line-height:1.65}.rules-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;margin-top:1rem;display:grid}.rules-grid article{background:#18181b;border:1px solid #3f3f46;border-radius:.5rem;padding:1rem}.rules-grid article h3,.rules-grid article p{margin:0}.rules-grid article p{margin-top:.5rem}.rule-examples{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-top:1rem;display:grid}.rule-example{background:#18181b;border:1px solid #3f3f46;border-radius:.5rem;align-content:start;gap:.75rem;padding:1rem;display:grid}.rule-example h3,.rule-example p{margin:0}.rule-example-board{width:min(100%,17rem);margin:0 auto}.rule-example .chess-piece{font-size:clamp(1rem,4vw,2rem)}.support-page{gap:1.5rem;width:min(100% - 2rem,64rem);margin:0 auto;padding:1.5rem 0;display:grid}.support-page h1,.support-page h2{margin:0}.support-page section,.support-details{background:#27272a;border:1px solid #3f3f46;border-radius:.75rem;gap:1rem;padding:1rem;display:grid}.support-form,.support-form label{gap:.5rem;display:grid}.support-form input,.support-form textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:#18181b;border:1px solid #52525b;border-radius:.5rem;padding:.7rem}.support-form button,.support-ticket-list button{color:inherit;cursor:pointer;background:#18181b;border:1px solid #52525b;border-radius:.5rem;padding:.7rem 1rem}.support-form button{justify-self:start}.support-form button:disabled,.support-ticket-list button:disabled{cursor:not-allowed;opacity:.6}.support-ticket-list,.support-messages{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.support-ticket-list button,.support-details header{text-align:left;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.support-messages li{background:#18181b;border-left:.2rem solid #71717a;padding:.75rem}.support-messages small{color:#a1a1aa;margin-left:.5rem}.support-messages p{white-space:pre-wrap;margin-bottom:0}.chess-board{aspect-ratio:1;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:min(100%,40rem);max-width:100%;display:grid;overflow:hidden}.chess-square{box-sizing:border-box;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.chess-piece{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:82%;max-width:82%;height:82%;max-height:82%;display:block;position:absolute;inset:9%}.chess-square-light{background:var(--board-light)}.chess-square-dark{background:var(--board-dark)}.chess-square:focus-visible{z-index:2;outline:.2rem solid var(--accent);outline-offset:-.2rem}.chess-square-selected{box-shadow:inset 0 0 0 .3rem var(--board-selected)}.chess-square-last-move{box-shadow:inset 0 0 0 .22rem var(--board-last-move)}.chess-square-check{box-shadow:inset 0 0 0 .3rem var(--board-check)}.chess-square-legal:after{aspect-ratio:1;background:color-mix(in srgb, var(--board-legal) 75%, transparent);content:"";border-radius:50%;width:22%;position:absolute}.chess-square-capture:after{border:.25rem solid var(--board-capture);background:0 0;width:72%}.chess-rank,.chess-file{color:color-mix(in srgb, var(--text) 78%, transparent);pointer-events:none;font-size:clamp(.55rem,1.4vw,.75rem);font-weight:700;position:absolute}.chess-rank{top:.18rem;left:.22rem}.chess-file{bottom:.14rem;right:.22rem}.chess-game-page{padding:1.5rem}.chess-game-page h1{margin-top:0}.chess-clocks{gap:.5rem;width:min(100%,40rem);margin-bottom:1rem;display:grid}.chess-clock{background:#27272a;border:1px solid #3f3f46;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.chess-clock time{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.chess-game{gap:.75rem;display:grid}.chess-game>p{margin:0;font-weight:700}.game-resign-action{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 16%, var(--surface));width:fit-content;color:var(--text);cursor:pointer;font:inherit;border-radius:.5rem;margin-top:1rem;padding:.65rem 1rem;font-weight:700}.game-resign-action:disabled{cursor:wait;opacity:.65}.chess-square:disabled{cursor:not-allowed}.promotion-dialog{box-sizing:border-box;background:#27272a;border:1px solid #52525b;border-radius:.75rem;width:min(100%,24rem);padding:1rem}.promotion-dialog p{margin-top:0;font-weight:700}.promotion-options{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.promotion-dialog button{color:inherit;cursor:pointer;background:#18181b;border:1px solid #71717a;border-radius:.4rem;padding:.6rem}@media (width<=40rem){.authenticated-header{flex-direction:column;align-items:flex-start}.authenticated-navigation{flex-wrap:wrap;justify-content:space-between;width:100%}}.keeptime-logo{color:var(--text);letter-spacing:.02em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:750;display:inline-flex}.keeptime-logo-symbol{fill:none;width:2.35rem;height:2.35rem;stroke:var(--accent);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.keeptime-logo-dial,.keeptime-logo-marks{stroke:var(--text-muted)}.keeptime-logo-hands{stroke:var(--accent)}.keeptime-logo-king{fill:var(--surface);stroke:var(--accent);stroke-width:1.8px}.keeptime-logo-full{margin-bottom:1.25rem;font-size:1.4rem}.keeptime-logo-full .keeptime-logo-symbol{width:3rem;height:3rem}.brand-link{color:inherit;text-decoration:none}.public-card,.mode-card,.profile-stats>div,.game-summary,.game-details,.friend-card,.friend-request-card,.support-ticket-card,.support-ticket-details,.rules-section,.rule-example,.chess-clock,.promotion-dialog{border-color:var(--border);background:var(--surface);color:var(--text)}.authenticated-header{border-color:var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);color:var(--nav-text)}.authenticated-navigation a,.authenticated-navigation button{color:var(--nav-text)}.eyebrow,.page-description,.user-summary small,.profile-heading p,.mode-card p,.game-summary p,.game-moves span,.game-moves small,.ticket-meta,.rule-example p{color:var(--text-muted)}a{color:var(--accent-hover)}.public-actions a,.authenticated-navigation a,.authenticated-navigation button,.profile-actions a,.profile-actions button,.file-action,.auth-form input,.auth-form button,button,input,textarea,select{border-color:var(--border)}.auth-form input,input,textarea,select,.promotion-dialog button{background:var(--surface-elevated);color:var(--text)}.primary-action,.public-actions .primary-action,.auth-form button,.mode-card-action{border-color:var(--accent);background:var(--accent);color:var(--background)}.primary-action:hover,.primary-action:focus-visible,.auth-form button:hover,.auth-form button:focus-visible{background:var(--accent-hover)}.game-mode-card,.game-history-list li,.game-details dl>div,.friend-list li,.rules-page>section,.support-page section,.support-details{border-color:var(--border);background:var(--panel-background);color:var(--text)}.game-pgn,.rules-grid article,.rule-example,.support-messages li{border-color:var(--border);background:var(--panel-inset-background);color:var(--text)}.friend-search input,.support-form input,.support-form textarea,.auth-form input{border-color:var(--border);background:var(--input-background);color:var(--input-text)}.friend-search button,.friend-list button,.support-form button,.support-ticket-list button,.promotion-dialog button{border-color:var(--border);background:var(--button-secondary-background);color:var(--button-secondary-text)}.game-mode-card p,.game-mode-status,.game-history-list span,.game-details dt,.game-moves span,.game-moves small,.friend-offline,.rules-heading>p:last-child,.rules-page p,.rules-page li,.support-messages small{color:var(--text-muted)}.game-history-list a,.rules-summary a{color:var(--accent-hover)}.profile-avatar-fallback,.avatar-fallback{background:var(--surface-elevated);color:var(--text)}.friend-online{color:var(--success)}.game-mode-action-unavailable{color:var(--text-muted)}.game-mode-action:not(.game-mode-action-unavailable){background:var(--accent);color:var(--background)}.rules-summary a{border-color:var(--border)}.form-error{color:var(--danger)}.form-success{color:var(--success)}.chess-clock-active{border-color:var(--board-selected);box-shadow:inset .25rem 0 var(--board-selected)}.chess-game-status{color:var(--warning)}:focus-visible{outline-color:var(--accent);outline-offset:.18rem}button,a,input,textarea,select{transition:border-color .15s,background-color .15s,color .15s}@media (width<=64rem){.authenticated-header{flex-wrap:wrap}.authenticated-navigation{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:.45rem .9rem;width:100%;padding-top:.65rem}.header-context{flex:auto}.chess-game-page{justify-items:center;display:grid}.game-details{width:min(100%,40rem)}}@media (width<=48rem){.profile-page,.history-page,.friends-page,.lobby-page,.chess-game-page{box-sizing:border-box;width:100%;padding:1.25rem 1rem}.profile-stats,.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friend-list li,.game-history-list li,.support-ticket-list button,.support-details header{flex-direction:column;align-items:stretch}.friend-actions{flex-wrap:wrap}.game-moves li{grid-template-columns:4.5rem minmax(0,1fr)}.game-moves small{grid-column:2}}@media (width<=32rem){body{background-attachment:scroll}.public-layout{padding:.75rem}.public-card{padding:1.5rem 1rem}.authenticated-header{align-items:center;padding:.65rem .75rem}.keeptime-logo-compact>span{display:none}.header-context{gap:.75rem;width:100%}.user-summary,.user-summary>span:last-child{min-width:0}.user-summary strong,.user-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-summary small{max-width:13rem}.authenticated-navigation{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.35rem;overflow-x:auto}.authenticated-navigation a,.authenticated-navigation button{flex:none}.profile-heading{align-items:flex-start}.profile-avatar{width:4rem;height:4rem}.profile-stats,.theme-grid{grid-template-columns:1fr}.friend-search{flex-direction:column;align-items:stretch}.profile-actions>*,.friend-actions>*,.support-form button{box-sizing:border-box;text-align:center;width:100%}.game-mode-grid,.rules-grid,.rule-examples{grid-template-columns:1fr}.rules-page,.support-page{width:calc(100% - 1rem);padding:.75rem 0}.chess-game-page{padding-inline:.5rem}.chess-clocks{width:100%}.chess-clock time{font-size:1.25rem}.promotion-dialog{width:calc(100% - 1rem)}.promotion-options{grid-template-columns:1fr}}.ui-status{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:fit-content;max-width:100%;color:var(--text-muted);border-radius:.55rem;align-items:center;gap:.65rem;margin-block:.75rem;padding:.7rem .85rem;display:flex}.ui-status-error{border-color:var(--danger);color:var(--danger)}.ui-status-success{border-color:var(--success);color:var(--success)}.ui-status-warning{border-color:var(--warning);color:var(--warning)}.ui-status-empty{border-style:dashed}.ui-status-spinner{border:.14rem solid var(--border);border-top-color:var(--accent);border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite ui-status-spin}@keyframes ui-status-spin{to{transform:rotate(360deg)}}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity)}button:not(:disabled):hover,a:hover{border-color:var(--accent-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}