.ct-app{--bg:var(--ct-bg);--panel:var(--ct-panel);--hairline:var(--ct-hairline);--edge:var(--ct-edge);--top:52px;--bar:32px;--ctrl:48px;--gap:16px;--eval:32px;--scale:1;--vh:100dvh;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);padding:var(--safe-top) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.ct-app[data-scale=s]{--scale:.8}.ct-app[data-scale=m]{--scale:.9}.ct-top{flex:none;order:0}.ct-main{flex:auto;order:1;min-height:0}.ct-settings{order:2;display:none}.ct-tabs{flex:none;order:3;display:none}.ct-coach,.ct-center,.ct-side,.ct-game,.ct-ideas,.ct-panetabs,.ct-settings-sheet{flex-direction:column;min-width:0;min-height:0;display:flex}.ct-panetabs{display:none}[data-ct=board]{width:var(--board);height:var(--board);flex:none}[data-ct~=bar]{width:var(--board)}[data-ct~=gear]{display:none!important}[data-ct=eval]{height:var(--board)}@media (width<=699px){.ct-app{--board:min(calc((100vw - 10px) * var(--scale)), calc(var(--vh) - 44px - 64px - 30px - 46px - 16px - 120px - 49px - var(--safe-top) - var(--safe-bottom)))}.ct-app[data-study=on]{--board:min(calc((100vw - 10px) * var(--scale)), calc(var(--vh) - 44px - 64px - 30px - 46px - 16px - 120px - 49px - 40px - var(--safe-top) - var(--safe-bottom)))}.ct-main{flex-direction:column;display:flex}.ct-center{flex:none;order:1}.ct-coach{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex:auto;order:2;min-height:109px;margin:6px 5px 5px;overflow:hidden}.ct-side{flex:auto;order:2;overflow-y:auto}.ct-game{display:none}.ct-tabs{padding-bottom:var(--safe-bottom);display:block}.ct-app:not([data-tab=play]):not([data-tab=idea]) .ct-top,.ct-app:not([data-tab=play]):not([data-tab=idea]) .ct-center,.ct-app:not([data-tab=play]):not([data-tab=coach]) .ct-coach,.ct-app:not([data-tab=idea]) .ct-side{display:none}.ct-app[data-tab=coach] .ct-coach{background:var(--bg);border:0;border-radius:0;margin:0}.ct-app[data-tab=play][data-chat=big],.ct-app[data-tab=idea][data-chat=big]{--board:calc((100vw - 18px) / 2)}[data-ct=mini-moves]{height:var(--board)}.ct-app[data-tab=play] .ct-coach{position:relative}.ct-app[data-tab=play]:not([data-chat=big]) .ct-coach [data-ct=starters],.ct-app[data-tab=play]:not([data-chat=big]) .ct-coach [data-ct~=empty],.ct-app[data-tab=settings] .ct-main{display:none}.ct-app[data-tab=settings] .ct-settings{flex:auto;min-height:0;display:flex}.ct-settings-sheet{flex:auto}}@media (width>=700px){.ct-coach,.ct-game,.ct-ideas{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.ct-side{gap:12px}.ct-game{flex:auto;min-height:220px}.ct-ideas{flex:0 auto;max-height:55%;overflow-y:auto}.ct-center{padding-left:var(--eval)}.ct-settings{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:32px;position:fixed;inset:0}.ct-app[data-settings=open] .ct-settings{display:flex}.ct-settings-sheet{background:var(--bg);border:1px solid var(--hairline);border-radius:14px;width:min(640px,100%);height:min(860px,100%);overflow:hidden;box-shadow:0 24px 80px #00000080}}@media (width>=700px) and (orientation:portrait){.ct-app{--lower:max(340px, 32dvh);--board:max(280px, min(calc(100vw - 48px - var(--eval)), calc(var(--vh) - var(--top) - 2 * var(--bar) - var(--ctrl) - 24px - var(--lower) - var(--safe-top) - var(--safe-bottom))))}.ct-main{gap:12px var(--gap);padding:12px 24px calc(var(--gap) + var(--safe-bottom));grid-template:"center center""coach side"minmax(0,1fr)/minmax(0,1fr) minmax(0,1fr);display:grid}.ct-center{grid-area:center;align-items:center;padding-left:0}.ct-center>*{transform:translateX(calc(var(--eval) / 2))}.ct-coach{grid-area:coach}.ct-side{grid-area:side;overflow-y:auto}.ct-game{flex:none}.ct-ideas{flex:none;max-height:none;overflow:visible}}@media (width>=700px) and (width<=1179px) and (orientation:landscape){.ct-app{--pane:clamp(300px, 36vw, 420px);--board:max(240px, min(calc(var(--vh) - var(--top) - 2 * var(--bar) - var(--ctrl) - 2 * var(--gap) - var(--safe-top) - var(--safe-bottom)), calc(100vw - var(--pane) - 3 * var(--gap) - var(--eval))))}.ct-main{grid-template-columns:calc(var(--board) + var(--eval)) var(--pane);gap:10px var(--gap);padding:var(--gap) var(--gap) calc(var(--gap) + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"center tabs""center pane";justify-content:center;display:grid}.ct-center{grid-area:center}.ct-panetabs{grid-area:tabs;display:flex}.ct-coach,.ct-side{grid-area:pane}.ct-app[data-pane=coach] .ct-side,.ct-app[data-pane=game] .ct-coach{display:none}}@media (width>=700px) and (width<=1179px) and (orientation:landscape) and (height<=559px) and (pointer:coarse){.ct-app{--board:max(200px, min(calc(var(--vh) - 2 * var(--bar) - 16px - var(--safe-top) - var(--safe-bottom)), calc(100vw - var(--pane) - 3 * var(--gap) - var(--eval))))}.ct-top{display:none}.ct-main{padding-top:8px;padding-bottom:calc(8px + var(--safe-bottom))}[data-ct~=nav]{display:none!important}[data-ct~=gear]{display:flex!important}}@media (width>=1180px) and (orientation:landscape){.ct-app{--board:max(320px, min(1100px, calc(var(--vh) - var(--top) - 2 * var(--bar) - var(--ctrl) - 2 * var(--gap) - var(--safe-top) - var(--safe-bottom)), calc(100vw - 2 * 280px - 4 * var(--gap) - var(--eval))))}.ct-main{grid-template-columns:minmax(280px, 480px) calc(var(--board) + var(--eval)) minmax(280px, 480px);column-gap:var(--gap);padding:var(--gap) var(--gap) calc(var(--gap) + var(--safe-bottom));grid-template-rows:minmax(0,1fr);grid-template-areas:"coach center side";justify-content:center;display:grid}.ct-coach{grid-area:coach}.ct-center{grid-area:center}.ct-side{grid-area:side}}@media (width>=700px) and (hover:hover) and (pointer:fine){.ct-app{--vh:max(100dvh, 600px);overflow-y:auto}.ct-main{box-sizing:border-box;height:calc(var(--vh) - var(--top) - var(--safe-top));flex:none}}@media (width<=699px) and (hover:hover) and (pointer:fine){.ct-app{--vh:max(100dvh, 640px);overflow-y:auto}.ct-app[data-tab=play] .ct-main,.ct-app[data-tab=idea] .ct-main{box-sizing:border-box;height:calc(var(--vh) - 44px - 49px - var(--safe-top) - var(--safe-bottom));flex:none}}.ct-app textarea:focus-visible{outline:none}[data-ct~=composer]:focus-within{box-shadow:inset 0 0 0 2px var(--ct-accent)}.ct-coach [data-ct~=composer]{border-radius:0 0 11px 11px}@media (width<=699px){.ct-app[data-tab=coach] .ct-coach [data-ct~=composer]{border-radius:0}}[data-ct=grabber]{display:none!important}@media (width<=699px){.ct-app[data-tab=play] [data-ct=grabber]{display:flex!important}[data-only]:not([data-only~=phone]){display:none!important}}@media (width>=700px) and (orientation:portrait){[data-only]:not([data-only~=stack]){display:none!important}}@media (width>=700px) and (width<=1179px) and (orientation:landscape){[data-only]:not([data-only~=split]){display:none!important}}@media (width>=1180px) and (orientation:landscape){[data-only]:not([data-only~=wide]){display:none!important}}@media (width>=700px) and (orientation:landscape){.ct-app[data-ideas=open] .ct-game{flex:0 40%;min-height:160px}.ct-app[data-ideas=open] .ct-ideas{flex:auto;max-height:none}}