html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.board-editor-grid{display:grid;flex-grow:1;max-width:100vw;max-height:100%;gap:.5rem}@media (orientation: landscape){.board-editor-grid{grid-template-columns:min(calc(100svh - 9em),calc(100% - 300px - .5rem)) minmax(300px,1fr);grid-template-rows:auto}.board-editor-board{display:flex;align-items:flex-start;justify-content:center;height:100%}.board-editor-controls{display:flex;align-items:flex-start;justify-content:center;min-width:300px}}@media (orientation: portrait){.board-editor-grid{grid-template-columns:1fr;grid-template-rows:1fr auto;min-width:300px;max-width:calc(100vw - 1rem)}.board-editor-board,.board-editor-controls{display:flex;align-items:flex-start;justify-content:center;min-width:300px;max-width:calc(100vw - 1rem);box-sizing:border-box}}.canvas-layout{display:grid;flex-grow:1;max-width:100vw;max-height:100%;gap:.5rem}@media (min-aspect-ratio: 4/3){.canvas-layout{grid-template-columns:min(calc(100svh - 9em),calc(100% - 300px - .5rem)) minmax(300px,1fr);grid-template-rows:auto 1fr;grid-template-areas:"title  sidebar" "board  sidebar"}.canvas-area-title{grid-area:title;padding:.5rem .5rem 0}.canvas-area-status{display:flex;flex-direction:column;gap:.3rem;width:100%;padding-top:.5rem}.canvas-area-board{grid-area:board;display:flex;align-items:flex-start;justify-content:center;height:100%}.canvas-board-sizer{height:100%;max-width:100%;aspect-ratio:1}.canvas-area-controls{grid-area:sidebar;display:flex;flex-direction:column;align-items:flex-start;min-width:300px}.canvas-area-controls .game-controls--tight{flex-direction:column;align-items:flex-start;padding-left:2rem;gap:.15rem}.canvas-area-controls .game-button-group-label{display:inline-block}}@media (min-aspect-ratio: 4/3) and (max-height: 500px){.canvas-layout{grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"board  title" "board  sidebar"}.canvas-area-title{grid-area:title;padding:.3rem .3rem 0}.canvas-board-sizer{height:auto;width:min(100%,calc(100svh - 4rem))}.canvas-area-status{padding-top:0;gap:.3rem}.canvas-area-controls{min-width:160px;gap:.3rem}.canvas-area-controls .game-controls--tight{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.3rem;padding:.1rem 0}.canvas-area-controls .game-button-group-label{display:none}.canvas-area-controls .game-button-group-labeled{display:contents}}@media (max-aspect-ratio: 4/3){.canvas-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"title" "board" "controls";min-width:300px;max-width:calc(100vw - 1rem)}.canvas-area-title{grid-area:title}.canvas-area-board{grid-area:board;display:flex;align-items:flex-start;justify-content:center;min-width:300px;max-width:calc(100vw - 1rem);box-sizing:border-box}.canvas-board-sizer{width:min(100%,calc(100svh - 17em));aspect-ratio:1}.canvas-area-status{display:flex;flex-direction:column;gap:.3rem;width:100%}.canvas-area-controls{grid-area:controls;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start;max-width:min(100%,calc(100svh - 17em));justify-self:center;box-sizing:border-box}}@media (max-aspect-ratio: 4/3) and (max-width: 500px){.canvas-board-sizer{width:min(100%,calc(100dvh - 17em))}}.game-layout{display:grid;flex-grow:1;max-width:100vw;max-height:calc(100svh - 5rem);overflow:hidden;gap:.5rem;min-width:0}.game-layout>*{min-width:0}.game-layout-landscape-full{grid-template-columns:1fr minmax(200px,30vw);grid-template-rows:auto 1fr auto;grid-template-areas:"status-bar chat" "board chat" "controls chat"}.game-layout-landscape-full-collapsed{grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"status-bar collapsed-chat" "board collapsed-chat" "controls collapsed-chat"}.game-layout-landscape-small-board{grid-template-columns:minmax(0,1fr) minmax(14rem,1fr) auto;grid-template-rows:auto auto 1fr;grid-template-areas:"board status-bar    collapsed-chat" "board players       collapsed-chat" "board controls      collapsed-chat"}.game-layout-landscape-small-board .game-area-status-bar{margin-top:0}.game-layout-landscape-small-board .status-bar,.game-layout-portrait-small-board .status-bar,.game-layout-portrait-small-chat .status-bar{flex-wrap:wrap}.game-layout-landscape-small-board .status-bar-message,.game-layout-portrait-small-board .status-bar-message,.game-layout-portrait-small-chat .status-bar-message{white-space:normal;font-size:1rem;flex-basis:100%}.game-layout-landscape-small-board .game-area-players{flex-direction:column}.game-layout-landscape-small-board .game-area-controls{align-items:center}.game-layout-landscape-small-board .game-area-controls .game-controls{height:auto;justify-content:center;border:none;background:transparent!important;box-shadow:none;padding:0}.game-layout-landscape-small-chat{grid-template-columns:auto 1fr;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"status-bar status-bar" "collapsed-board chat"}.game-layout-portrait-full{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto minmax(100px,25svh);grid-template-areas:"status-bar" "board" "players" "controls" "chat"}.game-layout-portrait-full-collapsed,.game-layout-portrait-small-board{grid-template-columns:1fr;grid-template-rows:auto 1fr auto auto auto;grid-template-areas:"status-bar" "board" "players" "controls" "collapsed-chat"}.game-layout-portrait-small-chat{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"status-bar" "collapsed-board" "chat"}.game-area-status-bar{grid-area:status-bar}.game-area-board{grid-area:board;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;min-height:200px;overflow:hidden}.game-area-controls{grid-area:controls;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;width:100%}.game-area-player1{grid-area:player1;display:flex;align-items:stretch;justify-content:center}.game-area-player2{grid-area:player2;display:flex;align-items:stretch;justify-content:center}.game-area-players{grid-area:players;display:flex;gap:.5rem}.game-area-players .panel{flex:1}.game-area-controls .game-controls{height:100%}.game-area-chat{grid-area:chat;width:100%;min-height:100px;display:flex;flex-direction:column;overflow:hidden}.game-layout-landscape-full .game-area-chat{margin-top:.3rem}.game-area-chat .game-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.game-area-collapsed-chat{grid-area:collapsed-chat}.game-area-collapsed-board{grid-area:collapsed-board}.game-title{font-size:1.5rem;color:var(--text-muted);text-align:left;position:absolute;top:0;left:.3rem;padding:.2rem;z-index:1}.board-overlay-player1,.board-overlay-player2{position:absolute;bottom:0;z-index:1}.board-overlay-player1{left:0;text-align:left}.board-overlay-player2{right:0;text-align:right}.collapsed-panel{display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--surface-panel-bg),var(--surface-panel-bg-end));box-shadow:var(--shadow-panel);border:1px solid var(--border-default);border-radius:.5em;cursor:pointer;transition:background .15s}.collapsed-panel:hover{background:var(--control-bg-hover)}.collapsed-panel--vertical{width:100%;height:2rem}.collapsed-panel--horizontal{width:2.5rem;height:100%;writing-mode:vertical-lr;text-orientation:mixed}.collapsed-panel-label{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.3rem}.collapsed-panel-arrow{color:var(--border-default)}.chat-collapse-button{position:absolute;top:.3rem;right:.3rem;background:none;border:none;color:var(--border-default);cursor:pointer;font-size:.9rem;padding:0 .2rem;line-height:1;z-index:1}.chat-collapse-button:hover{color:var(--border-strong)}.collapsed-panel-unread{display:inline-block;width:.75rem;height:.75rem;border-radius:50%;background:var(--notify-unread-bg);vertical-align:middle}.game-chat{width:100%;flex:1}.game-chat-messages{flex:1;overflow-y:auto;min-height:60px;padding:.25rem}.game-chat-message{padding:.15rem 0;word-break:break-word}.game-chat-input{display:flex;flex-wrap:wrap;gap:.25rem;padding-top:.25rem;border-top:1px solid var(--border-default)}.component-label{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);padding:.15rem .25rem;flex-shrink:0;align-self:flex-start;vertical-align:middle}:root{--blue-95: #e6e9f2;--blue-92: #e0edf8;--blue-88: #d8e8f7;--blue-85: #cfe0ff;--blue-81: #d4e5f5;--blue-78: #c4d9f2;--blue-74: #aec5e6;--blue-71: #b0c4e3;--blue-67: #a5b8d8;--blue-64: #97a4c0;--blue-60: #8fa3c8;--blue-57: #94a5be;--blue-53: #7b8da8;--blue-47: #5d7194;--blue-43: #5d6884;--blue-40: #55628a;--blue-36: #414c66;--blue-33: #3f4a68;--blue-31: #455060;--blue-29: #39445e;--blue-26: #333c52;--blue-22: #2e374d;--blue-19: #2a3247;--blue-15: #212838;--blue-12: #1a1a2e;--blue-08: #171d2b;--blue-05: #0f131c;--amber-95: #f5dcc0;--amber-89: #ebb883;--amber-82: #e0a060;--amber-76: #f9b03a;--amber-69: #f0a838;--amber-63: #d89050;--amber-56: #c97d40;--amber-50: #e67e22;--amber-44: #f39c12;--amber-37: #e78f0a;--amber-31: #b9770e;--amber-24: #b9740c;--amber-18: #7a5a2e;--amber-11: #8a4f0e;--amber-05: #4a3a24;--red-95: #ff4444;--red-05: #de5729;--green-95: #f5faf6;--grey-95: #ffffff;--grey-72: #e0e0e0;--grey-50: #666666;--grey-28: #333333;--grey-05: #000000}:root{color-scheme:light;--surface-page-bg: var(--blue-74);--surface-panel-bg: var(--blue-88);--surface-panel-bg-end: var(--blue-78);--surface-nested-bg: var(--blue-67);--surface-raised-bg: var(--blue-92);--surface-modal-bg: var(--surface-page-bg);--border-default: var(--blue-57);--border-strong: var(--blue-53);--text-primary: var(--grey-05);--text-muted: var(--grey-50);--text-subtle: var(--blue-31);--text-disabled: rgba(0, 0, 0, .3);--text-caution: var(--amber-31);--control-bg: var(--blue-81);--control-bg-end: var(--blue-67);--control-bg-hover: var(--blue-67);--control-bg-active: var(--blue-71);--control-fg: var(--text-primary);--action-primary-bg: var(--amber-76);--action-primary-bg-end: var(--amber-37);--action-primary-bg-hover: var(--amber-37);--action-primary-border: var(--amber-24);--action-primary-fg: var(--blue-08);--signal-bg: var(--amber-95);--signal-border: var(--amber-56);--signal-fg: var(--blue-08);--state-pressed-bg: var(--amber-56);--state-pressed-bg-hover: var(--amber-63);--state-pressed-border: var(--amber-11);--state-pressed-fg: var(--blue-08);--state-pressed-shadow: inset 0 2px 4px rgba(0, 0, 0, .3);--state-selected-bg: var(--blue-47);--state-selected-fg: var(--green-95);--notify-unread-bg: var(--amber-50);--notify-unread-fg: var(--blue-08);--notify-mention-bg: var(--red-05);--field-accent-border: var(--amber-44);--shadow-panel: 0 1px 2px rgba(0, 0, 0, .1);--shadow-control: 0 1px 2px rgba(0, 0, 0, .15);--shadow-float: 0 2px 8px rgba(0, 0, 0, .15);--scrim-bg: rgba(0, 0, 0, .6);--clock-bezel-bg: var(--blue-12);--clock-bezel-fg: var(--grey-72);--clock-bezel-border: var(--grey-28);--clock-warning-fg: var(--red-95);--stone-rim: transparent;--suggestion-bg: var(--grey-95);--suggestion-fg: var(--grey-05);--suggestion-bg-highlight: var(--blue-85);--notice-reconnect-bg: var(--amber-82);--notice-reconnect-fg: var(--blue-08);--field-nudge-bg: var(--amber-89);--field-nudge-fg: var(--blue-08)}:root[data-theme=dark]{color-scheme:dark;--surface-page-bg: var(--blue-05);--surface-panel-bg: var(--blue-22);--surface-panel-bg-end: var(--blue-15);--surface-nested-bg: var(--blue-26);--surface-raised-bg: var(--blue-29);--surface-modal-bg: var(--surface-panel-bg);--border-default: var(--blue-36);--border-strong: var(--blue-40);--text-primary: var(--blue-95);--text-muted: var(--blue-64);--text-subtle: var(--blue-64);--text-disabled: rgba(230, 233, 242, .35);--text-caution: var(--amber-69);--control-bg: var(--blue-33);--control-bg-end: var(--blue-26);--control-bg-hover: var(--blue-26);--control-bg-active: var(--blue-19);--signal-bg: var(--amber-05);--signal-border: var(--amber-18);--signal-fg: var(--amber-69);--state-pressed-bg: var(--amber-63);--state-pressed-bg-hover: var(--amber-82);--state-pressed-shadow: inset 0 2px 4px rgba(0, 0, 0, .5);--state-selected-bg: var(--blue-60);--state-selected-fg: var(--blue-08);--shadow-panel: 0 1px 2px rgba(0, 0, 0, .5);--shadow-control: 0 1px 2px rgba(0, 0, 0, .5);--shadow-float: 0 2px 8px rgba(0, 0, 0, .5);--stone-rim: var(--blue-43);--suggestion-bg: var(--blue-22);--suggestion-fg: var(--blue-95);--suggestion-bg-highlight: var(--blue-33)}*{font-family:Quicksand;font-weight:400}strong,b{font-weight:700}body{background-color:var(--surface-page-bg);color:var(--text-primary)}main{margin:.3rem}h1{margin:.8rem 0;text-align:center}h2{margin:.2rem 0}p{margin:0 0 .5em}button,input,select,textarea{margin-right:2px;border-color:var(--border-default);border-width:1px;border-radius:5px;color:var(--text-primary)}button,input[type=button],input[type=submit]{background-color:var(--control-bg)}input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--control-bg)}.settings-select{min-width:6rem}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--control-bg);width:1em;height:1em;border:1px solid var(--border-default);display:inline-block;position:relative;vertical-align:middle}input[type=radio]{border-radius:50%}input[type=checkbox]:checked:before,input[type=radio]:checked:before{content:"";position:absolute;background-color:var(--border-default)}input[type=checkbox]:checked:before{width:.6em;height:.6em;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:checked:before{width:.5em;height:.5em;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}form>div{margin:.8em 0}.header-container{display:flex;align-items:center;gap:.5rem}@media (min-width: 768px){.header-container{gap:1rem}}button.action-primary,input.action-primary{background:linear-gradient(to bottom,var(--action-primary-bg),var(--action-primary-bg-end));border:1px solid var(--action-primary-border);border-radius:5px;color:var(--action-primary-fg);font-weight:600;cursor:pointer;box-shadow:var(--shadow-control)}@media (hover: hover){button.action-primary:hover:not(:disabled),input.action-primary:hover:not(:disabled){background:var(--action-primary-bg-end)}}button.action-primary:disabled,input.action-primary:disabled{color:var(--text-disabled);cursor:default}button.signal,.signal{background:var(--signal-bg);border:1px solid var(--signal-border);border-radius:4px;color:var(--signal-fg)}button.signal{cursor:pointer;box-shadow:var(--shadow-control)}.viewport{display:flex;flex-direction:column;flex-grow:1;height:calc(100svh - 1rem);max-height:calc(100svh - 1rem)}.panel{border-style:solid;border-color:var(--border-default);border-width:1px;border-radius:.5em;padding:5px;background:linear-gradient(to bottom,var(--surface-panel-bg),var(--surface-panel-bg-end));box-shadow:var(--shadow-panel)}.panel>.panel{flex:1}.controls{height:100%;width:100%}.controls>div{margin:.8em 0;flex:1}.controls>div:last-child{margin-bottom:0}.board-view-panel{display:flex;flex-direction:column;height:100%}.canvas-container{width:100%;height:100%;min-height:200px;min-width:200px;position:relative;z-index:2}table,th,td{border:solid;border-width:1px;border-color:var(--text-primary);border-collapse:collapse;padding:3px}.menuItem{padding:.5em;display:block;text-decoration:none}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:1000}.modal-content{position:relative;background-color:var(--surface-modal-bg);border-style:solid;border-color:var(--border-default);border-width:1px;border-radius:.5em;padding:2rem;max-width:500px;max-height:78vh;overflow-y:auto;text-align:center}.modal-close-button{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;color:inherit}.modal-overlay--full-screen{padding-top:0;align-items:stretch;justify-content:stretch}.modal-content--full-screen{width:100vw;height:100svh;max-width:none;border-radius:0;overflow-y:auto;padding:1rem;text-align:left}.game-button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid var(--border-default);border-radius:5px;background:linear-gradient(to bottom,var(--control-bg),var(--control-bg-end));color:var(--text-primary);cursor:pointer;font-size:.85rem;position:relative;box-shadow:var(--shadow-control);transition:background-color .15s,border-color .15s,box-shadow .15s;vertical-align:middle}@media (hover: hover){.game-button:hover:not(:disabled){background:var(--control-bg-hover);border-color:var(--border-strong)}}.game-button:active:not(:disabled){background:var(--control-bg-active)}.game-button:disabled{color:var(--text-disabled);cursor:default}.game-button[data-state=pressed]{background:var(--state-pressed-bg);border-color:var(--state-pressed-border);color:var(--state-pressed-fg);box-shadow:var(--state-pressed-shadow)}@media (hover: hover){.game-button[data-state=pressed]:hover:not(:disabled){background:var(--state-pressed-bg-hover);border-color:var(--state-pressed-border)}}.game-button--icon{padding:0;min-width:2rem;font-size:1rem}.game-button-group-labeled{display:inline-flex;align-items:center;gap:.3rem}.game-button-group-label{display:none;min-width:6rem;font-size:.75rem;line-height:2rem}.game-button-group{display:inline-flex;gap:0}.game-button-group .game-button{border-radius:0;margin-right:0;border-right-width:0}.game-button-group .game-button:first-child{border-radius:5px 0 0 5px}.game-button-group .game-button:last-child{border-radius:0 5px 5px 0;border-right-width:1px}.game-button-group .game-button:only-child{border-radius:5px;border-right-width:1px}.game-button[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:calc(100% - 8px);padding:.25rem .5rem;background:#000c;color:#fff;font-size:.8rem;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:10000;animation:tooltip-fade-in .15s ease-out}.game-button-group .game-button:nth-last-child(-n+3)[data-tooltip]:hover:after{left:auto;right:0}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}.game-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem;padding:.35rem;width:100%}.game-controls--tight{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem;padding:.1rem 0;width:100%}@keyframes byo-yomi-preset-nudge{25%,75%{background-color:var(--field-nudge-bg);color:#000}}.byo-yomi-preset-nudge{animation:byo-yomi-preset-nudge .8s ease-in-out}@font-face{font-family:DSEG7;src:url(/fonts/DSEG_v046/DSEG7-Modern/DSEG7Modern-Bold.woff2) format("woff2"),url(/fonts/DSEG_v046/DSEG7-Modern/DSEG7Modern-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.game-area-status-bar{margin-top:.3rem}.status-bar{display:flex;align-items:center;justify-content:space-between;min-height:2rem;padding:.2rem .5rem;background:linear-gradient(to bottom,var(--surface-panel-bg),var(--surface-panel-bg-end));box-shadow:0 1px 2px #0000001a;border:1px solid var(--border-default);border-radius:.5em;position:relative;z-index:10;gap:.5rem}.status-bar .component-label{font-size:.9rem;padding:.15rem}.status-bar-message{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem;font-weight:600}@media (hover: hover){.status-bar-message--truncated:hover{white-space:normal;overflow:visible;cursor:pointer;position:absolute;top:-1px;left:-1px;right:-1px;min-height:2rem;padding:.2rem .5rem;border:1px solid var(--border-default);border-radius:.5em;background:linear-gradient(to bottom,var(--surface-panel-bg),var(--surface-panel-bg-end));z-index:20}}@media (hover: none){.game-area-status-bar .status-bar{flex-wrap:wrap}.game-area-status-bar .status-bar-message{white-space:normal;font-size:1rem;flex-basis:100%}}.status-bar-message--overflow{cursor:pointer}.status-bar--branch{min-height:calc(1.3rem + .4rem + 2px)}.status-bar-actions{display:flex;align-items:center;gap:.15rem;flex-shrink:0;font-size:1rem}.status-bar-actions .game-button{font-size:1rem;height:1.3rem;line-height:1;padding:0 .4rem}.status-bar-actions .game-button[data-tooltip]:hover:after{bottom:auto;top:calc(100% + 4px);left:auto;right:0}.status-bar-clock{font-weight:700;font-size:1rem;white-space:nowrap;min-width:3em;text-align:center;font-family:DSEG7,Courier New,monospace;background:var(--clock-bezel-bg);color:var(--clock-bezel-fg);padding:.15rem .25rem;border-radius:.3em;border:1px solid var(--clock-bezel-border);box-shadow:inset 0 1px 3px #0006;letter-spacing:.05em}.status-bar-clock--inactive{opacity:.4}.status-bar-clock--warning{color:var(--clock-warning-fg)}.status-bar-clock-periods{font-size:1rem;letter-spacing:.1em;margin-left:.1rem;align-self:center}.stats-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.stats-filters .filter-group{display:flex;align-items:center;gap:.5rem}.stats-filters .filter-group label{font-weight:700}.stats-filters .filter-buttons{display:flex;gap:.25rem}.stats-filters .filter-buttons button{padding:.25rem .5rem;border:1px solid var(--border-default);background:var(--control-bg);cursor:pointer;border-radius:.5em}.stats-filters .filter-buttons button:hover{background:var(--control-bg-hover)}.stats-filters .filter-buttons button[aria-selected=true]{background:var(--state-selected-bg);border-color:var(--border-default);color:var(--state-selected-fg);font-weight:600}.leaderboard-table-container{margin-top:1rem}.leaderboard-table{width:100%;border-collapse:collapse;background-color:var(--surface-raised-bg);border-radius:8px;overflow:hidden}.leaderboard-table th,.leaderboard-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-default)}.leaderboard-table th{background-color:var(--surface-panel-bg-end);font-weight:600}.leaderboard-table tbody tr:hover{background-color:var(--surface-panel-bg)}.leaderboard-table tbody tr.current-user{background-color:var(--signal-bg);font-weight:600}.leaderboard-table td:first-child,.leaderboard-table th:first-child{text-align:center;width:60px}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:center;width:80px}.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(3){text-align:right;width:100px}.user-rank-section{margin-top:1rem;text-align:center}.user-rank-divider{color:var(--text-subtle);margin-bottom:.5rem}.user-rank-info{padding:.75rem;background-color:var(--surface-raised-bg);border-radius:8px}.leaderboard-page{max-width:800px;margin:0 auto}.leaderboard-page h1{text-align:center;margin-bottom:1rem}.leaderboard-controls{margin-bottom:1rem;background-color:var(--surface-panel-bg-end)}.leaderboard-controls .stats-filters{margin-bottom:0}.leaderboard-content{background-color:var(--surface-panel-bg-end);min-height:200px}.leaderboard-content .loading,.leaderboard-content .no-data{text-align:center;padding:2rem;color:var(--text-subtle)}.leaderboard-eligibility{font-size:.8rem;color:var(--text-subtle);text-align:center;margin-top:1rem;margin-bottom:0}#lobbyPreamble h1{margin:.2rem 0}.lobby-status-bar{margin-top:.3rem}.lobby-status-bar .lobby-status-bar-sound{flex:none}.lobby-status-bar .lobby-status-bar-sound .game-button{height:1.6rem;padding:0 .3rem;line-height:1;display:inline-flex;align-items:center}.lobby-status-bar .lobby-status-bar-sound .game-button svg{width:1.15rem;height:1.15rem}.lobby-status-bar .lobby-status-bar-sound .game-button[data-tooltip]:hover:after{left:auto;right:0}.lobby-status-bar .status-bar-message--expanded{white-space:normal;overflow:visible;position:absolute;top:-1px;left:-1px;right:-1px;min-height:2rem;padding:.2rem .5rem;border:1px solid var(--border-default);border-radius:.5em;background:linear-gradient(to bottom,var(--surface-panel-bg),var(--surface-panel-bg-end));z-index:20;box-shadow:0 2px 6px #00000040}.viewport>div:has(>.lobby-page){min-height:0;overflow:hidden;display:flex;flex-direction:column}.lobby-page{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.lobby-columns{display:flex;gap:.8rem;align-items:stretch;margin-top:.5rem;margin-bottom:.5rem;flex:1;min-height:0}.lobby-left{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;min-height:0}.lobby-section-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lobby-section,#lobbyFindNewGames{flex:1;min-height:0;display:flex;flex-direction:column}.lobby-section>.panel,#lobbyFindNewGames>.panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lobby-panel-scroll{flex:1;min-height:0;overflow-y:auto}#lobbyYourGames,#lobbyGames{flex:1;min-height:0;overflow-y:auto;align-content:flex-start}.inviteTile{min-width:var(--invite-tile-min, 16rem)}.inviteTileSpacer{flex-grow:5}.lobby-columns--normal{gap:.5rem}.lobby-columns--normal .lobby-left{flex:2 1 0}.lobby-chat{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:0}.lobby-columns--normal .lobby-chat{flex:1 1 0;min-width:16rem;max-width:34%}.lobby-columns--maximized .lobby-chat{flex:1 1 100%}.lobby-chat-minimized{flex:0 0 auto;display:flex;align-items:stretch}.lobby-chat-minimized .collapsed-panel--horizontal{min-height:12rem}@media (max-width: 899px){.lobby-columns{flex-direction:column;gap:.3rem;margin-top:.3rem;margin-bottom:0}#lobbyInvites{--invite-tile-min: 10rem;--invite-tile-label: 5.8rem;font-size:.85rem}#lobbyInvites .inviteTileSpacer{flex-grow:0}.lobby-chat-minimized .collapsed-panel{width:100%}}.lobby-chat-messages{flex:1}.lobby-chat-state-buttons{position:absolute;top:.3rem;right:.3rem;display:flex;gap:.2rem;z-index:1}.lobby-chat-state-button{background:none;border:1px solid transparent;color:var(--border-default);cursor:pointer;font-size:.9rem;padding:0 .2rem;line-height:1}.lobby-chat-state-button:hover{color:var(--border-strong)}.lobby-chat-load-older{text-align:center;padding:.25rem 0}.lobby-chat-load-older button{font-size:.85rem;border:1px solid var(--border-default);border-radius:.4em;background:var(--control-bg);cursor:pointer}.lobby-chat-date-separator{text-align:center;color:var(--text-subtle);font-size:.85em;font-weight:600;margin:.4rem 0 .2rem}.lobby-chat-message-time{color:var(--text-muted);font-size:.8em}.lobby-chat-author,.chat-mention{font-weight:600}.lobby-chat-message--mentions-me{background:var(--surface-raised-bg);border-radius:.3em;padding:0 .25em}.lobby-chat-message--removed .lobby-chat-text{text-decoration:line-through;opacity:.6}.lobby-chat-pending-review{color:var(--text-caution);font-style:italic;font-size:.85em}.lobby-chat-message-actions{display:none;margin-left:.4rem}@media (hover: hover){.lobby-chat-message:hover .lobby-chat-message-actions{display:inline}}.lobby-chat-message-actions--open{display:inline}.lobby-chat-action{font-size:.75rem;border:1px solid var(--border-default);border-radius:.4em;background:var(--control-bg);cursor:pointer;padding:0 .3em;margin-left:.2rem}.lobby-chat-action:hover{background:var(--control-bg-hover)}.collapsed-panel-unread--mention{background:var(--notify-mention-bg)}.lobby-status-bar-message--mention{background:var(--surface-raised-bg);border-radius:.3em}.lobby-section-toggle{display:flex;gap:.25rem;margin-bottom:.3rem}.lobby-section-toggle button{padding:.25rem .5rem;border:1px solid var(--border-default);background:var(--control-bg);cursor:pointer;border-radius:.5em;display:flex;align-items:center}.lobby-section-toggle button:hover{background:var(--control-bg-hover)}.lobby-section-toggle button[aria-selected=true]{background:var(--state-selected-bg);border-color:var(--border-default);color:var(--state-selected-fg);font-weight:600}.lobby-section-badge{display:inline-block;background:var(--notify-unread-bg);color:var(--notify-unread-fg);border-radius:.8em;padding:0 .45em;margin-left:.35em;font-size:.8em;font-weight:600}.player-stats{margin:.4rem 0 .5rem;padding:1rem;border:1px solid var(--border-default);border-radius:.5em;background:var(--surface-panel-bg-end)}.player-stats h2{margin-top:0;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--control-bg);border:1px solid var(--border-default);border-radius:.5em}.stat-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700}.surveyKeyTable,.surveySessionTable{width:100%;border-collapse:collapse;background-color:var(--surface-raised-bg);border-radius:8px;overflow:hidden}.surveyKeyTable th,.surveyKeyTable td,.surveySessionTable th,.surveySessionTable td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border-default)}.surveyKeyTable th,.surveySessionTable th{background-color:var(--surface-panel-bg-end);font-weight:600}.surveyKeyTable tbody tr:hover,.surveySessionTable tbody tr:hover{background-color:var(--surface-panel-bg)}.surveySessionLimitNote{color:var(--text-muted);font-size:.85em;margin:.25rem 0 .75rem}.surveyResponsesModal{text-align:left}.surveyEditKeyModal{text-align:left;min-width:20rem}.surveyKeyStatus{white-space:nowrap}.surveyResponseQuestion{margin:1rem 0 .35rem;font-size:.95em;font-weight:600}.surveyResponseAnswer{margin:0;padding:.5rem .75rem;background-color:var(--surface-raised-bg);border:2px inset var(--control-bg-end);border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}.surveyResponseAnswerEmpty{color:var(--text-muted);font-style:italic}