:root{--bs-pad:.7rem;--bs-bar:44px;--bs-gap:6px;--bs-panel:clamp(320px, 26vw, 430px);--bs-board:min(calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 2 * var(--bs-bar) - 2 * var(--bs-gap)), 1100px)}@media (min-width:901px){body:has(.gs-shell) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.online-game-room,.play-room{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad))!important}.gs-shell{justify-content:center;height:100%;grid-template-columns:minmax(0, var(--bs-board)) var(--bs-panel)!important;align-items:stretch!important;gap:1.25rem!important;max-width:none!important}.gs-board-column{justify-content:flex-start;gap:var(--bs-gap)!important}.gs-board{justify-content:flex-start!important}.gs-player{min-height:var(--bs-bar);border-radius:8px;max-width:none!important;padding:.2rem .35rem .2rem .3rem!important}.gs-avatar .profile-avatar,.gs-engine-avatar{width:32px!important;height:32px!important}.gs-clock{min-width:6ch;padding:.2rem .7rem!important;font-size:1.45rem!important}.gs-panel{height:100%;overflow:hidden auto;max-height:none!important}.gs-moves{flex:auto;max-height:none!important}}:root{--bs-trainer-chrome:112px;--bs-trainer:min(calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - var(--bs-trainer-chrome)), 1100px)}@media (min-width:901px){:is(body:has(.training-board-standard) .main,body:has(.practice-grid) .main){padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.rated-trainer-page{max-width:none!important}.puzzles-page,.endgames-page,.conversion-page,.practice-page{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad))!important;max-width:none!important}.rated-trainer-hero{min-height:0!important;padding:0 0 .45rem!important}.rated-trainer-hero h1{font-size:clamp(1.25rem,1.8vw,1.6rem)!important}.training-board-standard{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-trainer) + 1.2rem)) var(--bs-panel)!important;gap:1.25rem!important}.training-board-standard .training-board-stage{padding:.45rem .6rem .6rem!important}.coaching-board-workspace{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-trainer) + 1.2rem)) var(--bs-panel)!important}.coaching-board-workspace .analyze-room-board,.coaching-board-page{max-width:none!important}.rated-trainer-page>.rated-trainer-hero{width:min(100%, calc(var(--bs-trainer) + 1.2rem + 1.25rem + var(--bs-panel)));margin-inline:auto!important}}:root{--bs-tv-chrome:214px;--bs-tv:min(calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - var(--bs-tv-chrome)), 1000px)}@media (min-width:1151px){body:has(.play-home) .main{padding-top:var(--bs-pad)!important;max-width:none!important}.play-hub.play-home{grid-auto-flow:dense;justify-content:center;gap:1rem 1.25rem;grid-template-columns:minmax(0, calc(var(--bs-tv) + 1.6rem)) var(--bs-panel)!important;max-width:none!important}.play-home .play-hub-main{display:contents}.play-home .play-hub-main>*{grid-column:1!important}.play-home .play-hub-main>.home-greet{grid-row:1;grid-column:1/-1!important}.play-home .play-hub-main>.home-tv{grid-row:2/span 2;grid-column:1!important}.play-home .play-hub-main>.play-hub-card{grid-row:2;grid-column:2!important}.play-home>.play-hub-rail{grid-area:3/2/span 8}.play-home .home-tv{padding:.6rem .8rem}.play-home .home-tv-board{justify-content:center;display:flex}}:root{--bs-analysis-chrome:150px;--bs-analysis:min(calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - var(--bs-analysis-chrome)), 1100px);--bs-panel-wide:clamp(340px, 30vw, 520px)}@media (min-width:1001px){:is(body:has(.analysis-page) .main,body:has(.study-workspace) .main){padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.analysis-page{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad))!important}.analysis-page-header{margin-bottom:.35rem!important;padding-bottom:0!important}.analysis-page-header h1{margin:0!important;font-size:clamp(1.25rem,1.8vw,1.6rem)!important}.analysis-page-header p{display:none}.learn-board-standard{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-analysis) + 2.5rem)) var(--bs-panel-wide)!important}.analysis-grid>.learn-board-stage{max-width:none!important}}@media (min-width:1101px){:is(body:has(.review-grid) .main,body:has(.review-analyzed) .main){padding-top:var(--bs-pad)!important;max-width:none!important}.review-grid{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-analysis) + 2rem)) var(--bs-panel-wide)!important}.review-game-board{max-width:none!important}.review-analyzed{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-analysis) + 176px + 3rem)) var(--bs-panel)!important}}@media (min-width:1001px){.practice-page{max-width:none!important}.practice-grid{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-trainer) + 2rem)) var(--bs-panel)!important}}:root{--bs-watch:min(calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 160px), 1000px);--bs-utility:min(calc(100dvh - var(--app-chrome) - 220px), 900px)}@media (min-width:901px){body:has(.spectator-room) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.spectator-room{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad))!important;min-height:0!important}.spectator-room .live-board-shell{grid-template-columns:minmax(0, var(--bs-watch)) var(--bs-panel)!important;height:calc(100% - 3.2rem)!important;min-height:0!important}.spectator-room .live-board{width:min(100%, var(--bs-watch))!important;max-width:none!important}:where(.live-board-wrap,.review-game-board,.opening-book-board,.repertoire-board,.assessment-board,.solve-preview-board){max-width:var(--bs-utility)!important}.repertoire-board{width:min(100%, var(--bs-utility))!important}.public-puzzle-board{width:min(100%,100dvh - 180px)!important}}@media (max-width:900px){:is(body:has(.gs-shell) .main,body:has(.training-board-standard) .main,body:has(.spectator-room) .main){padding:0 0 1rem!important}.gs-shell{gap:.35rem!important}.gs-board-column{gap:0!important}.gs-player{min-height:42px;border-inline:0!important;border-radius:0!important;padding:.3rem .55rem!important}.gs-board{width:100vw;max-width:100%}.gs-panel{margin:0 .5rem}.gs-actions{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.gs-action{min-height:44px}.gs-nav button{min-height:40px}.training-board-standard .training-board-stage{border-inline:0!important;border-radius:0!important;padding:.3rem 0 .4rem!important}.rated-trainer-page>.rated-trainer-hero,.training-board-standard .training-board-panel{margin-inline:.6rem}.spectator-room .live-board{width:100%!important}}@media (max-width:900px) and (orientation:landscape) and (max-height:500px){.gs-board,.spectator-room .live-board{width:auto}.gs-shell{align-items:start;grid-template-columns:minmax(0,1fr) minmax(220px,40%)!important}}[data-piece][style*=grab]{touch-action:none}[data-boardid]{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (min-width:901px){body:has(.master-game-page,.classical-game-page,.analyze-page,.study-workspace,.coaching-board-page) .main{padding-top:var(--bs-pad)!important;max-width:none!important}.master-game-page,.master-game-card,.classical-game-page,.analyze-page,.study-workspace,.coaching-board-page{max-width:none!important}.master-game-card{width:min(100%, calc(var(--bs-analysis) + var(--bs-panel) + 4rem));margin-inline:auto!important}.review-game-board{max-width:none!important}.review-game-shell .review-game-board{justify-content:center;grid-template-columns:minmax(0, var(--bs-analysis)) minmax(260px, var(--bs-panel))!important}.analyze-room{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-analysis) + 2.5rem)) var(--bs-panel)!important;max-width:none!important}}@media (min-width:1001px){body:has(.oe-page) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.oe-page{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad))!important;gap:.5rem!important;min-height:0!important}.oe-hero{align-items:center!important;gap:1.25rem!important;margin:0!important;padding:0!important}.oe-hero .page-eyebrow{display:none}.oe-hero h1{margin:0!important;font-size:clamp(1.2rem,1.7vw,1.5rem)!important}.oe-source-strip{border-radius:999px!important;padding:.25rem!important}.oe-workspace.learn-board-standard{grid-template-columns:minmax(0, calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 160px)) minmax(480px, 1fr)!important}.oe-board-panel{align-items:center!important}.oe-board,.oe-notice,.oe-board-top,.oe-history{width:min(100%, var(--oe-board,560px))!important}body:has(.classical-game-page) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important}.classical-reader-head{gap:1rem;align-items:center!important;margin-bottom:.4rem!important}.classical-reader-head .page-eyebrow{display:none}.classical-reader-head h1{line-height:1.2;margin:0!important;font-size:clamp(1.15rem,1.6vw,1.5rem)!important}.classical-viewer{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 2.6rem)!important}.classical-viewer.learn-board-standard{grid-template-columns:minmax(0, calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 2.6rem - 92px + 2rem)) var(--bs-panel-wide)!important}.classical-board-stage{background:0 0!important;border:0!important;padding:0!important}:is(.master-game-head,.review-page-header,.analysis-page-header,.study-workspace-head,.oe-hero,.coaching-board-hero) h1{margin:0!important;font-size:clamp(1.15rem,1.6vw,1.5rem)!important}:is(.master-game-head,.review-page-header,.oe-hero,.coaching-board-hero){margin-bottom:.4rem!important;padding-top:0!important;padding-bottom:.4rem!important}:is(.master-game-head,.review-page-header,.oe-hero,.coaching-board-hero) p{display:none}}:root{--bs-practice:min(calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 196px), 1000px)}@media (min-width:1001px){body:has(.practice-shell) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.practice-page{flex-direction:column;display:flex}.practice-hero{width:min(100%, calc(var(--bs-practice) + 2.5rem + 1.25rem + var(--bs-panel)));margin-inline:auto;border-bottom:0!important;align-items:center!important;padding:0 0 .45rem!important}.practice-hero h1{font-size:clamp(1.2rem,1.7vw,1.5rem)!important}.practice-stats{gap:.4rem!important}.practice-stat{background:rgba(var(--surface-rgb), .7);border-radius:999px;align-items:baseline;gap:.35rem;border:1px solid var(--border)!important;min-width:0!important;padding:.3rem .7rem!important;display:flex!important}.practice-stat strong{font-size:1rem!important;display:inline!important}.practice-stat span,.practice-stat small{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-size:.62rem}.practice-shell{width:min(100%, calc(var(--bs-practice) + 2.5rem + 1.25rem + var(--bs-panel)));margin-inline:auto}.practice-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(var(--surface-rgb), .6)!important;border-radius:999px!important;min-height:0!important;margin:0 0 .5rem!important;padding:.25rem .5rem!important}.practice-grid{justify-content:center;grid-template-columns:minmax(0, calc(var(--bs-practice) + 2.5rem)) var(--bs-panel)!important;gap:1.25rem!important}.practice-board-column{padding:.5rem .6rem .6rem!important}.practice-board{width:100%!important;max-width:none!important}}.analyze-palette{flex-wrap:wrap;align-items:flex-end;max-width:none!important;width:min(100%, var(--analyze-board,100%))!important;flex-direction:row!important;gap:.5rem 1rem!important}.palette-group{flex:200px}.palette-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:.3rem!important}.palette-piece{height:44px;transition:transform .12s,border-color .12s,background .12s;aspect-ratio:auto!important;background:var(--surface-2)!important;border-color:var(--border)!important;padding:3px!important}.palette-piece:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb), .6)!important}.palette-piece.active{background:rgba(var(--accent-rgb), .22)!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb), .45)!important}.palette-piece .pimg{object-fit:contain;pointer-events:none;width:100%;height:100%}.palette-erase{height:44px;align-self:flex-end!important}.analyze-hint{margin:.2rem 0 0;font-size:.78rem}@media (min-width:1001px){.analyze-page{padding:0!important}body:has(.analyze-setup) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}.analyze-setup.learn-board-standard{height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad))!important;grid-template-columns:minmax(0, calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 104px)) var(--bs-panel-wide)!important}.analyze-setup-board{gap:.5rem!important;max-width:none!important}body:has(.analyze-room) .main{padding-top:var(--bs-pad)!important;padding-bottom:var(--bs-pad)!important;max-width:none!important}:is(.analyze-page:has(>.analyze-room),.coaching-board-page){height:calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad));flex-direction:column;min-height:0;display:flex;overflow:hidden}.analyze-room{flex:auto;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden;grid-template-columns:minmax(0, calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 84px)) var(--bs-panel-wide)!important;align-items:stretch!important;gap:1.25rem!important;margin:0 auto!important}.coaching-board-page .analyze-room{grid-template-columns:minmax(0, calc(100dvh - var(--app-chrome) - 2 * var(--bs-pad) - 150px)) var(--bs-panel-wide)!important}.coaching-board-hero{flex:none}.analyze-room-board{min-height:0;overflow:hidden}.analyze-room-panel{scrollbar-gutter:stable;min-height:0;max-height:100%;overflow-y:auto}}@media (min-width:1101px){.review-grid{align-items:start;grid-template-columns:minmax(0, calc(var(--bs-analysis) + 300px + 3rem)) minmax(320px, var(--bs-panel))!important;gap:1rem!important}.review-grid .review-board.card{padding:.9rem!important}.review-grid .review-game-shell .review-game-board{gap:.9rem;grid-template-columns:minmax(0,1fr)!important}.review-grid .review-board-main{align-items:stretch}.review-grid .review-move-list{max-height:calc(var(--bs-analysis) - 150px)!important}}@container (min-width:760px){.review-grid .review-game-shell .review-game-board{grid-template-columns:minmax(0, var(--bs-analysis)) minmax(240px, 300px)!important}}@media (max-width:900px){html,body{overflow-x:clip}.main [data-fullboard],.main :is(.live-board,.repertoire-board,.assessment-board){box-sizing:border-box!important;border-inline-width:0!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;margin-inline:calc(50% - 50vw)!important;padding-inline:0!important}.main [data-fullboard]>[data-boardid],.main [data-fullboard] [data-boardid]{max-width:100vw!important}body:not(:has(.gs-shell)) .main :has(>[data-fullboard],>:is(.live-board,.repertoire-board,.assessment-board)){overflow:visible!important}body:not(:has(.gs-shell)) .main :has([data-fullboard]){overflow-x:visible!important}.main :is(.card,.review-board-card,.ab-left,.learn-board-stage,.oe-board-panel,.training-board-stage,.practice-board,.pz-board,.endgame-board-wrap,.conversion-board,.analyze-room-board,.opening-reader-board,.repertoire-board-card):has([data-fullboard]){background-clip:padding-box;box-shadow:none!important;border-inline-width:0!important;border-radius:0!important}:is(.master-game-head,.review-page-header,.analysis-page-header,.study-workspace-head,.oe-hero,.coaching-board-hero,.classical-reader-head,.practice-hero,.rated-trainer-hero,.page-header):has(~* [data-fullboard],~[data-fullboard]) h1{margin:.1rem 0!important;font-size:1.2rem!important;line-height:1.25!important}body:has([data-fullboard]) :is(.master-game-head,.review-page-header,.analysis-page-header,.study-workspace-head,.oe-hero,.coaching-board-hero,.classical-reader-head,.practice-hero,.rated-trainer-hero) h1{margin:.1rem 0!important;font-size:1.2rem!important;line-height:1.25!important}body:has([data-fullboard]) :is(.master-game-head,.review-page-header,.analysis-page-header,.oe-hero,.coaching-board-hero,.classical-reader-head,.practice-hero)>p{display:none!important}body:has([data-fullboard]) :is(.oe-hero,.classical-reader-head) .page-eyebrow{display:none!important}body:has([data-fullboard]) .review-page-header{gap:.5rem!important;margin-bottom:.5rem!important}body:has([data-fullboard]) .review-page-header .btn{min-height:38px;padding:.45rem .8rem;font-size:.82rem}.review-grid{grid-template-columns:minmax(0,1fr)!important;gap:.75rem!important}.review-grid .review-game-shell .review-game-board{grid-template-columns:minmax(0,1fr)!important}.review-grid .review-board{position:static!important}}
