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(100vh - 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(100vh - 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 (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(100vh - 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(100vh - 17em));justify-self:center;box-sizing:border-box}}.game-layout{display:grid;flex-grow:1;max-width:100vw;max-height:calc(100vh - 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:1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"status-bar status-bar" "board collapsed-chat" "controls collapsed-chat"}.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,25vh);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:#666;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(--bg-medium),var(--bg-dark));box-shadow:0 1px 2px #0000001a;border:1px solid #94a5be;border-radius:.5em;cursor:pointer;transition:background .15s}.collapsed-panel:hover{background:var(--bg-darker)}.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:#94a5be}.chat-collapse-button{position:absolute;top:.3rem;right:.3rem;background:none;border:none;color:#94a5be;cursor:pointer;font-size:.9rem;padding:0 .2rem;line-height:1;z-index:1}.chat-collapse-button:hover{color:#ccc}.collapsed-panel-unread{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;background:radial-gradient(circle at 65% 35%,#ffe0a0,#e67e22)}.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 #94a5be}.component-label{font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#789;padding:.15rem .25rem;flex-shrink:0;align-self:flex-start;vertical-align:middle}:root{--bg-lighter: #e0edf8;--bg-light: #d4e5f5;--bg-medium: #b7ccec;--bg-dark: #b0c4e3;--bg-darker: #a5b8d8;--orange-lightest: #f5dcc0;--orange-lighter: #f5d5a8;--orange-light: #ebb883;--orange-medium: #e0a060;--orange-dark: #d89050;--orange-darker: #c97d40;--orange-bright: #f39c12}*{font-family:Quicksand;font-weight:400}body{background-color:var(--bg-medium)}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:#94a5be;border-width:1px;border-radius:5px}button,input[type=button],input[type=submit]{background-color:var(--bg-light)}input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--bg-light)}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-light);width:1em;height:1em;border:1px solid #94a5be;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:#94a5be}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}}.viewport{display:flex;flex-direction:column;flex-grow:1;height:calc(100vh - 1rem);max-height:calc(100vh - 1rem)}.panel{border-style:solid;border-color:#94a5be;border-width:1px;border-radius:.5em;padding:5px;background:linear-gradient(to bottom,var(--bg-medium),var(--bg-dark));box-shadow:0 1px 2px #0000001a}.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:#000;border-collapse:collapse;padding:3px}.menuItem{padding:.5em;display:block;text-decoration:none}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:1000}.modal-content{background-color:#b7ccec;border-style:solid;border-color:#94a5be;border-width:1px;border-radius:.5em;padding:2rem;max-width:500px;text-align:center}.game-button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border:1px solid #94a5be;border-radius:5px;background:linear-gradient(to bottom,var(--bg-light),var(--bg-darker));cursor:pointer;font-size:.85rem;position:relative;box-shadow:0 1px 2px #00000026;transition:background-color .15s,border-color .15s,box-shadow .15s;vertical-align:middle}.game-button:hover:not(:disabled){background:var(--bg-darker);border-color:#7b8da8}.game-button:active:not(:disabled){background:var(--bg-dark)}.game-button:disabled{color:#0000004d;cursor:default}.game-button--pressed{background:var(--bg-darker);border-color:#7b8da8;box-shadow:inset 0 1px 3px #0003}.game-button--pressed:hover:not(:disabled){background:var(--bg-dark)}.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%}@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(--bg-medium),var(--bg-dark));box-shadow:0 1px 2px #0000001a;border:1px solid #94a5be;border-radius:.5em;position:relative;z-index:10;gap:.5rem}.status-bar-message{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.3rem;font-weight:600}.status-bar-message--truncated:hover{white-space:normal;overflow:visible;cursor:pointer;position:absolute;left:.5rem;right:.5rem;background-color:var(--bg-dark);z-index:20;padding:.2rem 0}.status-bar-message--overflow{cursor:pointer}.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:1.1rem;white-space:nowrap;min-width:3em;text-align:center;font-family:DSEG7,Courier New,monospace;background:#1a1a2e;color:#e0e0e0;padding:.15rem .25rem;border-radius:.3em;border:1px solid #333;box-shadow:inset 0 1px 3px #0006;letter-spacing:.05em}.status-bar-clock--inactive{opacity:.4}.status-bar-clock--warning{color:#f44}.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 #94a5be;background:var(--bg-light);cursor:pointer;border-radius:.5em}.stats-filters .filter-buttons button:hover{background:var(--bg-darker)}.stats-filters .filter-buttons button.active{background:var(--bg-darker);border-color:#94a5be}.leaderboard-table-container{margin-top:1rem}.leaderboard-table{width:100%;border-collapse:collapse;background-color:var(--bg-lighter);border-radius:8px;overflow:hidden}.leaderboard-table th,.leaderboard-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--bg-medium)}.leaderboard-table th{background-color:var(--bg-dark);font-weight:600}.leaderboard-table tbody tr:hover{background-color:var(--bg-medium)}.leaderboard-table tbody tr.current-user{background-color:var(--orange-lightest);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-muted);margin-bottom:.5rem}.user-rank-info{padding:.75rem;background-color:var(--bg-lighter);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(--bg-dark)}.leaderboard-content{background-color:var(--bg-dark);min-height:200px}.leaderboard-content .loading,.leaderboard-content .no-data{text-align:center;padding:2rem;color:var(--text-muted)}.leaderboard-eligibility{font-size:.8rem;color:var(--text-muted);text-align:center;margin-top:1rem;margin-bottom:0}.player-stats{margin:1rem 0 .5rem;padding:1rem;border:1px solid #94a5be;border-radius:.5em;background:var(--bg-dark)}.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(--bg-light);border:1px solid #94a5be;border-radius:.5em}.stat-label{font-size:.85rem;color:#666;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700}