.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}html[data-ct-insets=off] .ct-app{--safe-top:0px;--safe-bottom:0px;--vh:var(--ct-vh,100dvh);padding-left:0;padding-right:0}.ct-app{--board:var(--board-space)}@supports (width:round(down, 10px, 8px)){.ct-app{--board:calc(round(down, var(--board-space) * var(--ct-dpr,1), 8px) / var(--ct-dpr,1) + .02px)}}.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,.ct-ideas-grip{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<=359px){[data-ct~=wcc-side]>*{display:none!important}}@media (width<=699px) and (orientation:portrait),(width<=699px) and (height>=560px){.ct-app{--beside:49px;--rows:30px;--study:0px;--board-space:min(calc((100vw - 10px - var(--beside)) * var(--scale)), calc(var(--vh) - 44px - 64px - var(--rows) - 13px - 120px - 49px - var(--study) - var(--safe-top) - var(--safe-bottom)))}.ct-app[data-chat="0"][data-line=on]{--beside:53px}.ct-app[data-chat="1"]{--beside:134px;--rows:0px}.ct-app[data-study=on]{--study:40px}.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{background:var(--panel);border:1px solid var(--edge);border-radius:12px;flex:auto;order:2;margin:6px 5px 5px;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{position:relative}.ct-app[data-tab=play]:not([data-chat="1"]) .ct-coach [data-ct=starters],.ct-app[data-tab=play]:not([data-chat="1"]) .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}}[data-ct~=tools][data-ct~=beside]{display:none!important}@media (width<=699px) and (orientation:portrait),(width<=699px) and (height>=560px){[data-ct~=beside-row]{flex-direction:row!important;justify-content:center!important}.ct-app[data-chat="0"] [data-ct~=tools][data-ct~=beside]{display:flex!important}.ct-app[data-chat="0"] [data-ct~=bar][data-ct~=player],.ct-app[data-chat="0"] [data-ct~=moves-row]{width:calc(var(--board) + var(--beside))}.ct-app[data-chat="0"] [data-ct~=tools][data-ct~=beside]{width:var(--beside)!important;padding-left:calc(var(--beside) - 44px)!important}.ct-app:not([data-chat="1"]) [data-ct~=sidebar],.ct-app[data-chat="1"] [data-ct~=moves-row],[data-ct~=moves-row][data-ct~=empty]{display:none!important}.ct-app[data-chat="1"] [data-ct~=beside-row]{gap:6px;padding:0 5px;justify-content:flex-start!important}.ct-app[data-chat="1"] [data-ct~=bar][data-ct~=player]{align-self:stretch;width:auto;margin:0 5px}[data-ct~=sidebar]{height:var(--board)}}@media (width>=700px),(width<=699px) and (orientation:landscape) and (height<=559px){.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:1 1 0;min-height:220px}.ct-ideas{flex:none;max-height:calc(30% + 56px);overflow-y:auto}.ct-ideas[data-sized]{flex:0 0 var(--ideas-h);max-height:max(96px,100% - 452px)}.ct-ideas-grip{z-index:2;cursor:ns-resize;touch-action:none;outline:none;flex:0 0 18px;justify-content:center;align-items:center;margin:-12px 0 -18px;display:flex;position:relative}.ct-ideas-grip:after{content:"";background:var(--ct-dim);border-radius:3px;width:40px;height:5px}.ct-ideas-grip:hover:after{background:var(--ct-muted)}.ct-ideas-grip:focus-visible:after{outline:2px solid var(--ct-accent);outline-offset:2px}.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 (width<=1179px),(width<=699px) and (orientation:landscape) and (height<=559px){.ct-app{--side:clamp(250px, 30vw, 360px);--board-space:max(280px, min(calc(100vw - 32px - var(--gap) - var(--side) - var(--eval)), calc(var(--vh) - var(--top) - 2 * var(--bar) - var(--ctrl) - 40px - 180px - var(--safe-top) - var(--safe-bottom))))}.ct-main{grid-template-columns:calc(var(--board) + var(--eval)) minmax(0, 480px);gap:12px var(--gap);padding:12px 16px calc(var(--gap) + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"center side""coach side";justify-content:center;display:grid}.ct-center{grid-area:center}.ct-coach{grid-area:coach}.ct-side{contain:size;grid-area:side;min-height:0}}@media (width>=700px) and (width<=1179px) and (height<=559px) and (pointer:coarse),(width<=699px) and (orientation:landscape) and (height<=559px){.ct-app{--pane:clamp(300px, 36vw, 420px);--board-space: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) - 49px)))}.ct-top{display:none}.ct-main{grid-template-columns:calc(var(--board) + var(--eval) + 49px) var(--pane);gap:10px var(--gap);padding:8px var(--gap) calc(8px + var(--safe-bottom));grid-template-rows:auto minmax(0,1fr);grid-template-areas:"center tabs""center pane"}.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}[data-ct~=nav]{display:none!important}[data-ct~=gear]{display:flex!important}.ct-center{padding-left:0}[data-ct~=beside-row]{gap:var(--eval);flex-direction:row-reverse!important;justify-content:center!important}[data-ct~=tools][data-ct~=beside]{display:flex!important}[data-ct~=bar][data-ct~=player]{width:var(--board);align-self:flex-end!important}[data-ct~=game-new]{display:none!important}.ct-side{overflow-y:auto}.ct-game{flex-shrink:0;min-height:560px}}@media (width>=1180px){.ct-app{--board-space: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>=700px) and (width<=1179px) and (hover:hover) and (pointer:fine){.ct-app{--vh:max(100dvh, 664px)}}.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}[data-ct~=composer] textarea{height:52px}@supports (field-sizing:content){[data-ct~=composer] textarea{field-sizing:content;height:auto}}@media (width<=699px) and (orientation:portrait),(width<=699px) and (height>=560px){.ct-app[data-tab=coach] .ct-coach [data-ct~=composer]{border-radius:0}}.ct-coach{transition:opacity .28s}html[data-ct-veil] .ct-coach{opacity:0;visibility:hidden}@media (prefers-reduced-motion:reduce){.ct-coach{transition:none}}.ct-welcome{display:none}html[data-ct-hello] .ct-welcome{z-index:5;pointer-events:none;height:0;min-height:0;display:block;position:relative}.ct-welcome-at{position:absolute;top:10px;left:10px;right:10px}@media (width<=699px) and (orientation:portrait),(width<=699px) and (height>=560px){.ct-welcome{flex:0 0 0;order:2;margin:0 5px}.ct-welcome-at{top:16px}.ct-app:not([data-tab=play]) .ct-welcome{display:none}}@media (width>=700px),(width<=699px) and (orientation:landscape) and (height<=559px){.ct-welcome{grid-area:coach;align-self:start}}@media (width>=700px) and (width<=1179px) and (height<=559px) and (pointer:coarse),(width<=699px) and (orientation:landscape) and (height<=559px){.ct-welcome{grid-area:pane}.ct-app[data-pane=game] .ct-welcome{display:none}}html:not([data-ct-hello=back]) [data-ct~=hello-back],html:not([data-ct-hello=again]) [data-ct~=hello-again],html[data-ct-hello=back] [data-ct~=hello-new],html[data-ct-hello=again] [data-ct~=hello-new],html:not([data-ct-lang=hi]) [data-ct~=lang-hi],html[data-ct-lang=hi] [data-ct~=lang-en]{display:none!important}@keyframes ct-welcome-face{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes ct-welcome-bubble{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}[data-ct~=welcome-face]{animation:.42s cubic-bezier(.34,1.56,.64,1) .8s backwards ct-welcome-face}[data-ct~=welcome-bubble]{animation:.36s ease-out .92s backwards ct-welcome-bubble}[data-ct=grabber]{display:none!important}@media (width<=699px) and (orientation:portrait),(width<=699px) and (height>=560px){.ct-app[data-tab=play] [data-ct=grabber]{display:flex!important}[data-only]:not([data-only~=phone]){display:none!important}}@media (width>=700px) and (width<=1179px) and (height>=560px),(width>=700px) and (width<=1179px) and (pointer:fine),(width>=700px) and (width<=1179px) and (pointer:none){[data-only]:not([data-only~=stack]){display:none!important}}@media (width>=700px) and (width<=1179px) and (height<=559px) and (pointer:coarse),(width<=699px) and (orientation:landscape) and (height<=559px){[data-only]:not([data-only~=split]){display:none!important}}@media (width>=1180px){[data-only]:not([data-only~=wide]){display:none!important}}@keyframes ct-ideas-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}[data-ct~=ideas-in]>*{animation:.32s ease-out backwards ct-ideas-in}[data-ct~=ideas-in]>:nth-child(2){animation-delay:60ms}[data-ct~=ideas-in]>:nth-child(3){animation-delay:.12s}[data-ct~=ideas-in]>:nth-child(n+4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){[data-ct~=ideas-in]>*{animation:none}}@media (width>=700px) and (height>=700px){.ct-ideas:not([data-sized]){min-height:min(246px,40%)}}@keyframes ct-skeleton{50%{opacity:.55}}[data-ct~=skeleton]{animation:1.4s ease-in-out infinite ct-skeleton}@media (prefers-reduced-motion:reduce){[data-ct~=skeleton]{animation:none}}