@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f3ee;--ink:#20332c;--muted:#7b8177;--green:#365e45;--line:#dedfd5;--accent:#c9dba5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a1b86c;outline-offset:3px}header{height:96px;max-width:1500px;margin:auto;padding:0 4.2%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:70px}.brand{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.2px;text-decoration:none;color:var(--ink);display:flex;align-items:center}.brandmark{font-size:34px;margin-right:10px}.brand-dot{color:#88a160}nav{display:flex;gap:34px;height:100%;align-items:center}.nav{display:inline-flex;align-items:center;justify-content:center;height:100%;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-weight:600;padding:0 2px;line-height:1.25;text-decoration:none;white-space:nowrap;flex-shrink:0}.nav.active{color:var(--ink);border-bottom:3px solid var(--green)}.header-note{margin-left:auto;font-size:11px;color:var(--muted)}i{display:inline-block;width:6px;height:6px;background:#7f9a61;border-radius:50%;margin-right:7px}main{max-width:1500px;margin:auto;padding:55px 4.2% 0;display:grid;grid-template-columns:minmax(220px,.84fr) minmax(360px,1.65fr) minmax(270px,1fr);gap:36px}.intro{padding-top:65px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#788665}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4vw,62px);line-height:1.12;letter-spacing:-2px;margin:26px 0}h1 em{color:#71824f;font-weight:400}.intro>p{font-size:13px;line-height:1.9;color:var(--muted)}.intro-note{margin-top:70px;font-size:10px;color:var(--muted)}.intro-note span{display:block;letter-spacing:4px;color:var(--ink);font-size:17px;margin-bottom:12px}.game-area{min-width:0}.player-row{display:flex;align-items:center;gap:10px;padding:0 1px 16px;height:61px}.player-row:has(.ivory-avatar){padding:16px 1px 0}.avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:25px}.ink-avatar{background:#253d33;color:#d6e0ce}.ivory-avatar{background:#e7e8dd;color:#73825b}.player-row strong{font-size:12px;display:block}.player-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.pieces-left{margin-left:auto;font-size:10px;color:var(--muted)}.clock{background:#e7e8de;padding:9px 10px;min-width:41px;text-align:center;font-variant-numeric:tabular-nums;border-radius:5px;font-size:15px}.board-wrap{background:#304638;border-radius:6px;padding:10px;box-shadow:0 12px 30px #20332c13}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);overflow:hidden;border-radius:2px}.square{position:relative;border:0;border-radius:0;padding:0;display:grid;place-items:center;aspect-ratio:1;background:#e7e8d7}.square.dark{background:#7e9474}.square.last{box-shadow:inset 0 0 0 99px #dce68b44}.square.selected{background:#b3c878}.square.target:after{content:'';width:24%;height:24%;background:#213e3880;border-radius:50%;position:absolute}.square.target:hover{background:#acc18b}.coord{position:absolute;font-size:8px;font-weight:bold;bottom:3px;right:4px;color:#4c6547}.rank{left:4px;right:auto;top:3px;bottom:auto}.dark .coord{color:#ecf0df}.piece{width:77%;height:77%;border-radius:50%;position:relative;display:grid;place-items:center;font-size:clamp(17px,2vw,28px);transition:transform .15s;pointer-events:none}.piece:after{content:'';position:absolute;inset:12%;border-radius:50%}.piece.ivory{background:linear-gradient(145deg,#fffef0,#dedfbd);border:1px solid #f8f9dc;box-shadow:0 4px 0 #b6bb96,0 6px 6px #1f392c45;color:#8c9566}.piece.ivory:after{border:1px solid #bfc5a6}.piece.ink{background:linear-gradient(145deg,#3c554a,#1d342a);border:1px solid #496053;box-shadow:0 4px 0 #14291f,0 6px 6px #1f392c55;color:#cfdfb5}.piece.ink:after{border:1px solid #5d7460}.piece.king{font-weight:bold}.selected .piece{transform:translateY(-3px)}.board-tools{display:flex;gap:18px;align-items:center;margin-top:20px;color:var(--muted)}.board-tools button{border:0;background:none;color:var(--muted);font-size:16px;padding:4px 0}.board-tools button span{font-size:10px;margin-left:3px}.board-tools>span{font-size:9px;margin-left:auto}.board-tools button:disabled{opacity:.4;cursor:default}aside{padding-top:0}.panel,.history-panel{border:1px solid var(--line);border-radius:10px;padding:23px;background:#fafaf5}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.4px;font-weight:700}.pill{font-size:8px;letter-spacing:1px;padding:5px 7px;background:#e9eddf;color:#7c8e5b;border-radius:3px}h2{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.6px;margin:23px 0 8px}.panel-copy{font-size:11px;color:var(--muted);margin:0 0 23px}.mode-picker{display:flex;gap:8px;margin-bottom:23px}.mode-picker button{flex:1;border:1px solid var(--line);background:transparent;border-radius:6px;display:flex;flex-direction:column;align-items:center;padding:12px 4px;font-size:23px;color:#7a8477;gap:7px}.mode-picker span{font-size:11px}.mode-picker .selected{background:#edf1e3;border-color:#82926a;color:var(--green)}label{font-size:10px;display:block;margin-bottom:8px;color:#6e776b}select{width:100%;background:#fafaf5;border:1px solid var(--line);border-radius:5px;padding:11px 8px;color:var(--ink);font-size:11px}.primary{background:var(--green);color:#fafbf3;border:0;border-radius:5px;padding:14px 16px;font-size:12px;font-weight:600}.panel>.primary{width:100%;text-align:left;margin:13px 0 21px;display:flex;justify-content:space-between}.primary:hover{background:#284e36}.status{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:10px;align-items:center}.status-dot{width:7px;height:7px;background:#8aa15f;border-radius:50%;flex-shrink:0}.status strong{font-size:11px;display:block}.status small{font-size:10px;color:var(--muted);display:block;margin-top:5px;line-height:1.5}.history-panel{margin-top:14px;padding:18px 22px}.history-panel .panel-title{font-size:8px}.history-panel .panel-title span+span{font-size:9px;letter-spacing:0;font-weight:400;color:var(--muted)}#history{max-height:130px;overflow:auto;margin-top:12px;font-size:11px}.empty{text-align:center;line-height:1.7;color:#939989;font-family:Georgia,serif;font-style:italic;padding:8px 0}.history-row{display:grid;grid-template-columns:25px 1fr 1fr;gap:5px;padding:7px;border-radius:4px;font-variant-numeric:tabular-nums}.history-row:nth-child(odd){background:#eeefe6}.history-row span:first-child{color:#919782}.tip{display:flex;gap:12px;padding:18px 5px;color:#828a76}.tip>span{font-size:27px}.tip p{font-size:10px;line-height:1.7;margin:0}.tip strong{display:block;font-size:11px;font-weight:500;color:#59684f;margin-bottom:3px}.bottom-note{grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:24px 0 30px;margin-top:6px}.mini-crown{width:44px;height:44px;border:1px solid #d6dbca;border-radius:50%;display:grid;place-items:center;font-size:25px;color:#83946c}.bottom-note p{margin:0;color:#8a9182;font-size:11px;line-height:1.8}.bottom-note strong{color:#5f6e55;font-size:12px;font-weight:500}.edition{margin-left:auto;color:#8c9581;font-size:9px;letter-spacing:1.5px}footer{border-top:1px solid var(--line);margin:0 4.2%;padding:22px 0;display:flex;justify-content:space-between;font-size:10px;color:#6d7a66}.muted{color:#989d91;margin-left:12px}dialog{border:1px solid var(--line);border-radius:14px;padding:35px;max-width:480px;width:calc(100% - 30px);background:var(--bg);color:var(--ink);box-shadow:0 20px 100px #152b3c33}dialog::backdrop{background:#192d246b;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:27px;color:var(--muted)}dialog li{margin:12px 0;line-height:1.6;font-size:13px}dialog ol{padding-left:20px}dialog p{color:var(--muted);font-size:12px;line-height:1.6}.confirm-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.confirm-actions>button:first-child{border:0;background:none;color:var(--green)}@media(min-width:1500px){main{padding-top:70px}}@media(max-width:1150px){main{grid-template-columns:minmax(360px,1.6fr) minmax(270px,1fr);max-width:1000px;gap:28px}.intro{grid-column:1/-1;padding-top:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.intro h1{font-size:36px;margin:0}.intro h1 br{display:none}.intro .eyebrow{max-width:95px;line-height:1.8}.intro>p{font-size:11px;margin:0}.intro-note{display:none}.header-note{display:none}header{gap:60px}.bottom-note{margin-top:0}}@media(max-width:700px){header{height:75px;padding:0 5%;justify-content:space-between;gap:10px}.brand{font-size:23px}.brandmark{font-size:29px}nav{gap:20px}.nav{font-size:12px}main{padding:25px 4% 0;display:flex;flex-direction:column;gap:22px}.intro{display:block}.intro .eyebrow{max-width:none;font-size:8px}.intro h1{font-size:36px;margin:12px 0 0}.intro>p{display:none}.game-area{width:100%;max-width:530px;margin:auto}.board-wrap{padding:8px}.piece{font-size:27px}aside{display:grid;grid-template-columns:1fr;gap:12px}.panel{padding:20px}.panel h2{margin-top:15px}.panel-copy{margin-bottom:18px}.mode-picker{margin-bottom:15px}.mode-picker button{flex-direction:row;justify-content:center}.history-panel{margin-top:0}.tip{padding:8px}.bottom-note{padding:20px 0;gap:12px}.edition{display:none}footer{font-size:9px;line-height:1.6}footer>span:last-child{display:none}.muted{margin-left:5px}}
.variant-summary{font-size:10px;color:var(--muted);line-height:1.6;margin:8px 0 18px;min-height:32px}.piece.captured{opacity:.28;box-shadow:none}.board-tools>span{max-width:95px;text-align:right;line-height:1.4}

