.account-game-archive{min-width:0;min-height:0;color:var(--ink,#f2edf7);background:var(--surface-base,#17152f);flex-direction:column;flex:1;gap:10px;display:flex}.account-game-archive :is(button:not(.board-square),input,select),.account-archive-tabs button{color:#f4f0f8;max-width:100%;min-height:44px;font:inherit;background:#27233f;border:1px solid #726988;border-radius:7px;padding:7px 10px;font-size:14px}.account-game-archive button,.account-archive-tabs button{cursor:pointer}.account-game-archive button:disabled{opacity:.55;cursor:default}.account-game-archive button.primary{color:#142b27;background:#afe8d5;border-color:#afe8d5;font-weight:700}.account-game-archive :focus-visible,.account-archive-tabs :focus-visible{outline-offset:2px;outline:2px solid #9bd9ff}.account-archive-tabs{gap:8px;padding-bottom:10px;display:flex}.account-archive-tabs button[aria-pressed=true],.account-archive-item[aria-current]{background:#293f45;border-color:#afe8d5}.account-archive-filters{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.account-archive-filters label{flex-direction:column;gap:4px;min-width:0;font-size:12px;display:flex}.account-archive-filters input,.account-archive-filters select{width:100%}.account-archive-search{flex:1;min-width:130px!important}.account-archive-scope{font-size:12px;line-height:1.4;margin:0!important}.account-archive-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:auto}.account-archive-item{text-align:left;flex:none;align-items:center;gap:9px;width:100%;display:flex}.account-archive-item img{object-fit:cover;border-radius:50%;flex:none;width:36px;height:36px}.account-archive-item span{flex:1;min-width:0}.account-archive-item strong{overflow-wrap:anywhere;display:block}.account-archive-item small{color:#ccc5df;font-size:11px;display:block}.account-archive-pagination,.account-archive-nav,.account-archive-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.account-archive-pagination{justify-content:space-between;font-size:12px}.account-archive-actions{flex-wrap:wrap}.account-archive-detail{flex-direction:column;flex:1;gap:9px;min-height:0;display:flex}.account-archive-detail h3{overflow-wrap:anywhere;margin:0;font-size:17px}.account-archive-detail small{font-size:12px}.account-archive-back{align-self:flex-start}.account-archive-reader{overscroll-behavior:contain;flex:1;grid-template-columns:minmax(200px,1.1fr) minmax(180px,1fr);gap:12px;min-height:0;display:grid;overflow:auto}.account-archive-board-column{min-width:0}.account-archive-board{width:min(100%,100dvh - 300px);margin:auto}.account-archive-board .board-frame{width:100%}.account-archive-nav{justify-content:center;margin-top:5px}.account-archive-nav button{min-width:40px;padding:4px 7px}.account-archive-moves{min-width:0;min-height:0;overflow:auto}.account-archive-comment{white-space:pre-wrap;background:#302b45;border-radius:5px;padding:8px;font-size:13px;line-height:1.45}.account-archive-notice{color:#e4fff7;background:#203b37;border:1px solid #7fa89d;border-radius:5px;margin:0 0 8px;padding:8px}:is(html:has(.games-library-dialog[open] .account-game-archive),body:has(.games-library-dialog[open] .account-game-archive)){overflow:hidden}.games-library-dialog[open]:has(.account-game-archive){overscroll-behavior:contain}.account-archive-error{background:#402932;margin:0;padding:8px;font-size:13px}.studio-dialog:has(.account-archive-host){width:min(940px,100vw - 24px);height:min(580px,100dvh - 24px)}.studio-dialog-page.account-archive-host>.account-game-archive{flex-shrink:1}.games-library-dialog:has(.account-game-archive){height:min(700px,100dvh - 32px);max-height:min(700px,100dvh - 32px)}.games-library-dialog:has(.account-game-archive) .workspace-dialog-shell{flex-direction:column;height:100%;min-height:0;display:flex}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading{flex-shrink:0}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading p:not(.eyebrow){display:none}@media (width<=600px){.account-archive-filters{gap:6px}.account-archive-filters>label:first-child{flex:100%}.account-archive-filters>button{flex:none}.account-archive-reader{flex-direction:column;gap:8px;display:flex}.account-archive-board{width:min(100%,100dvh - 340px)}.account-archive-board-column{flex-shrink:0}.account-archive-moves{flex-shrink:0;overflow:visible}.account-archive-moves .variation-lines{max-height:120px}.account-archive-detail h3{font-size:15px}.account-archive-detail{gap:6px}.account-game-archive{gap:7px}.account-archive-actions button{flex:1;padding:6px;font-size:12px}}.account-archive-content{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.account-archive-selected{flex-shrink:0;align-items:center;gap:10px;display:flex}.account-archive-selected>div{min-width:0}.account-archive-selected small{margin-top:3px}.account-archive-selected .account-archive-back{flex-shrink:0}.studio-dialog[open]:has(.account-archive-host){width:min(940px,100vw - 24px);height:min(580px,100dvh - 24px)}@media (width<=600px){.studio-dialog[open]:has(.account-archive-host){height:calc(100dvh - 24px);padding:14px}.account-archive-host h2{align-items:center;min-height:44px;margin:0;display:flex}.account-archive-selected{align-items:start;gap:8px}.account-archive-selected .account-archive-back{max-width:90px;font-size:12px}.account-archive-reader{grid-template-rows:minmax(0,1fr) 100px;grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.account-archive-board-column{grid-template-rows:minmax(0,1fr) 44px;gap:5px;min-height:0;display:grid}.account-archive-board{width:100%;height:100%;min-height:0;position:relative}.account-archive-board .board-frame{width:auto;max-width:100%;height:100%;margin:auto;position:absolute;inset:0}.account-archive-nav{margin:0}.account-archive-moves{overscroll-behavior:contain;min-height:0;overflow:auto}.account-archive-moves .variation-lines{max-height:none}}.account-archive-board-column{grid-template-rows:minmax(0,1fr) 44px;gap:5px;min-height:0;display:grid}.account-archive-board{width:100%;height:100%;min-height:0;position:relative}.account-archive-board .board-frame{width:auto;max-width:100%;height:100%;margin:auto;position:absolute;inset:0}.account-game-archive .account-archive-board .board-square{border-radius:0;min-width:0;min-height:0;padding:0}.account-archive-board .piece-image{width:90%;max-width:none;height:90%}.account-archive-nav{margin:0}.account-game-archive .account-archive-moves{overscroll-behavior:contain}.account-game-archive .account-archive-moves .variation-lines{overscroll-behavior:auto;scrollbar-gutter:auto;max-height:none;overflow:visible}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading .eyebrow{display:none}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading h2{margin:0 0 8px;font-size:22px;line-height:1.2}@media (width<=600px) and (orientation:portrait){.games-library-dialog:has(.account-game-archive){width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.games-library-dialog:has(.account-game-archive) .workspace-dialog-shell{padding:10px}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading h2{margin-bottom:4px}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading .dialog-close{top:10px;right:10px}.games-library-dialog:has(.account-game-archive) .account-archive-tabs{padding-bottom:4px}.games-library-dialog:has(.account-game-archive) .account-archive-board-column{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 44px;gap:6px}.games-library-dialog:has(.account-game-archive) .account-archive-board{container-type:size}.games-library-dialog:has(.account-game-archive) .account-archive-board .board-frame{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}.games-library-dialog:has(.account-game-archive) .account-archive-nav{overscroll-behavior:contain;flex-direction:column;justify-content:center;gap:0;min-height:0;overflow:auto}.games-library-dialog:has(.account-game-archive) .account-archive-nav button{flex:none;width:44px;min-width:44px;min-height:44px}}@media (width>=560px) and (height<=599px){.studio-dialog[open]:has(.account-archive-host){padding:10px}.studio-dialog-page.account-archive-host{gap:6px}.studio-dialog-page.account-archive-host>h2{min-height:24px;margin:0;padding-right:44px}.account-game-archive,.account-archive-content,.account-archive-detail{gap:6px}.account-archive-selected{gap:8px}.account-archive-selected>div{overscroll-behavior:contain;max-height:44px;overflow:auto}.account-archive-selected small{margin-top:2px}.account-archive-reader{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(240px,1.15fr) minmax(170px,1fr);gap:10px;display:grid;overflow:visible}.account-archive-board-column{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 44px;gap:6px;display:grid}.account-archive-nav{overscroll-behavior:contain;flex-direction:column;justify-content:center;gap:0;min-height:0;overflow:auto}.account-archive-nav button{flex:none;width:44px;min-width:44px;min-height:44px}.account-archive-moves,.account-archive-remove{overscroll-behavior:contain;min-height:0;overflow:auto}.games-library-dialog:has(.account-game-archive){height:calc(100dvh - 18px);max-height:calc(100dvh - 18px)}.games-library-dialog:has(.account-game-archive) .workspace-dialog-shell{grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:6px;height:100%;padding:10px;display:grid}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading{grid-area:1/1;align-items:center;min-width:0;padding:0}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading h2{margin:0}.games-library-dialog:has(.account-game-archive) .workspace-dialog-heading .dialog-close{width:44px;height:44px;top:10px;right:10px}.games-library-dialog:has(.account-game-archive) .account-archive-tabs{grid-area:1/2;gap:6px;padding:0 50px 0 0}.games-library-dialog:has(.account-game-archive) .account-game-archive{grid-area:2/1/auto/-1}}.start-options{grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.start-options>.human-tempo-toggle{grid-column:auto}.start-options.has-both{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.clock-play-option{min-width:0;min-height:var(--play-control-height,32px);color:var(--ink);background:#171830;border:1px solid #ffffff38;border-radius:6px;align-items:center;gap:8px;padding:4px 6px 4px 10px;display:flex;position:relative}.clock-play-option.is-on{border-color:var(--mint);background:#172437}.clock-play-option:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.clock-play-toggle{cursor:pointer;flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.clock-play-option.is-disabled .clock-play-toggle{cursor:default}.clock-play-toggle input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.clock-play-switch{background:#2a2e5a;border:1px solid #a3abd0;border-radius:10px;flex:none;width:34px;height:20px;position:relative}.clock-play-switch:after{content:"";background:#e3e6f7;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.clock-play-option.is-on .clock-play-switch{border-color:var(--mint);background:var(--mint)}.clock-play-option.is-on .clock-play-switch:after{background:#07110e;transform:translate(14px)}.clock-play-label{min-width:0;font-size:.86rem;line-height:1.25}.clock-play-select{max-width:100%;min-height:26px;color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:#0f1030;border:1px solid #a3abd0;border-radius:6px;flex:none;padding:2px 4px 2px 6px;font-size:.82rem;font-weight:700}.clock-play-select:focus-visible{outline:2px solid var(--blue);outline-offset:1px}@media (width<=620px){.clock-play-option{gap:6px;padding:3px 4px 3px 8px}.clock-play-toggle{gap:8px}.clock-play-label{font-size:.8rem;line-height:1.2}.clock-play-select{min-height:26px;padding:1px 2px 1px 4px;font-size:.78rem}.start-options.has-both .human-tempo-toggle{gap:8px;padding:3px 8px}.start-options.has-both .human-tempo-copy strong{font-size:.8rem}.start-options.has-both .human-tempo-separator,.start-options.has-both .human-tempo-copy small,.start-options.has-both .clock-play-option.is-on .clock-play-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=620px) and (height<=760px){.character-picker-card.has-clock-play .people-grid,.character-picker-card.has-clock-play .character-grid{min-height:100px}}@media (prefers-reduced-motion:reduce){.clock-play-switch:after{transition:none}}