:root{color:#243b2f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f4ec;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body,p{margin:0}.app{width:min(100%,680px);margin:0 auto;padding:48px 20px 28px}.page-header{text-align:center;margin-bottom:36px}.eyebrow{color:#776441;letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;font-weight:700}h1{letter-spacing:-.04em;margin:12px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,3.3rem);font-weight:500}.intro{color:#6d726a;font-size:.95rem}.game{background:#fffdf7;border:1px solid #deded0;border-radius:18px;padding:22px;box-shadow:0 12px 36px #20362c0a}.game-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}h2{margin:0;font-size:1rem;font-weight:600}.status{color:#526748;background:#edf1e5;border-radius:20px;padding:6px 10px;font-size:.7rem}.board-frame{grid-template-rows:auto 22px;grid-template-columns:20px minmax(0,1fr);gap:6px;display:grid}.rank-labels{text-align:center;grid-template-rows:repeat(8,1fr);align-items:center;display:grid}.rank-labels,.file-labels{color:#6d726a;font-size:.75rem;font-weight:600}.file-labels{text-align:center;grid-column:2;grid-template-columns:repeat(8,1fr);align-items:center;display:grid}.chessboard{aspect-ratio:1;border-spacing:0;border:2px solid #344d40;border-radius:3px;width:100%;display:grid;overflow:hidden}.chessboard tbody{grid-template-rows:repeat(8,1fr);min-height:0;display:grid}.chessboard tr{grid-template-columns:repeat(8,minmax(0,1fr));min-height:0;display:grid}.square{place-items:center;min-width:0;min-height:0;padding:0;display:grid}.square-button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative}.square-button[aria-pressed=true]{box-shadow:inset 0 0 0 4px #ffd45a,inset 0 0 0 6px #26362e}.square-button:focus-visible{outline-offset:-7px;background:#fff2;outline:3px dashed #16291f}.board-help{color:#6d726a;margin-bottom:16px;font-size:.8rem;line-height:1.6}.button-icon,.current-players .button-icon{color:inherit;vertical-align:-.1em;margin:0 .4em 0 0;font-size:1.1em;line-height:1;display:inline-block}.button-icon svg{display:block}.game-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:100%;margin-left:auto;display:flex}.game-heading{flex-wrap:wrap}.setup-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.app.app-setup{width:min(100%,760px)}#screen-title:focus{outline:none}.player-setup{margin-bottom:16px}.setup-help{color:#6d726a;margin:8px 0 14px;font-size:.8rem;line-height:1.5}.player-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.player-setting{border:1px solid #deded0;border-radius:10px;min-width:0;margin:0;padding:12px}.player-setting legend{padding:0 5px;font-size:.85rem;font-weight:700}.player-setting label{color:#526748;margin:6px 0;font-size:.75rem;display:block}.player-setting input,.player-setting select{width:100%;min-width:0;min-height:44px;font:inherit;color:#243b2f;background:#fffdf7;border:1px solid #71876d;border-radius:6px;padding:8px;font-size:.85rem;display:block}.player-setting input:focus-visible,.player-setting select:focus-visible{outline-offset:2px;outline:3px solid #344d40}.current-players{display:contents}.current-player{border-color:#deded0}.player-black{grid-area:black}.player-white{grid-area:white}.current-players .clock-stage{color:#526748;margin-top:4px;font-size:.7rem;display:block}.current-players .player-active{background:#edf1e5;border-color:#344d40}.current-players .player-card-heading span{margin:0}.current-players .player-side{align-items:center;gap:7px;width:100%;min-width:0;display:inline-flex}.current-players .player-display-name{color:#243b2f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;font-weight:700;overflow:hidden}.edit-player-button{color:#344d40;min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;background:#fffdf7;border:1px solid #71876d;border-radius:6px;padding:8px 12px;font-size:.75rem}.edit-player-button:hover{background:#edf1e5}.edit-player-button:focus-visible{outline-offset:2px;outline:3px solid #344d40}.promotion-dialog.player-edit-dialog{width:min(400px,100% - 32px);max-height:calc(100% - 32px);overflow-y:auto}.player-edit-dialog .promotion-choices{margin-bottom:0}.player-edit-dialog .save-player{color:#fffdf7;background:#344d40}.promotion-dialog.game-options-dialog{width:min(620px,100% - 32px)}.game-options-dialog .new-game-button{color:#fffdf7;background:#344d40;border-color:#344d40}.game-options-dialog .player-setup{margin-top:20px}.game-options-dialog .setup-actions button{min-width:0}.time-control-setup{margin-bottom:16px}.time-control-setup label{margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.time-control-setup select{width:min(100%,360px);min-height:44px;font:inherit;color:#243b2f;background:#fffdf7;border:1px solid #71876d;border-radius:6px;padding:8px;font-size:.85rem}.time-control-setup select:focus-visible{outline-offset:2px;outline:3px solid #344d40}.time-control-setup p,.clock-help{color:#6d726a;margin-top:8px;font-size:.75rem;line-height:1.5}.clock-help{text-align:center}.player-clock{text-align:center;overflow-wrap:anywhere;background:#fffdf7;border:1px solid #deded0;border-radius:6px;min-width:0;padding:8px}.player-clock.clock-active{background:#edf1e5;border-color:#344d40}.square-button[aria-disabled=true]{cursor:default}.engine-error{color:#7a3328;border:1px solid #9c4436;border-radius:8px;margin-top:16px;padding:14px;font-size:.85rem;line-height:1.5}.engine-error button{margin-top:12px}.new-game-button{font:inherit;color:#fffdf7;cursor:pointer;touch-action:manipulation;background:#344d40;border:1px solid #344d40;border-radius:8px;min-height:44px;padding:10px 16px;font-size:.85rem;font-weight:600}.new-game-button:hover{background:#243b2f}.new-game-button:focus-visible{outline-offset:3px;outline:3px solid #344d40}.selection-status{color:#243b2f;text-align:center;overflow-wrap:anywhere;min-height:1.5em;margin-top:14px;font-size:.85rem;line-height:1.5}.turn-status{margin-bottom:4px;font-weight:700}.move-history{border-top:1px solid #deded0;margin-top:24px;padding-top:20px}.history-empty{color:#6d726a;margin-top:14px;font-size:.85rem}.history-table{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:14px;font-size:.9rem}.history-table th,.history-table td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #e5e5d9;padding:10px 8px}.history-table thead{color:#526748;background:#edf1e5}.history-table thead th{white-space:nowrap;font-size:.8rem}.history-table th:first-child{width:3.5rem}.history-table tbody th{color:#6d726a;font-weight:500}.history-table td{font-family:ui-monospace,Consolas,monospace}.history-note{color:#6d726a;margin-top:12px;font-size:.75rem;line-height:1.5}.legal-destination:after{content:"";aspect-ratio:1;pointer-events:none;background:#243b2f;border:2px solid #f9f6e8;border-radius:50%;width:25%}.legal-capture:after{content:"";pointer-events:none;border:3px solid #ffd45a;border-radius:50%;position:absolute;inset:3px;box-shadow:0 0 0 1px #26362e}.promotion-dialog{color:#243b2f;background:#fffdf7;border:1px solid #71876d;border-radius:14px;width:min(360px,100% - 32px);padding:24px}.promotion-dialog::backdrop{background:#14281fb3}.promotion-dialog p{margin-top:12px;font-size:.9rem;line-height:1.5}.promotion-choices{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.promotion-dialog button{font:inherit;cursor:pointer;color:#243b2f;background:#edf1e5;border:1px solid #71876d;border-radius:6px;padding:12px}.promotion-dialog button:focus-visible{outline-offset:3px;outline:3px solid #243b2f}.promotion-dialog .cancel-promotion{background:0 0;width:100%}.light{background:#eee9d7}.dark{background:#71876d}.piece{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 1px #0003);width:86%;height:86%;display:block}.board-caption{text-align:center;color:#6d726a;margin-top:16px;font-size:.8rem}footer{text-align:center;color:#6d726a;margin-top:24px;font-size:.75rem;line-height:1.6}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"black""board""white""history-toggle""info";gap:12px;display:grid}.players-panel{display:contents}.board-frame{grid-area:board;min-width:0}.game-info{grid-area:info;min-width:0}.game-info .board-help{margin:16px 0 0}.move-history{min-width:0}.desktop-history{display:none}.history-toggle{grid-area:history-toggle;justify-self:end}.history-dialog{color:#243b2f;background:#fffdf7;border:1px solid #71876d;border-radius:12px;margin:0;padding:16px;position:fixed;overflow:auto;box-shadow:0 12px 36px #20362c30}.history-dialog::backdrop{background:#14281f66}.history-dialog-heading{justify-content:flex-end;display:flex}.history-dialog .move-history{margin-top:12px;padding-top:16px}@media (width>=960px) and (orientation:landscape){.app{width:min(100%,1320px);padding-top:32px}.page-header{margin-bottom:28px}.game-heading{justify-content:flex-start;min-height:44px}.game-layout{grid-template-columns:minmax(0,1fr) 220px minmax(180px,.45fr);grid-template-areas:"board players history""info info info";align-items:start;gap:20px}.players-panel{grid-area:players;align-self:stretch;min-width:0;padding-bottom:28px;display:block}.current-players{flex-direction:column;justify-content:space-between;gap:16px;height:100%;display:flex}.current-players .player-display-name,.current-players .player-name-input{font-size:.85rem}.desktop-history{contain:size;border-left:1px solid #deded0;grid-area:history;align-self:stretch;min-height:0;margin-bottom:28px;padding-left:16px;display:block;overflow:auto}.desktop-history .move-history{border-top:0;margin:0;padding:0}.history-toggle{display:none}.game-info{border-top:1px solid #deded0;padding-top:20px}.game-info .selection-status{margin-top:0}.game-info .board-help{text-align:center}}@media (width<=480px){.game-options-dialog .player-settings{grid-template-columns:minmax(0,1fr)}.app{padding:28px 12px 20px}.page-header{margin-bottom:24px}.game{border-radius:12px;padding:14px 10px}.game-heading{margin-bottom:14px;padding:0 4px}.board-frame{grid-template-columns:16px minmax(0,1fr);gap:4px}}@media (width<=380px){.player-settings{grid-template-columns:minmax(0,1fr)}}.player-setting textarea{resize:vertical;color:#243b2f;width:100%;min-width:0;font:inherit;background:#fffdf7;border:1px solid #71876d;border-radius:6px;padding:8px;font-size:.85rem;display:block}.player-setting textarea:focus-visible{outline-offset:2px;outline:3px solid #344d40}.profile-image-field{margin-top:14px}.player-avatar,.current-players .player-avatar{flex:0 0 var(--portrait-size,88px);width:var(--portrait-size,88px);height:var(--portrait-size,88px);aspect-ratio:1;object-fit:cover;border:2px solid var(--portrait-border,#71876d);color:#344d40;background:#edf1e5;border-radius:6px;justify-content:center;align-items:center;margin:0;font-size:2rem;display:inline-flex}.player-avatar[data-ai-skill="0"]{--portrait-border:#fff;box-shadow:0 0 0 1px #526748}.player-avatar[data-ai-skill="5"]{--portrait-border:#2e9f46}.player-avatar[data-ai-skill="10"]{--portrait-border:#2867d6}.player-avatar[data-ai-skill="15"]{--portrait-border:#df3526}.player-avatar[data-ai-skill="20"]{--portrait-border:#62ddff;box-shadow:0 0 6px #168fff,0 0 10px #168fff66}.ai-profile-preview{overflow-wrap:anywhere;gap:10px;margin-top:16px;display:grid}.ai-profile-preview p{white-space:pre-wrap;margin:0;font-size:.85rem}.ai-catalog{gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.ai-catalog li{overflow-wrap:anywhere;border:1px solid #deded0;border-radius:10px;gap:12px;padding:12px;display:flex}.ai-catalog li>div{flex:1;min-width:0}.ai-catalog h3{margin:0;font-size:1rem}.ai-catalog p{white-space:pre-wrap;margin:6px 0}.ai-characteristics{margin:12px 0 0;font-size:.85rem;line-height:1.5}.ai-characteristics>div{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;padding:4px 0;display:grid}.ai-characteristics dt{color:#526748}.ai-characteristics dd{margin:0;font-weight:600}@media (width<=480px){.ai-catalog li{flex-direction:column}}.engine-settings{margin-top:16px}.catalog-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.catalog-login{color:#344d40;padding:10px 0;text-decoration:underline}.catalog-confirm{overflow-wrap:anywhere;border:1px solid #71876d;border-radius:8px;margin:20px 0;padding:16px}.ai-editor{margin-top:20px}.ai-scale{min-width:0;margin-top:8px}.ai-scale-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;font-size:.85rem;display:flex}.ai-scale-heading label{color:#526748;margin:0}.ai-scale-heading output{font-weight:600}.ai-scale input[type=range]{accent-color:#526748;cursor:pointer;width:100%;min-height:32px;margin:0;padding:0;display:block}.ai-scale input[type=range]:disabled{opacity:1;cursor:default}.ai-scale small{margin-top:4px;display:block}.ai-catalog-scales{gap:4px;margin-top:8px;display:grid}.ai-catalog-scales .ai-scale{margin-top:0}.ai-catalog-scales input[type=range]{min-height:24px}@media (width>=600px){.ai-catalog-scales .ai-scale{grid-template-columns:112px minmax(0,1fr) 90px;align-items:center;gap:0 8px;display:grid}.ai-catalog-scales .ai-scale-heading{display:contents}.ai-catalog-scales .ai-scale-heading label{grid-area:1/1;font-size:.8rem}.ai-catalog-scales .ai-scale-heading output{text-align:right;grid-area:1/3;font-size:.8rem}.ai-catalog-scales input[type=range]{grid-area:1/2}.ai-catalog-scales .ai-scale small{grid-column:1/-1}}.promotion-dialog button:disabled{opacity:.55;cursor:wait}.player-name-input{color:#243b2f;width:100%;min-width:0;min-height:44px;font:inherit;background:0 0;border:0;border-bottom:1px dashed #71876d;border-radius:0;padding:4px 2px;font-size:1rem;font-weight:700}.player-name-input:hover{background:#fffdf780}.player-name-input:focus-visible{outline-offset:2px;background:#fffdf7;outline:2px solid #344d40}.player-chooser{z-index:2;align-self:center;position:relative}.player-chooser[open]{z-index:3}.player-chooser summary{color:#344d40;cursor:pointer;border-radius:6px;place-items:center;width:44px;height:44px;list-style:none;display:grid}.player-chooser summary::-webkit-details-marker{display:none}.player-chooser summary:hover,.player-chooser[open] summary{background:#dce5d2}.player-chooser summary:focus-visible,.player-chooser-list button:focus-visible{outline-offset:2px;outline:2px solid #344d40}.player-chooser[open] summary svg{transform:rotate(180deg)}.current-players .player-black{background:#344d40;border-color:#526748}.current-players .player-black.player-active{background:#405b4a;border-color:#a9ba98}.current-players .player-black .player-display-name,.player-black .player-name-input,.player-black .player-chooser summary{color:#fffdf7}.player-black .player-name-input{border-bottom-color:#a9ba98}.player-black .player-name-input:hover,.player-black .player-name-input:focus-visible,.player-black .player-chooser summary:hover,.player-black .player-chooser[open] summary{background:#526748}.player-black .player-name-input:focus-visible,.player-black .player-chooser summary:focus-visible{outline-color:#fffdf7}.player-chooser-list{background:#fffdf7;border:1px solid #71876d;border-radius:8px;width:min(260px,100vw - 64px);max-height:min(350px,50vh);padding:6px;position:absolute;top:48px;right:0;overflow-y:auto;box-shadow:0 8px 24px #20362c30}.player-white .player-chooser-list{top:auto;bottom:44px}.player-chooser-list button{text-align:left;overflow-wrap:anywhere;color:#344d40;width:100%;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:10px;font-size:.85rem;display:block}.player-chooser-list button:hover,.player-chooser-list button[aria-pressed=true]{background:#edf1e5}.player-chooser-list button[aria-pressed=true]{font-weight:700}.player-chooser-label{color:#243b2f;letter-spacing:.04em;border-top:1px solid #deded0;margin:6px 10px 8px;padding-top:10px;font-size:.85rem;font-weight:700}.player-chooser-ai-options{margin:0 0 4px 14px;padding:0 0 0 8px;list-style:none}@media (width<=480px){.current-players .player-name-input,.current-players .player-display-name{font-size:.85rem}.player-avatar,.current-players .player-avatar{--portrait-size:64px}}.player-avatar.player-avatar-small,.current-players .player-avatar.player-avatar-small{--portrait-size:32px;border-radius:4px;font-size:1rem}.player-chooser-ai-options button{align-items:center;gap:10px;padding:8px;display:flex}.current-players .player-option-name{min-width:0;color:inherit;font:inherit;margin:0}@media (width<=480px){.player-settings{grid-template-columns:minmax(0,1fr)}}.app-playing{--player-card-height:clamp(68px, 10dvh, 160px);flex-direction:column;gap:12px;height:100dvh;padding:12px 20px;display:flex}.app-playing .page-header{flex:none;margin:0}.app-playing .page-header h1{margin:0;font-size:2rem}.app-playing .eyebrow,.app-playing .intro,.app-playing>footer{display:none}.app-playing .game{flex-direction:column;flex:1;min-height:0;padding:16px;display:flex}.app-playing .game-heading{flex:none;margin-bottom:12px}.app-playing .game-layout{flex:1;align-content:start;gap:8px;min-height:0}.app-playing .board-frame{--board-size:min(calc(100cqw - 26px), calc(100cqh - 28px));width:100%;height:100%;display:block;position:relative;container-type:size}.app-playing .chessboard{width:var(--board-size);height:var(--board-size);margin-left:26px}.app-playing .rank-labels{width:20px;height:var(--board-size);position:absolute;top:0;left:0}.app-playing .file-labels{width:var(--board-size);height:22px;margin:6px 0 0 26px}.app-playing .game-info{border-top:1px solid #deded0;height:80px;padding-top:8px;overflow:auto}.app-playing .selection-status{margin:0;font-size:.75rem;line-height:1.4}.app-playing .clock-help{margin:4px 0 0;font-size:.7rem}.app-playing .board-caption{display:none}.app-playing .board-help{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-playing .game-info,.app-playing .desktop-history{scrollbar-width:none}.app-playing .game-info::-webkit-scrollbar{display:none}.app-playing .desktop-history::-webkit-scrollbar{display:none}@media (width>=960px) and (orientation:landscape){.app-playing .game-layout{grid-template-columns:calc(var(--landscape-board-size,0px) + 26px) minmax(220px, 1fr) 220px;grid-template-rows:calc(var(--landscape-board-size,0px) + 28px) auto;column-gap:20px}.app-playing .board-frame{--board-size:var(--landscape-board-size,0px)}.app-playing .current-players{gap:16px}.app-playing .players-panel,.app-playing .desktop-history{align-self:start;height:100%;margin-bottom:0;padding-bottom:28px}.app-playing .game-info{padding-top:8px}}@media (width<=959px),(orientation:portrait){.app-playing .game-layout{grid-template-areas:"clocks""black""board""white"}.app-playing .rank-labels,.app-playing .file-labels{display:none}.app-playing .board-frame{--board-size:min(100cqw, 100cqh)}.app-playing .chessboard{margin-left:0}.app-playing .game-info{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-playing .game-heading>.status{display:none}.app-playing .game-actions{flex-wrap:nowrap;justify-content:flex-end;gap:8px;width:auto}.app-playing .game-actions button{place-items:center;width:44px;height:44px;padding:0;font-size:1.2rem;display:grid}.app-playing .game-actions .button-icon{margin:0}.app-playing .game-actions .action-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=480px){.app-playing{gap:8px;padding:4px 12px}.app-playing .page-header h1{font-size:1.5rem}.app-playing .game{padding:10px}.app-playing .game-heading{margin-bottom:8px;padding:0}.app-playing .game-heading>.status{display:none}}@media (width<=959px) and (orientation:landscape){.app-playing{gap:6px;width:100%;padding:6px 12px}.app-playing .page-header h1{font-size:1.25rem}.app-playing .game{padding:8px}.app-playing .game-heading{margin-bottom:6px}.app-playing .player-name-input,.app-playing .player-display-name{font-size:.75rem}.app-playing .player-chooser-list{max-height:min(220px,100dvh - 180px)}}.app-playing .current-player{grid-template-columns:calc(var(--player-card-height) - 2px) minmax(0, 1fr);height:var(--player-card-height);min-height:var(--player-card-height);border-style:solid;border-width:1px;border-radius:8px;flex:none;grid-template-rows:minmax(0,1fr);grid-template-areas:"avatar profile";min-width:0;padding:0;display:grid}.current-player>.player-avatar{grid-area:avatar}.app-playing .current-player>.player-avatar{--portrait-size:calc(var(--player-card-height) - 2px);width:var(--portrait-size);border-radius:7px 0 0 7px;align-self:stretch;height:100%;margin:0}.app-playing .player-card-heading{grid-area:profile;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;min-width:0;padding:0 4px 0 12px;display:grid}.app-playing .player-heading-labels{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:0;display:flex}.app-playing .current-player.player-active{border-color:#b28b35;box-shadow:0 0 0 3px #b28b35}.current-players .player-turn-indicator{color:#243b2f;background:#f5d783;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;line-height:1.2}.app-playing .player-display-name{width:100%}.game-clocks{grid-area:clocks;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.game-clock{min-width:0;display:grid}.game-clocks .player-clock{align-content:center;margin:0;padding:6px;display:grid}.clock-time{color:#243b2f;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:1.3rem;font-weight:700}.clock-expired span{color:#9c4436}.clock-black .player-clock{background:#344d40;border-color:#526748}.clock-black .player-clock.clock-active{background:#405b4a;border-color:#a9ba98}.clock-black .clock-time,.current-players .clock-black .clock-stage{color:#fffdf7}.clock-black .clock-expired .clock-time,.current-players .clock-black .clock-expired .clock-stage{color:#ffb5a8}@media (orientation:landscape){.app-playing .current-players{grid-template-columns:minmax(0,1fr);grid-template-areas:"black""clocks""white";grid-template-rows:var(--player-card-height) minmax(0, 1fr) var(--player-card-height);gap:8px;height:100%;display:grid}.game-clocks{align-self:center}}@media (width<=959px),(orientation:portrait){.app .page-header{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-playing{gap:0}.app-playing .game-heading{padding-bottom:env(safe-area-inset-bottom,0px);order:1;margin:8px 0 0}.app-playing .game-actions{justify-content:center;width:100%;margin:0}.app-playing .game-clocks{align-self:stretch}}@media (width<=959px) and (orientation:landscape){.app-playing{--player-card-height:clamp(64px, 18dvh, 100px);padding:4px}.app-playing .game{grid-template-rows:minmax(0,1fr) 44px;grid-template-columns:min(100dvh - 22px,100% - 228px) minmax(220px,1fr);gap:8px;padding:6px;display:grid}.app-playing .game-layout,.app-playing .players-panel{display:contents}.app-playing .board-frame{--board-size:min(100cqw, 100cqh);grid-area:1/1/-1}.app-playing .current-players{grid-area:1/2;grid-template-areas:"clocks""black""white";grid-template-rows:64px var(--player-card-height) var(--player-card-height);align-content:space-between;gap:8px}.app-playing .game-heading{order:initial;grid-area:2/2;margin:0;padding:0}}@media (orientation:portrait){.app-playing{width:100%;height:auto;min-height:100dvh;padding:0}.app-playing .game{border:0;border-radius:0;padding:0}.app-playing .game-layout{grid-template-rows:64px var(--player-card-height) auto var(--player-card-height);flex:none}.app-playing .current-player,.app-playing .game-clocks,.app-playing .board-frame{margin-inline:4px}.app-playing .board-frame{aspect-ratio:1;--board-size:100cqw;width:calc(100% - 8px);height:auto;container-type:inline-size}.app-playing .game-heading{margin-top:auto;padding-top:8px}}