.hb-surface{min-width:0}.mode-selector{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.mode-selector button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.profile-card{overflow-wrap:anywhere}.account-shell .page-brand{text-align:center;margin-bottom:1.5rem}.chessum-account .avatar-editor{display:grid;grid-template-columns:8rem minmax(0,1fr);align-items:start;grid-gap:1rem;gap:1rem}.chessum-account .avatar-editor .account-avatar{width:8rem;height:8rem}.chessum-account .avatar-editor-info{display:flex;flex-direction:column;justify-content:space-between;min-height:8rem;gap:.5rem;min-width:0}.chessum-account .avatar-actions button,.chessum-account .avatar-editor .helper{margin:0}.chessum-account .avatar-actions button{padding:.5rem .65rem;font-size:.85rem}.chessum-account .avatar-editor>[role=status]{grid-column:1/-1}@media (max-width:640px){.chessum-account .avatar-editor{grid-template-columns:minmax(0,1fr);justify-items:center}.chessum-account .avatar-editor-info{width:100%;min-height:0}}.connection-recovery{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:0;color:var(--muted);font-size:.875rem}.connection-recovery .compact{margin:0}@media (max-width:832px){.chessum-app .account-view-shell{display:flex;flex-direction:column}.chessum-app .account-view-shell>.page-brand{order:1;margin:1.5rem auto 0}.chessum-app .account-view-shell>.site-footer{order:2}}@media (max-width:832px){.chessum-app :is(.puzzle-shell,.analysis-shell,.announcements-shell){display:flex;flex-direction:column}.chessum-app :is(.puzzle-shell,.analysis-shell,.announcements-shell)>:is(.puzzle-heading,.analysis-heading,.announcements-heading){display:contents}.chessum-app :is(.puzzle-shell,.analysis-shell,.announcements-shell)>:is(.puzzle-heading,.analysis-heading,.announcements-heading)>:is(.puzzle-wordmark,.analysis-wordmark,.announcements-wordmark){order:1;margin:1.5rem auto 0}.chessum-app :is(.analysis-shell,.announcements-shell)>:is(.analysis-heading,.announcements-heading)>a{position:static;transform:none;align-self:flex-end;margin:0 0 1rem}}.hb-surface :is(.hb-chat-game,.pm-game,.mc-play,.mc-record-shell){container:game-stage/inline-size;max-width:96rem;margin-inline:auto;padding-inline:1rem}.hb-surface .game-chat-author{position:relative;display:block;line-height:1.55}.hb-surface .game-chat-author:has(.game-chat-pawn){padding-left:1.25rem}.game-chat-author>a,.game-chat-author>strong{display:block;overflow:hidden;text-overflow:ellipsis}.game-chat-pawn{position:absolute;left:0;top:50%;transform:translateY(-50%);line-height:0}.game-chat-pawn,.game-chat-pawn img{width:1rem;height:1rem}.chat-older{grid-column:1/-1;border:0;background:none;padding:.5rem;color:var(--muted);cursor:pointer}.hb-surface .hb-chat-game .game-layout,.mc-surface .mc-record-grid,.pm-surface .pm-game .game-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);max-width:94rem;gap:1.25rem}.hb-board-and-chat,.mc-record-board-and-chat,.pm-board-and-chat{display:grid;grid-template-columns:minmax(20rem,1fr) minmax(0,min(43rem,calc(100svh - 12rem)));grid-gap:1.25rem;gap:1.25rem;min-width:0}.hb-record-board{display:block}.hb-surface .hb-chat-game .hb-record-timing{grid-column:2;margin:0 0 0 1.25rem;width:calc(100% - 1.25rem);min-width:0}.hb-surface .hb-chat-game .hb-game-chat,.mc-surface .mc-record-chat,.pm-surface .pm-game .pm-chat{grid-area:auto;align-self:stretch;margin:0;height:auto;min-height:0;max-height:none}.hb-surface .hb-chat-game .game-control-panel,.pm-surface .pm-game .game-control-panel{grid-template-columns:minmax(0,1fr)}@container game-stage (width > 70rem){.hb-surface .hb-board-and-chat:has(.board-history-controls)>.hb-game-chat,.mc-surface .mc-record-board-and-chat:has(.board-history-controls)>.mc-record-chat,.pm-surface .pm-board-and-chat:has(.board-history-controls)>.pm-chat{margin-bottom:3rem}}@container game-stage (max-width: 70rem){.hb-surface .hb-chat-game .hb-record-timing{grid-column:1;grid-row:2}.hb-surface .hb-chat-game.record-shell .hb-game-chat{grid-row:3}.hb-board-and-chat,.mc-record-board-and-chat,.pm-board-and-chat{display:contents}.hb-surface .hb-chat-game .game-layout,.mc-surface .mc-record-grid,.pm-surface .pm-game .game-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,19rem)}.hb-surface .hb-chat-game .board-wrap,.mc-surface .mc-record-grid .mc-board-column,.pm-surface .pm-game .board-wrap{grid-column:1;grid-row:1}.hb-surface .hb-chat-game .game-control-panel,.mc-surface .mc-record-info,.pm-surface .pm-game .game-control-panel{grid-column:2;grid-row:1}.hb-surface .hb-chat-game .hb-game-chat,.mc-surface .mc-record-chat,.pm-surface .pm-game .pm-chat{grid-column:1/-1;grid-row:2;width:100%;height:23rem}}@container game-stage (max-width: 46rem){.hb-surface :is(.hb-chat-game,.pm-game) .game-layout,.mc-surface :is(.mc-record-grid,.mc-game-grid){grid-template-columns:minmax(0,1fr)}.hb-surface :is(.hb-chat-game,.pm-game) .game-control-panel,.mc-surface :is(.mc-record-info,.mc-controls){grid-column:1;grid-row:2}.hb-surface .hb-chat-game .hb-game-chat,.mc-surface :is(.mc-record-chat,.mc-game-grid>.mc-chat),.pm-surface .pm-game .pm-chat{grid-row:3}.hb-surface .hb-chat-game.record-shell .game-control-panel{grid-row:3}.hb-surface .hb-chat-game.record-shell .hb-game-chat{grid-row:4}}@media (max-width:720px){.hb-surface .hb-chat-game .hb-game-chat,.mc-surface .mc-record-chat,.pm-surface .pm-game .pm-chat{order:2}}.hb-surface .lobby-chat{padding-inline:1rem}.hb-surface .lobby-chat-log{scrollbar-gutter:stable;padding-inline:0}.chat-scroll-area{position:relative;display:flex;flex:1 1;min-height:0}.chat-scroll-area>.lobby-chat-log{height:auto}.chat-log-content{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-content:start;min-width:0}.chat-new-messages{position:absolute;bottom:.35rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 1rem);min-height:2.5rem;padding:.4rem .8rem;border:1px solid var(--line,#ccc);border-radius:1.5rem;background:#fff;color:#242424;box-shadow:0 2px 8px rgb(0 0 0/14%);font:inherit;font-size:.85rem;white-space:nowrap;cursor:pointer}@media (max-width:720px){.hb-surface .mobile-chat-launcher{position:fixed;right:max(.75rem,env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:31;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:1px solid var(--line);border-radius:50%;box-shadow:0 2px 10px rgb(0 0 0/18%);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.hb-surface :is(.mobile-chat-launcher,.mobile-chat-close){-webkit-tap-highlight-color:transparent}.mobile-chat-badge{position:absolute;right:-.25rem;top:-.1rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;border-radius:1rem;background:var(--text);color:var(--surface);font-size:.65rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hb-surface dialog.lobby-chat.mobile-chat-sheet{position:fixed;inset:var(--chat-sheet-top,44dvh) 0 auto;box-sizing:border-box;width:100%;max-width:none;height:var(--chat-sheet-height,56dvh);min-height:0;max-height:none;margin:0;padding:0 .75rem calc(.75rem + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:0;border-radius:1rem 1rem 0 0;background:var(--surface);color:var(--text);overflow:hidden;overscroll-behavior:contain}.hb-surface .mobile-chat-sheet:not([open]){display:none}.hb-surface .mobile-chat-sheet[open]{display:flex}.mobile-chat-sheet::-webkit-backdrop{background:rgb(0 0 0/25%)}.mobile-chat-sheet::backdrop{background:rgb(0 0 0/25%)}.mobile-chat-heading{position:relative;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;min-height:3rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mobile-chat-heading strong{font-size:.95rem}.hb-surface .mobile-chat-close{display:grid;place-items:center;padding:0;border:0;background:none;color:var(--text);cursor:pointer;touch-action:none}.mobile-chat-close{width:2.75rem;height:2.75rem}.mobile-chat-sheet .lobby-chat-log{overscroll-behavior:contain}.hb-surface .mobile-chat-sheet .lobby-chat-form input{font-size:1rem}.hb-surface .mobile-chat-sheet .chat-new-messages{background:var(--surface);color:var(--text)}.hb-surface :is(.hb-chat-game,.pm-game,.mc-play,.mc-record-shell){display:flex;flex-direction:column;padding-top:.5rem;padding-inline:.75rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.hb-surface :is(.hb-chat-game,.pm-game,.mc-play,.mc-record-shell)>:is(.game-layout,.mc-game-grid,.mc-record-grid){width:100%}.hb-surface :is(.hb-chat-game,.pm-game,.mc-play,.mc-record-shell) .board-team-row{min-height:5.25rem}.hb-surface :is(.hb-chat-game,.pm-game,.mc-play,.mc-record-shell)>.page-brand{order:99;flex:0 0 auto;margin:2rem auto 0}}@media (max-width:720px){.hb-surface main[data-mobile-controls] .board-history-controls{display:none}.hb-surface main[data-mobile-controls] .mc-board-footer{display:contents}.hb-surface .mobile-game-toolbar{position:fixed;inset:auto 0 0;z-index:31;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;height:calc(3rem + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-top:1px solid var(--line);background:var(--surface);color:var(--text);-moz-user-select:none;user-select:none;-webkit-user-select:none}.hb-surface .mobile-game-toolbar .mobile-chat-launcher,.hb-surface .mobile-game-toolbar>button{position:relative;inset:auto;display:grid;place-items:center;grid-column:auto;grid-row:auto;width:100%;min-width:0;height:3rem;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-game-toolbar .mobile-chat-badge{right:auto;left:calc(50% + .25rem);top:.2rem}.hb-surface .lobby-shell[data-mobile-controls],.hb-surface .mc-record-shell[data-mobile-controls]{padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.hb-surface .mobile-lobby-toolbar{grid-template-columns:minmax(0,1fr)}.mc-surface .mc-record-grid{display:flex;flex-direction:column;gap:1rem}.mc-surface .mc-record-info{width:100%;padding-top:0}.mc-record-shell[data-mobile-controls] .page-brand{margin:2rem auto 0}}@media (max-width:720px){.hb-surface :is(.record-shell,.pm-game[data-record]) .game-control-panel>.record-notation-panel{order:-1!important}}@media (max-width:720px){.hb-surface .lobby-shell[data-mobile-controls] .lobby-layout{grid-template-areas:"seats" "info" "settings" "start" "exit";grid-template-rows:repeat(5,auto)}.hb-surface .lobby-shell[data-mobile-controls] .lobby-layout:not(:has(.lobby-start-panel)){grid-template-areas:"seats" "info" "settings" "exit";grid-template-rows:repeat(4,auto)}}.chat-connection-notice,.chat-history-recovery{grid-column:1/-1;min-width:0;word-break:keep-all;overflow-wrap:anywhere}.chat-connection-notice{margin:.5rem 0;color:var(--muted);font-size:.875rem}.chat-connection-notice button{margin-left:.4rem}.chat-history-recovery{text-align:center}.chat-history-error{margin:0 0 .5rem;color:var(--danger);font-size:.75rem}.theme-settings{display:flex;gap:.35rem;padding:.5rem .75rem .75rem}.theme-option{position:relative;display:grid;place-items:center;flex:1 1;min-width:2.75rem;height:2.75rem;padding:0;border:1px solid transparent;border-radius:.25rem;background:transparent;color:var(--muted)}.theme-option:hover{background:var(--surface-alt)}.theme-option[aria-pressed=true]{background:var(--surface-alt);color:var(--text);border-color:var(--muted)}.theme-option svg{width:1.25rem;height:1.25rem}.theme-option-marker{position:absolute;bottom:.2rem;width:.25rem;height:.25rem;border-radius:50%;background:currentColor;visibility:hidden}.theme-option[aria-pressed=true] .theme-option-marker{visibility:visible}.theme-option:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translateX(-50%);z-index:40;width:max-content;padding:.3rem .5rem;border:1px solid var(--line);border-radius:.25rem;background:var(--surface);color:var(--text);font-size:.75rem;line-height:1.5;pointer-events:none;visibility:hidden}.theme-option:first-child:after{left:0;transform:none}.theme-option:last-child:after{left:auto;right:0;transform:none}.theme-option:focus-visible:after,.theme-option:hover:after{visibility:visible}:root[data-theme=dark],:root[data-theme=dark] .hb-surface{color-scheme:dark;--bg:#181818;--page:#181818;--surface:#242424;--surface-alt:#303030;--text:#e6e6e6;--muted:#ababab;--line:#454545;--border:#454545;--accent:#e0e0e0;--on-accent:#202020;--success:#c8d9cc;--danger:#ffaaaa;--danger-bg:#392829;--danger-line:#ad6e70;--focus-ring:rgb(230 230 230/30%)}:root[data-theme=dark] :is(.primary-button,.hb-surface .primary-button){color:var(--on-accent)}:root[data-theme=dark] :is(.danger-button,.hb-surface .danger-button){background:var(--danger-bg);color:var(--danger);border-color:var(--danger-line)}:root[data-theme=dark] :is(.auth-field-error,.hb-surface .auth-field-error,.home-profile-error,.pm-surface .pm-reservation-notation:not([aria-current=step])){color:var(--danger)}:root[data-theme=dark] :is(.account-card input:not([type=checkbox]):not([type=range]):not(.sr-only),.hb-surface input:not([type=checkbox]):not([type=range]),.account-card textarea,.hb-surface textarea,.hb-surface select){background:var(--surface-alt);color:var(--text);border-color:#777}:root[data-theme=dark] :is(.account-card,.hb-surface) input[aria-invalid=true]{border-color:var(--danger)}:root[data-theme=dark] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}:root[data-theme=dark] :is(.account-card,.hb-surface) input:disabled,:root[data-theme=dark] :is(.account-card,.hb-surface) input[readonly]{color:var(--muted);background:var(--bg)}:root[data-theme=dark] :is(.account-confirmation,.analysis-move-menu,.analysis-variation-picker,.choice-select [role=listbox],.hb-surface .chat-new-messages){background:var(--surface);color:var(--text);border-color:var(--line)}:root[data-theme=dark] :is(.analysis-move-menu button,.hb-surface .analysis-move-menu button){color:var(--text)}:root[data-theme=dark] :is(.avatar-crop-workspace,.loading-board,.loading-avatar){background:var(--surface-alt)}:root[data-theme=dark] .account-card .google-login-button{color:#1f1f1f}:root[data-theme=dark] .google-login-button:focus-visible{outline-color:var(--text)}:root[data-theme=dark] :is(.player-avatar,.hb-surface .player-avatar,.chessum-profile-identity .player-avatar){background:#626262}:root[data-theme=dark] :is(.captured-pieces .chess-piece,.game-chat-pawn,.pm-chat-pawn img,.legal-piece-preview img,.lobby-team-piece .chess-piece,.piece-type .chess-piece){filter:drop-shadow(0 0 .65px #d0d0d0)}:root[data-theme=dark] .hb-surface .image-board{--accent:#343434}:root[data-theme=dark] .hb-surface .board-player[data-active=true],:root[data-theme=dark] .hb-surface .board-team-clock[data-running=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}:root[data-theme=dark] .hb-surface .board-player[data-active=true] .board-player-identity>span{color:#444}:root[data-theme=dark] .hb-surface .board-team-clock{background:var(--surface-alt);color:var(--muted);border-color:var(--line)}:root[data-theme=dark] .hb-surface .board-team-clock[data-running=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 3px #aaa}:root[data-theme=dark] .hb-surface .move-time-brain{background:#888}:root[data-theme=dark] .hb-surface .move-time-hand{background:#d0d0d0}:root[data-theme=dark] .hb-surface .move-san button[aria-current=step]{background:var(--accent);color:var(--on-accent)}:root[data-theme=dark] :is(.hb-surface .paired-move-list>li:nth-child(2n),.analysis-tree-row[data-shaded=true],.analysis-tree-branch[data-shaded=true],.analysis-move-menu button:hover,.analysis-move-menu button:focus-visible,.analysis-variation-picker button[aria-selected=true],.hb-surface .choice-select [role=option][aria-selected=true],.hb-surface .choice-select [role=option]:hover,.hb-surface .admin-users tr[aria-selected=true]){background:var(--surface-alt)}:root[data-theme=dark] :is(.hb-surface .lobby-chat-message+.lobby-chat-message,.session-list li,.hb-surface .session-list li,.analysis-pvs li,.analysis-candidates,.analysis-tree-inline){border-color:var(--line)}:root[data-theme=dark] .hb-surface .maintenance-banner{background:var(--surface-alt);color:var(--text);border-color:var(--line)}:root[data-theme=dark] :is(.hb-surface .analysis-pv-expand,.analysis-candidates h2 span,.analysis-muted,.analysis-tree-gap,.puzzle-preview-strip,.hb-surface .puzzle-hint-content p,.puzzle-profile-progress,.puzzle-profile-rating .rating-icon,.profile-puzzle-rating .rating-icon){color:var(--muted)}:root[data-theme=dark] .analysis-switch-track{background:#707070}:root[data-theme=dark] .analysis-switch[aria-checked=true] .analysis-switch-track{background:var(--accent)}:root[data-theme=dark] .analysis-switch[aria-checked=true] .analysis-switch-track>span{background:var(--on-accent)}:root[data-theme=dark] .analysis-score-negative{box-shadow:inset 0 0 0 1px #666}:root[data-theme=dark] :is(.puzzle-xp-bar,.profile-puzzle-level progress){background:var(--surface-alt);color:var(--accent)}:root[data-theme=dark] :is(.puzzle-xp-bar,.profile-puzzle-level progress)::-webkit-progress-bar{background:var(--surface-alt)}:root[data-theme=dark] :is(.puzzle-xp-bar,.profile-puzzle-level progress)::-webkit-progress-value{background:var(--accent)}:root[data-theme=dark] :is(.puzzle-xp-bar,.profile-puzzle-level progress)::-moz-progress-bar{background:var(--accent)}