.variation-moves{min-width:0;color:var(--ink,#f2edf7)}.variation-heading,.variation-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.variation-heading{font-size:.85rem}.variation-lines{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:230px;margin-block:.2rem;overflow:auto}.variation-line{border-left:2px solid #0000;flex-wrap:wrap;align-items:center;gap:0;padding-block:1px;display:flex}.variation-main{font-weight:600}.variation-side{color:#d6d0e3;border-left-color:#655b77;padding-left:.2rem}.variation-side.variation-line-active{border-left-color:#afe8d5}.variation-line-current{background:#ffffff07}.variation-depth{color:#c0b9cf;font-size:.8rem}.variation-moves :is(.variation-line,.variation-heading)>button.variation-move{min-width:28px;min-height:28px;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;padding:2px 5px;font-size:.85rem;line-height:1.35}.variation-number{color:#b5adc7;font-variant-numeric:tabular-nums;font-weight:400}.variation-nag{margin-left:2px}.variation-comment{color:#afe8d5}.variation-moves button.variation-move:hover{background:#3a354e}.variation-moves button.variation-move[aria-current],.variation-moves button.variation-move[aria-current]:hover{color:#132c28;background:#afe8d5;border-color:#afe8d5;font-weight:700}.variation-move[aria-current] :is(.variation-number,.variation-comment){color:inherit}.variation-moves :focus-visible{outline-offset:2px;outline:2px solid #93d9ff}.variation-moves .variation-tools summary{cursor:pointer;overflow-wrap:anywhere;min-height:28px;padding-block:3px;font-size:.8rem}.variation-actions button{color:#f2edf7;max-width:100%;min-height:44px;font:inherit;white-space:normal;cursor:pointer;background:#2b283d;border:1px solid #615a79;border-radius:6px;padding:7px 9px;font-size:.8rem}.variation-actions button:disabled{opacity:.5;cursor:default}.variation-confirm p{margin-block:.5rem;font-size:.8rem;line-height:1.5}.studio-moves:has(.variation-moves){display:block;overflow:auto}.studio-moves .variation-lines{max-height:none;overflow:visible}@media (pointer:coarse){.variation-moves :is(.variation-line,.variation-heading)>button.variation-move{min-width:44px;min-height:44px;padding-inline:6px}.variation-moves .variation-tools summary{min-height:44px}}@media (width>=900px) and (height<=700px){.ex-app .variation-lines{max-height:156px}}.variation-moves.variation-has-branches>.variation-heading{z-index:2;background:var(--surface-base,#17132f);position:sticky;top:0}.variation-moves .variation-view{flex:1;justify-content:flex-end;gap:2px;min-width:0;display:flex}.variation-moves .variation-heading .variation-view>button{min-width:44px;min-height:32px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 6px;font-size:12px;line-height:1.25}.variation-moves .variation-heading .variation-view>button:hover{background:#ffffff0a;border-color:#8e859f}.variation-moves .variation-heading .variation-view>button[aria-pressed=true],.variation-moves .variation-heading .variation-view>button[aria-pressed=true]:hover{color:#d8fff0;background:#203e39;border-color:#87cbb7}.variation-moves .variation-heading .variation-view>button:disabled{opacity:.5;cursor:default}@media (pointer:coarse){.variation-moves .variation-heading .variation-view>button{min-height:44px}}@media (width>=560px) and (width<=700px) and (height<=480px){.ex-app .ex-moves-scroll>.variation-moves.variation-has-branches{grid-template-columns:max-content minmax(0,1fr);column-gap:8px;display:grid}.ex-app .ex-moves-scroll>.variation-moves.variation-has-branches>.variation-heading{flex-wrap:nowrap;grid-area:1/1;align-self:start}.ex-app .ex-moves-scroll>.variation-moves.variation-has-branches .variation-view>button{white-space:nowrap}.ex-app .ex-moves-scroll>.variation-moves.variation-has-branches>.variation-lines{grid-area:1/2;min-width:0}.ex-app .ex-moves-scroll>.variation-moves.variation-has-branches>.variation-tools{grid-column:2;min-width:0}}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close){--close-size:32px;--close-hit-inset:-7px;box-sizing:border-box;width:var(--close-size);height:var(--close-size);min-width:var(--close-size);min-height:var(--close-size);color:#f4f2fc;box-shadow:none;text-indent:0;cursor:pointer;background:#202039;border:1px solid #666187;border-radius:50%;flex:none;place-items:center;padding:0;font-size:0;line-height:1;transition:background-color .12s,border-color .12s;display:grid;overflow:visible;transform:none}html[data-product=deepsquare] body button:is(.hint-dismiss,.research-dismiss){--close-size:28px;--close-hit-inset:-9px}html[data-product=deepsquare] body .research-dismiss{top:8px;right:8px}html[data-product=deepsquare] .ds-analytics-actions{margin-right:40px;position:static}html[data-product=deepsquare] .ds-analytics-copy{padding-right:32px}html[data-product=deepsquare] .ds-analytics-actions .ds-analytics-close{top:12px;right:12px}html[data-product=deepsquare] .opponent-info-heading .dialog-close{position:relative}@media (width<=760px){html[data-product=deepsquare] .ds-analytics-actions{margin-right:0}}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close):before{content:"";inset:var(--close-hit-inset);background:0 0;border:0;border-radius:50%;width:auto;height:auto;position:absolute;transform:none}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close):after{content:"";pointer-events:none;background:currentColor;width:14px;height:14px;margin:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 3 11 11M11 3 3 11' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 3 11 11M11 3 3 11' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}html[data-product=deepsquare] body .focus-exit>svg{display:none}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close):hover:not(:disabled){background:#30304d;border-color:#b7acd9;transform:none}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close):focus-visible{outline-offset:3px;outline:2px solid #8bd2ff}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close):disabled{cursor:default}@media (forced-colors:active){html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close){color:buttontext;background:buttonface;border-color:buttontext}html[data-product=deepsquare] body button:is(.dialog-close,.focus-exit,.hint-dismiss,.research-dismiss,.ds-fb-close,.ds-analytics-close):after{forced-color-adjust:none}}
