.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;--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 * var(--scale)), calc(100dvh - 44px - 64px - 30px - 46px - 16px - 180px - 49px - 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:164px;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] .ct-coach [data-ct=starters],.ct-app[data-tab=play] .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(100dvh - 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(100dvh - 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){.ct-app{--board:max(200px, min(calc(100dvh - 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(100dvh - 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}}.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-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}}