.rating-panel{border:1px solid var(--line);border-radius:10px;background:#fafaf5;padding:20px;margin-top:14px}.text-button{border:0;background:none;color:var(--green);font-size:10px;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.text-button:disabled{opacity:.4;cursor:default}.rating-local,#ratingNote,#ratingExpected{font-size:10px;color:var(--muted);line-height:1.6}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.profile-grid select{max-width:100%;font-size:10px}.rated-toggle{display:flex;gap:8px;align-items:center;margin:10px 0}.rated-toggle input{accent-color:var(--green)}.rating-pool{border-top:1px solid var(--line);margin:14px 0 7px;padding-top:14px;font-size:8px;letter-spacing:.5px}.rating-standing{display:grid;grid-template-columns:1fr auto;gap:4px;padding:9px 0;border-bottom:1px solid #e8e9df}.rating-standing strong{font-size:11px;overflow-wrap:anywhere}.rating-standing>span{font-size:16px;font-variant-numeric:tabular-nums}.rating-standing small{grid-column:1/-1;font-size:9px;color:var(--muted)}#ratingStandings{font-size:10px;color:var(--green)}#ratingHistory p{font-size:9px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}#profileName{width:100%;font:inherit;padding:12px;border:1px solid var(--line);border-radius:5px;background:#fafaf5;color:var(--ink)}#profileError{color:#9b4936}#ratingInfo ul{padding-left:18px}#ratingInfo{max-height:85vh;overflow:auto}#ratingInfo a{color:var(--green)}

.account-button{background:var(--green);color:#fff;border:0;border-radius:5px;padding:10px 14px;white-space:nowrap;font-size:11px}.account-signin{display:inline-block;text-decoration:none;margin:12px 0}#accountDisplayName{width:100%;padding:12px;background:#fafaf5;border:1px solid var(--line);border-radius:5px;color:var(--ink);font:inherit}#accountForm{margin-top:20px}.account-card{display:flex;justify-content:space-between;gap:15px;margin-top:20px;padding:15px;background:#e9eddf;border-radius:7px}.account-card strong{overflow-wrap:anywhere}.account-sync-actions{display:flex;gap:10px;flex-wrap:wrap}.account-sync-actions button{background:transparent;color:var(--green);border:1px solid #a4b494;padding:10px;border-radius:5px;cursor:pointer}#accountMessage{padding:12px;background:#e9eddf;border-radius:5px;color:var(--ink)}#accountSignOut{font-size:12px;color:var(--green)}.account-access{font-size:10px!important;border-top:1px solid var(--line);padding-top:12px}@media(max-width:700px){header{flex-wrap:wrap;height:auto;min-height:75px;padding-top:15px;padding-bottom:15px}header .brand{font-size:21px}header nav{height:40px;gap:12px}header .nav{font-size:11px}.account-button{padding:9px;font-size:10px}}

[hidden]{display:none!important}
/* Home, setup and focused match views */
#homeView{display:block;max-width:1160px;padding:62px 5% 30px}#homeView .home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:15px 0 70px}#homeView .intro{display:block;padding:0}#homeView .intro h1{font-size:64px;line-height:1.1;margin:25px 0}#homeView .intro>p{display:block;font-size:14px}#homeView .intro-note{display:none}.home-actions{display:flex;gap:12px;margin-top:30px;align-items:center;flex-wrap:wrap}.home-actions .primary{font-size:14px;padding:16px 24px}.secondary{background:transparent;border:1px solid var(--line);border-radius:5px;padding:12px 16px;color:var(--green);font-size:12px;cursor:pointer}.secondary:hover{background:#e9eddf}.home-board{position:relative;display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;padding:9px;background:#304638;border-radius:7px;box-shadow:0 20px 50px #20332c1a;transform:rotate(-5deg)}.preview-square{aspect-ratio:1;background:#e7e8d7;display:grid;place-items:center}.preview-square.dark{background:#7e9474}.home-board-label{position:absolute;bottom:-40px;width:100%;text-align:center;font:italic 16px Georgia,serif;color:#82906b}.home-lower{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-top:30px}.home-description{font-size:14px;line-height:1.9;color:var(--muted)}.home-description strong{font:normal 24px Georgia,serif;color:var(--ink)}.home-description>span{display:block;margin-top:18px;font-size:12px}.home-lower .rating-panel{margin-top:0}#matchView{display:grid;grid-template-columns:minmax(280px,580px) 260px;gap:24px 36px;justify-content:center;max-width:1040px;padding:24px 4% 30px}.match-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:var(--muted);min-height:28px}.match-heading a{color:var(--green);text-decoration:none}.match-dot{margin:0 9px;color:#a1aa97}#matchView .game-area{width:min(100%,calc(100svh - 350px),580px);justify-self:center;margin:0}#matchView .match-sidebar{padding:56px 0 0}#matchView .status{border:0;background:#e9eddf;padding:18px;border-radius:7px;align-items:flex-start}#matchView .status strong{font-size:14px}#matchView .status small{font-size:11px;margin-top:8px}#matchView .status-dot{margin-top:5px}.match-controls{display:flex;gap:8px;margin:18px 0}.match-controls button{flex:1;font-size:11px}#matchView .history-panel{margin-top:22px;background:transparent;padding:16px}#matchView #history{max-height:200px}#matchView #ratingNote{padding:0 2px}.board-tools{flex-wrap:wrap}body[data-view=game] header{height:72px}body[data-view=game] .header-note,body[data-view=game] footer{display:none}#setupDialog{max-width:460px;max-height:90svh;overflow:auto;padding:30px}#setupDialog h2{margin:18px 0 8px;font-size:31px}.setup-intro{margin-bottom:22px}#setupDialog .mode-picker{margin-bottom:20px}#setupDialog label{font-size:11px}#setupDialog select{font-size:12px;padding:12px}#setupDialog .profile-grid{margin-top:18px}#setupDialog .rated-toggle{margin-top:15px}#setupDialog .text-button{font-size:11px}#setupDialog #startMatch{width:100%;margin-top:14px;display:flex;justify-content:space-between;font-size:13px}.setup-note{color:#627353!important;font-size:11px!important;padding:10px;background:#e9eddf;border-radius:5px}.setup-replace{color:#82674e!important;font-size:10px!important}#setupDialog #ratingExpected{font-size:10px}#setupDialog .variant-summary{min-height:0;margin-bottom:18px}
@media(max-width:900px){#homeView .home-hero{gap:45px}#homeView .intro h1{font-size:52px}.home-lower{gap:35px}#matchView{grid-template-columns:minmax(280px,520px) 220px;gap:20px}#matchView .game-area{width:min(100%,calc(100svh - 350px))}}
@media(max-width:700px){#homeView{padding:30px 6%}#homeView .home-hero{grid-template-columns:1fr;gap:42px;padding-bottom:65px}#homeView .intro h1{font-size:48px}#homeView .intro h1 br{display:none}.home-board{max-width:300px;width:75%;justify-self:center}#homeView .intro>p{font-size:12px}.home-lower{grid-template-columns:1fr;gap:15px}.home-description{margin-top:0}#matchView{display:grid;grid-template-columns:1fr;gap:16px;padding:16px 4%}#matchView .game-area{width:100%;max-width:490px;justify-self:center}.match-heading{font-size:10px;gap:8px}.match-heading>div{max-width:70%;text-align:center}.match-dot{margin:0 4px}#matchView .match-sidebar{padding:0;display:flex;flex-direction:column;gap:0;max-width:490px;width:100%;justify-self:center}#matchView .match-controls{margin:12px 0}#matchView .status{padding:14px}#matchView .history-panel{margin-top:8px}#matchView #history{max-height:100px}body[data-view=game] header{height:auto;min-height:65px}.board-tools{margin-top:14px}.match-heading{grid-column:auto}#setupDialog{padding:26px 22px}}

body[data-view=game] .account-button{margin-left:auto}
.main-header{gap:28px}.main-header .brand{flex-shrink:0}.main-header nav{gap:20px}.main-header .header-note{display:none}.main-header .account-button{margin-left:auto;flex-shrink:0}.main-header nav [hidden]{display:none!important}
.language-picker{width:auto;max-width:110px;margin:0 0 0 auto;padding:7px 9px;border:1px solid var(--line);border-radius:5px;background:#f6f6ee;color:var(--ink);font:inherit;font-size:12px;flex-shrink:0}.main-header{gap:18px}.main-header nav{gap:15px}.main-header .account-button{margin-left:auto}.main-header .language-picker{margin-left:0}.exercise-solved{display:block;color:var(--green);font-size:12px;margin-top:8px}.club-page header{flex-wrap:wrap;gap:16px}.club-page header nav{height:48px;flex:1}.club-page .language-picker{margin-left:auto}
@media(max-width:1400px){.main-header,body[data-view=game] .main-header{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 4%;gap:10px 20px}.main-header nav,body[data-view=game] .main-header nav{order:3;width:100%;height:42px;gap:22px;overflow-x:auto}.main-header .nav{font-size:12px}}

#gameOverDialog{max-width:510px;max-height:92svh;overflow:auto;text-align:center;padding:30px}.result-crown{width:56px;height:56px;border-radius:50%;background:#e4ebd7;color:var(--green);font-size:34px;display:grid;place-items:center;margin:0 auto 16px}#gameOverDialog h2{font-size:36px;margin:15px 0 7px}#gameOverReason{margin:0 0 10px}.result-meta{font-size:10px;color:var(--muted);line-height:1.6}.result-duration{display:flex;align-items:center;justify-content:space-between;background:#e9eddf;border-radius:6px;padding:13px 15px;margin-top:20px;font-size:11px}.result-duration strong{font-size:14px;font-variant-numeric:tabular-nums}.result-table{width:100%;border-collapse:collapse;margin:17px 0;text-align:left;font-size:11px;table-layout:fixed}.result-table th,.result-table td{padding:10px 7px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.result-table thead th{font-size:10px;color:var(--muted);font-weight:500}.result-table tbody th{font-weight:500}.result-table td,.result-table thead th:not(:first-child){text-align:center}.result-table td{font-variant-numeric:tabular-nums;font-weight:600}.result-table th:first-child{width:40%}.result-rating{font-size:11px!important;line-height:1.7}.result-actions{display:flex;gap:10px;margin-top:20px}.result-actions button{flex:1}.result-reopen{margin-top:12px;width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:500px){#gameOverDialog{padding:25px 18px}.result-table th,.result-table td{padding:9px 4px}}
/* Let the board use the height of the playing screen. */
body[data-view=game] header{height:48px;min-height:48px;padding:0 24px;gap:32px}body[data-view=game] .brand{font-size:23px}body[data-view=game] .brandmark{font-size:28px}body[data-view=game] .nav{font-size:11px}body[data-view=game] .account-button{padding:8px 12px}
#matchView{--game-chrome:142px;--board-side:min(calc(100dvh - var(--game-chrome)),calc(100vw - 320px));max-width:none;width:100%;grid-template-columns:var(--board-side) 240px;gap:8px 24px;padding:8px 20px 12px;align-items:start}#matchView .game-area{width:100%;max-width:none;margin:0}#matchView .board-wrap{padding:8px}#matchView .match-heading{min-height:24px;font-size:11px}#matchView .match-sidebar{padding:0;max-height:calc(100dvh - 100px);overflow:auto}#matchView .board-tools{margin-top:8px;gap:16px;min-height:28px;flex-wrap:wrap}#matchView .board-tools>span{display:none}#matchView .board-tools button{font-size:16px}#matchView .board-tools button span{font-size:10px}#matchView .piece{font-size:clamp(22px,4.8dvh,44px)}.match-players{display:grid;gap:8px;margin-bottom:14px}.match-players .player-row,.match-players .player-row:has(.ivory-avatar){height:auto;min-height:48px;padding:8px;background:#e9eddf;border-radius:6px;gap:8px}.match-players .avatar{height:30px;width:30px;flex-shrink:0}.match-players .player-row>div:nth-child(2){min-width:0}.match-players strong{overflow-wrap:anywhere}.match-players .pieces-left{font-size:9px;white-space:nowrap}.match-players .clock{font-size:17px;min-width:52px;padding:8px 6px}.match-players .player-row small{font-size:9px}.match-players .ivory-avatar{background:#f7f7e9}.match-players .ink-avatar{background:#253d33}#matchView .status{padding:14px}#matchView .history-panel{margin-top:14px}#matchView #history{max-height:160px}body.is-fullscreen[data-view=game] header{display:none}body.is-fullscreen #matchView{--game-chrome:94px}body.is-fullscreen #matchView .match-sidebar{max-height:calc(100dvh - 52px)}
@media(max-width:700px){body[data-view=game] header{height:48px;min-height:48px;padding:0 12px;gap:12px;flex-wrap:nowrap}body[data-view=game] .brand{font-size:20px}body[data-view=game] .brandmark{font-size:25px;margin-right:6px}body[data-view=game] #learnTab{display:none}body[data-view=game] nav{height:100%;gap:0}body[data-view=game] .account-button{padding:7px 9px;font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis}#matchView{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 10px 14px;max-width:640px;margin:auto}#matchView .match-heading{grid-row:1;grid-column:1;font-size:10px}#matchView .match-sidebar{display:contents;max-height:none;overflow:visible}#matchView .match-players{grid-row:2;grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0}#matchView .game-area{grid-row:3;grid-column:1;width:100%;max-width:none}#matchView .status{grid-row:4;grid-column:1;padding:10px 12px}#matchView .match-players .player-row{min-height:45px;padding:6px;gap:6px}.match-players .avatar{display:none}.match-players .pieces-left{display:none}.match-players .clock{font-size:16px;min-width:48px;margin-left:auto}.match-players .player-row strong{font-size:10px}.match-players .player-row small{font-size:8px}#matchView .match-controls{margin:0}#matchView .history-panel{margin:0}#matchView .board-tools{gap:18px;justify-content:center}#matchView .piece{font-size:clamp(20px,5vw,36px)}}
@media(max-height:520px) and (min-width:701px){#matchView{--game-chrome:126px}.match-players .player-row small{display:none}#matchView .history-panel{display:none}#matchView .status strong{font-size:12px}#matchView .status small{font-size:10px}#matchView .match-controls{margin:10px 0}}
/* Shared, readable coordinates on every interactive board. */
.board{position:relative}.board-coordinate{position:absolute;z-index:2;font-size:clamp(10px,1.05vw,14px);font-weight:700;line-height:1;color:#344e32;pointer-events:none}.board-coordinate.file{bottom:3px;right:4px}.board-coordinate.rank{top:3px;left:4px}.square.dark .board-coordinate{color:#f1f4df}.review-arrows{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.review-board-rating{position:absolute;right:10px;top:10px;z-index:6;padding:7px 12px;border-radius:18px;background:#344c40;color:white;font-size:clamp(11px,1.2vw,16px);font-weight:700;box-shadow:0 2px 9px #10261966;pointer-events:none}.review-board-rating.best{background:#27764e}.review-board-rating.good{background:#4d773b}.review-board-rating.inaccuracy{background:#997025}.review-board-rating.mistake{background:#b85621}.review-board-rating.blunder{background:#b8323b}