.cg-wrap{box-sizing:content-box;position:relative;display:block}cg-container{position:absolute;width:100%;height:100%;display:block;top:0}cg-board{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:0;background-size:cover}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{position:absolute;top:0;left:0;width:12.5%;height:12.5%;pointer-events:none}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;background-size:cover;z-index:2;will-change:transform;pointer-events:none}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{overflow:hidden;position:relative;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:.6}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{overflow:visible;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{overflow:hidden;opacity:.6;z-index:2}.cg-wrap .cg-shapes-below{overflow:hidden;z-index:1}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below svg{overflow:visible}.cg-wrap coords{position:absolute;display:flex;pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px}.cg-wrap coords.ranks{left:4px;top:-20px;flex-flow:column-reverse;height:100%;width:12px}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords.ranks.left{left:-15px;align-items:flex-end}.cg-wrap coords.files{bottom:-4px;left:24px;flex-flow:row;width:100%;height:16px;text-transform:uppercase;text-align:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:1 1 auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.cg-wrap coords.squares{bottom:0;left:0;text-transform:uppercase;text-align:right;flex-flow:column-reverse;height:100%;width:12.5%}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{margin:var(--space-0);padding:var(--space-0);box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg-primary);color:var(--color-fg-primary);font-family:var(--type-family-ui);-webkit-font-smoothing:antialiased}}@layer components{.ui-app-status{font-size:var(--type-role-app-status-size);justify-content:center;align-items:center;min-height:100%;display:flex}.ui-app-status-loading{color:var(--color-fg-secondary)}.ui-app-status-error{color:var(--color-accent-danger)}.ui-app-shell{background:linear-gradient(180deg,var(--color-bg-panel)0%,var(--color-bg-primary)65%);width:100%;min-height:100%}@supports (color:color-mix(in lab,red,red)){.ui-app-shell{background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-panel)14%,var(--color-bg-primary))0%,var(--color-bg-primary)65%)}}.ui-app-layout{grid-template:"header""board"minmax(0,1fr)"actions"/minmax(0,1fr);width:100%;min-height:100dvh;display:grid;position:relative}.ui-layout-header{-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:var(--color-bg-panel);align-items:center}@supports (color:color-mix(in lab,red,red)){.ui-layout-header{background:color-mix(in srgb,var(--color-bg-panel)92%,transparent)}}.ui-layout-header{border-bottom:var(--border-width-1)solid var(--color-border-default);gap:var(--space-4);padding:var(--space-4)var(--space-6);z-index:4;grid-area:header;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:relative}.ui-header-logo{color:var(--color-fg-muted);font-size:var(--type-role-brand-size);font-weight:var(--type-role-brand-weight);letter-spacing:var(--type-role-brand-tracking);white-space:nowrap;justify-self:start}.ui-header-right{align-items:center;gap:var(--space-5);justify-self:end;display:inline-flex}.ui-header-streak{color:var(--color-accent-info);font-size:var(--type-role-streak-size);font-weight:var(--type-role-streak-weight);align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.ui-layout-board{min-height:0;padding:var(--space-6);grid-area:board;justify-content:center;align-items:center;display:flex;position:relative}.ui-layout-moves{bottom:calc(var(--space-6) + 4.75rem);left:var(--space-6);min-height:0;width:min(14rem,calc(100vw - var(--space-6)*2));z-index:3;position:fixed}.ui-layout-source{bottom:calc(var(--space-6) + 5.1rem);color:var(--color-fg-secondary);font-size:var(--type-role-source-size);font-weight:var(--type-role-source-weight);line-height:var(--type-role-source-leading);right:var(--space-6);text-align:right;z-index:3;position:fixed}.ui-layout-actions{background:var(--color-bg-panel);align-items:center}@supports (color:color-mix(in lab,red,red)){.ui-layout-actions{background:color-mix(in srgb,var(--color-bg-panel)94%,transparent)}}.ui-layout-actions{border-top:var(--border-width-1)solid var(--color-border-default);padding:var(--space-4)var(--space-6);z-index:4;grid-area:actions;justify-content:center;display:flex;position:relative}.ui-board-wrapper{border:var(--border-width-strong)solid transparent;border-radius:var(--radius-xs);transition:border-color var(--duration-moderate)var(--ease-standard),box-shadow var(--duration-moderate)var(--ease-standard);flex:none;width:min(100vh - 12.5rem,100vw - 28rem,42.5rem);position:relative;overflow:hidden}.ui-board-wrapper[data-state=success]{border-color:var(--color-accent-success)}.ui-board-wrapper[data-state=failed]{border-color:var(--color-accent-danger)}.ui-board-wrapper[data-state=failed-active]{border-color:var(--color-accent-danger-soft);box-shadow:var(--shadow-danger-soft)}.ui-board-wrapper[data-pulse-kind=correct][data-pulse-variant=pulse-a],.ui-board-wrapper[data-pulse-kind=correct][data-pulse-variant=pulse-b]{animation:board-pulse-correct var(--duration-pulse)var(--ease-standard)}.ui-board-wrapper[data-pulse-kind=incorrect][data-pulse-variant=pulse-a],.ui-board-wrapper[data-pulse-kind=incorrect][data-pulse-variant=pulse-b]{animation:board-pulse-incorrect var(--duration-pulse)var(--ease-standard)}.ui-board-root{aspect-ratio:1;width:100%}.ui-promotion-overlay.cg-wrap{pointer-events:auto;z-index:12;width:100%;height:100%;display:block;position:absolute;inset:0}.ui-promotion-option{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:none;outline:none;width:12.5%;height:12.5%;padding:0;position:absolute;top:0;left:0}.ui-promotion-option:before{background:var(--color-promotion-option-bg);border:var(--border-width-1)solid var(--color-promotion-option-border);border-radius:var(--radius-full);content:"";transition:transform var(--duration-fast)var(--ease-standard),box-shadow var(--duration-fast)var(--ease-standard);position:absolute;inset:9%}.ui-promotion-option[data-primary=true]:before{background:var(--color-promotion-primary-bg);border-color:var(--color-promotion-primary-border);border-radius:0;inset:0}.ui-promotion-option:hover:before,.ui-promotion-option:focus-visible:before{box-shadow:0 0 0 .14rem var(--color-promotion-focus-ring);transform:scale(1.03)}.ui-promotion-option .ui-promotion-piece{pointer-events:none;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;width:78%;height:78%;position:absolute;top:11%;left:11%}.ui-panel{background:var(--color-bg-panel);border-radius:var(--radius-md)}.ui-panel-timer{text-align:right;background:0 0;border-radius:0;padding:0}.ui-label{color:var(--color-fg-secondary);font-size:var(--type-role-label-size);letter-spacing:var(--type-role-label-compact-tracking);text-transform:uppercase}.ui-button{background:var(--color-bg-button);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-sm);color:var(--color-fg-primary);font-size:var(--type-role-button-size);font-weight:var(--type-role-button-weight);padding:var(--space-2_5)var(--space-5);transition:background var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard),opacity var(--duration-fast)var(--ease-standard)}.ui-button:disabled{cursor:default;opacity:var(--opacity-disabled)}.ui-button:hover:not(:disabled){background:var(--color-bg-button-hover)}.ui-button[data-variant=primary]{background:var(--color-bg-button-active);border-color:var(--color-bg-button-active);color:var(--color-fg-inverse);font-weight:var(--type-role-button-strong-weight)}.ui-button[data-variant=primary]:hover:not(:disabled){background:var(--color-bg-button-active-hover)}.ui-button[data-variant=danger]{background:var(--color-accent-danger);border-color:var(--color-accent-danger);color:var(--color-fg-inverse)}.ui-button[data-variant=danger]:hover:not(:disabled){background:var(--color-accent-danger-hover)}.ui-action-bar{background:var(--color-bg-panel);align-items:center}@supports (color:color-mix(in lab,red,red)){.ui-action-bar{background:color-mix(in srgb,var(--color-bg-panel)94%,transparent)}}.ui-action-bar{border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-2);display:flex}.ui-action-bar-nav-group{gap:var(--space-2);display:inline-flex}.ui-action-bar-divider{background:var(--color-border-default);opacity:.7;width:var(--border-width-1);align-self:stretch}.ui-action-bar-nav-arrow{font-size:var(--type-role-action-nav-size);align-items:center;gap:var(--space-2);min-width:4.6rem;height:2.875rem;padding:0 var(--space-3);flex:none;justify-content:center;display:inline-flex}.ui-action-bar-center{gap:var(--space-2);display:flex}.ui-action-bar-center-btn{font-weight:var(--type-role-button-strong-weight);align-items:center;gap:var(--space-2);min-width:8.5rem;min-height:2.875rem;padding-inline:var(--space-4);white-space:nowrap;justify-content:center;display:inline-flex}.ui-action-bar-hint{background:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){.ui-action-bar-hint{background:color-mix(in srgb,var(--color-accent-info)16%,var(--color-bg-button))}}.ui-action-bar-hint{border-color:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){.ui-action-bar-hint{border-color:color-mix(in srgb,var(--color-accent-info)34%,var(--color-border-default))}}.ui-action-bar-hint{color:var(--color-accent-info)}.ui-action-bar-hint:hover:not(:disabled){background:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){.ui-action-bar-hint:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-info)22%,var(--color-bg-button-hover))}}.ui-action-bar kbd{background:var(--color-bg-panel-section);border-radius:var(--radius-sm);color:var(--color-fg-muted);font-family:var(--type-family-data);font-size:var(--type-role-keycap-size);font-weight:var(--type-role-keycap-weight);line-height:var(--type-role-keycap-leading);padding:.15rem .4rem}.ui-action-bar-center-btn:disabled{opacity:.72}.ui-metric-card{background:var(--color-bg-card-muted);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-md);gap:var(--space-2);padding:var(--space-2_5)var(--space-3);flex-direction:column;display:flex}.ui-metric-value{color:var(--color-fg-primary);font-family:var(--type-family-data);font-size:var(--type-role-metric-size)}.ui-timer-display{font-family:var(--type-family-data);font-weight:var(--type-role-timer-weight);letter-spacing:var(--type-role-timer-tracking);line-height:var(--type-role-timer-leading);transition:color var(--duration-moderate)var(--ease-standard),font-size var(--duration-moderate)var(--ease-standard)}.ui-timer-display[data-tone=default],.ui-timer-display[data-tone=success]{color:var(--color-accent-success);font-size:var(--type-role-timer-size)}.ui-timer-display[data-tone=danger]{color:var(--color-accent-danger);font-size:var(--type-role-timer-size)}.ui-timer-label{display:none}.ui-stats-overlay{background:var(--color-stats-overlay-bg);padding:var(--space-6);z-index:var(--z-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ui-stats-overlay[data-state=open]{animation:.2s ease-out both stats-overlay-in}.ui-stats-overlay[data-state=closing]{animation:.15s ease-in both stats-overlay-out}.ui-stats-modal{background:var(--color-stats-modal-bg);border:var(--border-width-1)solid var(--color-stats-modal-border);border-radius:var(--radius-xl);flex-direction:column;width:min(37.5rem,100%);height:min(48rem,100%);padding:0;display:flex;overflow:hidden}.ui-stats-modal[data-state=open]{animation:.2s ease-out both stats-modal-in}.ui-stats-modal[data-state=closing]{animation:.15s ease-in both stats-modal-out}.ui-menu-root{color:var(--color-stats-fg-primary);font-family:var(--type-family-data);flex-direction:column;flex:1;min-height:0;display:flex}.ui-menu-head{border-bottom:var(--border-width-1)solid var(--color-stats-header-border);align-items:center;gap:var(--space-3);padding:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ui-menu-close-button{border-radius:var(--radius-sm);color:var(--color-stats-close-fg);cursor:pointer;font-family:var(--type-family-data);font-size:var(--type-role-panel-close-icon-size);height:2.625rem;line-height:var(--type-role-panel-close-icon-leading);transition:color var(--duration-fast)var(--ease-standard),background var(--duration-fast)var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;width:2.625rem;display:inline-flex}.ui-menu-close-button:hover{background:var(--color-stats-close-bg-hover);color:var(--color-stats-close-fg-hover)}.ui-menu-title{color:var(--color-stats-title);font-size:var(--type-role-panel-title-size);font-weight:var(--type-role-panel-title-weight);letter-spacing:var(--type-role-panel-title-tracking);line-height:var(--type-role-panel-title-leading);text-align:center}.ui-menu-head-spacer{width:2.625rem;height:2.625rem;display:inline-block}.ui-menu-segments{padding:var(--space-4)var(--space-5)0}.ui-menu-panel{flex:1;min-height:0;display:flex}.ui-stats-root{color:var(--color-stats-fg-primary);font-family:var(--type-family-data);flex-direction:column;flex:1;min-height:0;display:flex}.ui-stats-head{border-bottom:var(--border-width-1)solid var(--color-stats-header-border);gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.ui-stats-head-row{justify-content:space-between;align-items:center;display:flex}.ui-stats-title{color:var(--color-stats-title);font-size:var(--type-role-panel-title-size);font-weight:var(--type-role-panel-title-weight);letter-spacing:var(--type-role-panel-title-tracking);line-height:var(--type-role-panel-title-leading)}.ui-stats-close-button{background:var(--color-stats-close-bg);border:var(--border-width-1)solid var(--color-stats-close-border);color:var(--color-stats-close-fg);cursor:pointer;font-family:var(--type-family-data);font-size:var(--type-role-panel-control-size);min-width:7.5rem;transition:background var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);border-radius:.85rem;justify-content:center;align-items:center;padding:.8rem 1.2rem;display:inline-flex}.ui-stats-close-button:hover{background:var(--color-stats-close-bg-hover);color:var(--color-stats-close-fg-hover)}.ui-stats-quick-row{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.ui-stats-quick-card{background:var(--color-stats-quick-bg);border:var(--border-width-1)solid var(--color-stats-quick-border);align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-3);text-align:center;border-radius:.9rem;flex-direction:column;display:flex}.ui-stats-quick-card[data-highlight]{background:var(--color-stats-quick-highlight-bg);border-color:var(--color-stats-quick-highlight-border)}.ui-stats-quick-value{color:var(--color-stats-quick-value);font-size:var(--type-role-panel-quick-value-size);font-weight:var(--type-role-panel-quick-value-weight);line-height:var(--type-role-panel-quick-value-leading);text-wrap:nowrap;min-height:2.3rem}.ui-stats-quick-card[data-highlight] .ui-stats-quick-value{color:var(--color-stats-quick-value-highlight)}.ui-stats-quick-label{color:var(--color-stats-quick-label);font-size:var(--type-role-panel-quick-label-size);letter-spacing:var(--type-role-panel-quick-label-tracking);text-transform:uppercase}.ui-stats-tabs{gap:var(--space-3);padding:var(--space-4)var(--space-5)0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ui-stats-tab-btn{color:var(--color-stats-tab-fg);cursor:pointer;font-family:var(--type-family-data);font-size:var(--type-role-panel-tab-size);align-items:center;gap:var(--space-3);padding:.95rem var(--space-4);transition:background var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);background:0 0;border:none;border-radius:.95rem;justify-content:center;display:inline-flex}.ui-stats-tab-btn[data-active]{background:var(--color-stats-tab-bg-active);color:var(--color-stats-tab-fg-active)}.ui-stats-tab-badge{background:var(--color-stats-badge-bg);border-radius:var(--radius-full);color:var(--color-stats-badge-fg);font-size:var(--type-role-panel-badge-size);font-weight:var(--type-role-panel-badge-weight);min-width:2rem;min-height:2rem;padding:0 var(--space-2);justify-content:center;align-items:center;display:inline-flex}.ui-stats-body{min-height:0;padding:var(--space-5);flex:1;overflow-y:auto}.ui-stats-tab-panel[hidden]{display:none}.ui-stats-retry-list-wrap{gap:var(--space-3);flex-direction:column;display:flex}.ui-stats-retry-hint{color:var(--color-stats-retry-hint);font-size:var(--type-role-panel-support-size);line-height:var(--type-role-panel-support-leading)}.ui-stats-retry-list{gap:var(--space-3);flex-direction:column;display:flex}.ui-stats-retry-card{background:var(--color-stats-card-bg-retry);border:var(--border-width-1)solid var(--color-stats-card-border);color:var(--color-stats-card-fg);cursor:pointer;gap:var(--space-2);padding:var(--space-4)var(--space-4);text-align:left;transition:background var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard);border-radius:1.1rem;grid-template:"title arrow""meta arrow"/minmax(0,1fr) auto;place-items:center start;display:grid}.ui-stats-retry-card:hover{background:var(--color-stats-card-bg-hover);border-color:var(--color-stats-card-border-hover)}.ui-stats-retry-title{font-size:var(--type-role-panel-card-title-size);font-weight:var(--type-role-panel-card-title-weight);line-height:var(--type-role-panel-card-title-leading);grid-area:title}.ui-stats-retry-meta{color:var(--color-stats-retry-meta);font-size:var(--type-role-panel-card-meta-size);flex-wrap:wrap;grid-area:meta;align-items:center;gap:.55rem;display:inline-flex}.ui-stats-retry-arrow{color:var(--color-stats-retry-arrow);font-size:var(--type-role-panel-arrow-size);margin-left:var(--space-3);grid-area:arrow;justify-self:end}.ui-stats-mate-badge{font-size:var(--type-role-panel-pill-size);font-weight:var(--type-role-panel-pill-weight);white-space:nowrap;border-radius:.45rem;padding:.25rem .65rem}.ui-stats-mate-badge-1{background:var(--color-stats-mate-1-bg)}.ui-stats-mate-badge-2{background:var(--color-stats-mate-2-bg)}.ui-stats-mate-badge-3{background:var(--color-stats-mate-3-bg)}.ui-stats-empty-state{align-items:center;gap:var(--space-2);padding:3rem var(--space-4);text-align:center;flex-direction:column;display:flex}.ui-stats-empty-emoji{font-size:var(--type-role-panel-empty-icon-size);line-height:var(--type-role-panel-empty-icon-leading)}.ui-stats-empty-title{color:var(--color-stats-empty-title);font-size:var(--type-role-panel-empty-title-size);font-weight:var(--type-role-panel-empty-title-weight)}.ui-stats-empty-subtitle{color:var(--color-stats-empty-subtitle);font-size:var(--type-role-panel-empty-subtitle-size)}.ui-stats-progress-tab{gap:var(--space-5);flex-direction:column;display:flex}.ui-stats-section-block{gap:var(--space-3);flex-direction:column;display:flex}.ui-stats-section-head{gap:var(--space-1);flex-direction:column;display:flex}.ui-stats-section-title{color:var(--color-stats-section-title);font-size:var(--type-role-panel-section-title-size);font-weight:var(--type-role-panel-section-title-weight);line-height:var(--type-role-panel-section-title-leading)}.ui-stats-section-subtitle{color:var(--color-stats-section-subtitle);font-size:var(--type-role-panel-section-subtitle-size);line-height:var(--type-role-panel-section-subtitle-leading)}.ui-stats-overall-card{background:var(--color-stats-card-bg);border:var(--border-width-1)solid var(--color-stats-card-border);gap:var(--space-3);padding:var(--space-4);border-radius:1.1rem;flex-direction:column;display:flex}.ui-stats-overall-head{justify-content:space-between;align-items:center;display:flex}.ui-stats-overall-position{color:var(--color-stats-overall-position);font-size:var(--type-role-panel-overall-size)}.ui-stats-overall-percent{color:var(--color-stats-overall-percent);font-size:var(--type-role-panel-overall-size);font-weight:var(--type-role-panel-overall-weight)}.ui-stats-progress-track{background:var(--color-stats-progress-track-bg);border-radius:var(--radius-full);width:100%;height:.5rem;overflow:hidden}.ui-stats-progress-fill{background:var(--color-stats-progress-fill-bg);height:100%;transition:width .3s}.ui-stats-overall-meta{color:var(--color-stats-overall-meta);font-size:var(--type-role-panel-overall-meta-size);line-height:var(--type-role-panel-overall-meta-leading)}.ui-stats-speed-list{gap:var(--space-3);flex-direction:column;display:flex}.ui-stats-speed-card{background:var(--color-stats-card-bg);border:var(--border-width-1)solid var(--color-stats-card-border);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:1.1rem;justify-content:space-between;display:flex}.ui-stats-speed-main{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.ui-stats-speed-count{color:var(--color-stats-speed-count);font-size:var(--type-role-panel-overall-size)}.ui-stats-speed-summary{align-items:flex-end;gap:var(--space-1);flex-direction:column;min-width:4.25rem;display:flex}.ui-stats-speed-time{color:var(--color-stats-speed-time);font-size:var(--type-role-panel-speed-time-size);font-weight:var(--type-role-panel-speed-time-weight);line-height:var(--type-role-panel-speed-time-leading)}.ui-stats-speed-trend{font-size:var(--type-role-panel-speed-trend-size);font-weight:var(--type-role-panel-speed-trend-weight);line-height:var(--type-role-panel-speed-trend-leading)}.ui-stats-speed-trend[data-tone=up]{color:var(--color-stats-speed-up)}.ui-stats-speed-trend[data-tone=down]{color:var(--color-stats-speed-down)}.ui-stats-speed-trend-muted{color:var(--color-stats-speed-muted);font-size:var(--type-role-panel-speed-trend-size);line-height:var(--type-role-panel-speed-trend-leading)}.ui-stats-improvement-callout{background:var(--color-stats-callout-bg);border:var(--border-width-1)solid var(--color-stats-callout-border);gap:var(--space-2);padding:var(--space-4);border-radius:1.1rem;flex-direction:column;display:flex}.ui-stats-improvement-title{color:var(--color-stats-callout-title);font-size:var(--type-role-panel-callout-title-size);line-height:var(--type-role-panel-callout-title-leading)}.ui-stats-improvement-copy{color:var(--color-stats-callout-copy);font-size:var(--type-role-panel-callout-copy-size);line-height:var(--type-role-panel-callout-copy-leading)}.ui-stats-improvement-copy strong{color:var(--color-stats-callout-strong)}.ui-move-list-panel{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);background:var(--color-bg-panel)}@supports (color:color-mix(in lab,red,red)){.ui-move-list-panel{background:color-mix(in srgb,var(--color-bg-panel)88%,transparent)}}.ui-move-list-panel{border:var(--border-width-1)solid var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){.ui-move-list-panel{border:var(--border-width-1)solid color-mix(in srgb,var(--color-border-default)78%,transparent)}}.ui-move-list-panel{border-radius:var(--radius-lg);min-height:5.5rem;padding:var(--space-3)var(--space-4);flex-direction:column;display:flex}.ui-move-list-title{color:var(--color-fg-muted);font-size:var(--type-role-label-size);letter-spacing:var(--type-role-label-tracking);margin-bottom:var(--space-1)}.ui-move-list{gap:var(--space-1);flex-direction:column;max-height:8rem;list-style:none;display:flex;overflow-y:auto}.ui-move-row{font-family:var(--type-family-data);font-size:var(--type-role-move-row-size);align-items:center;gap:var(--space-2);display:flex}.ui-move-number{color:var(--color-fg-muted);min-width:2rem}.ui-move-san{color:var(--color-fg-secondary)}.ui-move-placeholder{border:var(--border-width-1)dashed var(--color-border-default);border-radius:var(--radius-xs);color:var(--color-fg-muted);font-size:var(--type-role-move-placeholder-size);padding:var(--space-0_5)var(--space-2);font-style:italic}.ui-timer-icon{display:none}.ui-puzzle-info-panel{align-items:center;gap:var(--space-4);background:0 0;border-radius:0;justify-self:center;min-width:0;padding:0;display:flex}.ui-puzzle-id-group{align-items:baseline;gap:var(--space-1);white-space:nowrap;min-width:0;display:inline-flex}.ui-puzzle-hash,.ui-puzzle-number{font-family:var(--type-family-data);font-size:var(--type-role-puzzle-id-size);font-weight:var(--type-role-puzzle-id-weight);line-height:var(--type-role-puzzle-id-leading)}.ui-puzzle-total{color:var(--color-fg-secondary);font-size:var(--type-role-puzzle-total-size);font-weight:var(--type-role-puzzle-total-weight)}.ui-puzzle-source{display:none}.ui-puzzle-objective-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:inline-flex}.ui-puzzle-type{background:var(--color-accent-success);border-radius:var(--radius-sm);color:var(--color-fg-inverse);font-size:var(--type-role-puzzle-pill-size);font-weight:var(--type-role-puzzle-pill-weight);letter-spacing:var(--type-role-puzzle-pill-tracking);line-height:var(--type-role-puzzle-pill-leading);padding:.55rem var(--space-3);text-transform:uppercase;white-space:nowrap;align-items:center;display:inline-flex}.ui-puzzle-side{color:var(--color-fg-primary);font-size:var(--type-role-puzzle-meta-size);font-weight:var(--type-role-puzzle-meta-weight);align-items:center;gap:var(--space-2);line-height:var(--type-leading-tight);white-space:nowrap;display:inline-flex}.ui-puzzle-side-indicator{background:var(--color-fg-inverse);border:var(--border-width-1)solid var(--color-fg-primary)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side-indicator{border:var(--border-width-1)solid color-mix(in srgb,var(--color-fg-primary)35%,transparent)}}.ui-puzzle-side-indicator{border-radius:var(--radius-full);width:.7rem;height:.7rem;display:inline-block}.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{background:var(--color-fg-primary)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{background:color-mix(in srgb,var(--color-fg-primary)88%,var(--color-bg-primary))}}.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{border-color:var(--color-fg-inverse)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{border-color:color-mix(in srgb,var(--color-fg-inverse)32%,transparent)}}.ui-puzzle-side-text{display:inline}.ui-puzzle-side:before{content:none}.ui-puzzle-status{font-size:var(--type-role-puzzle-status-size);font-weight:var(--type-role-puzzle-status-weight);line-height:var(--type-leading-tight);white-space:nowrap;display:inline}.ui-puzzle-status:before{content:none}.ui-puzzle-status[data-state=success]{color:var(--color-accent-success);animation:.22s ease-out both puzzle-status-fade-in}.ui-puzzle-status[data-state=danger]{color:var(--color-accent-danger);animation:.22s ease-out both puzzle-status-fade-in}.ui-puzzle-status[data-state=info]{color:var(--color-fg-secondary);animation:.22s ease-out both puzzle-status-fade-in}.ui-header-menu-btn{border-radius:var(--radius-sm);color:var(--color-fg-muted);cursor:pointer;min-width:2rem;min-height:2.25rem;padding:var(--space-2);transition:background var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.ui-header-menu-btn:hover{background:var(--color-bg-button);color:var(--color-fg-primary)}.ui-segmented-control{--ui-segment-count:1;--ui-active-index:0;background:var(--color-bg-card-muted);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-sm);grid-template-columns:repeat(var(--ui-segment-count),minmax(0,1fr));padding:var(--space-0_5);display:grid;position:relative;overflow:clip}.ui-segmented-control-indicator{background:var(--color-bg-panel);border-radius:var(--radius-xs);bottom:var(--space-0_5);left:var(--space-0_5);pointer-events:none;top:var(--space-0_5);transform:translate(calc(var(--ui-active-index)*100%));transition:transform var(--duration-fast)var(--ease-standard);width:calc((100% - (var(--space-0_5)*2))/var(--ui-segment-count));position:absolute}.ui-segmented-control-item{border-radius:var(--radius-xs);color:var(--color-fg-secondary);cursor:pointer;font-family:var(--type-family-data);font-size:var(--type-role-segment-size);font-weight:var(--type-role-segment-weight);padding:var(--space-1)var(--space-4);transition:background var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);z-index:1;background:0 0;border:none;position:relative}.ui-segmented-control-item[data-active]{color:var(--color-fg-primary);font-weight:var(--type-role-segment-active-weight)}.ui-settings-root{flex:1;min-height:0;display:flex}.ui-settings-body{gap:var(--space-4);min-height:0;padding:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ui-settings-card{background:var(--color-stats-card-bg);border:var(--border-width-1)solid var(--color-stats-card-border);border-radius:1.1rem;flex-direction:column;display:flex}.ui-settings-section-head{border-bottom:var(--border-width-1)solid var(--color-settings-divider-strong);gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.ui-settings-section-title{color:var(--color-stats-section-title);font-size:var(--type-role-panel-section-title-size);font-weight:var(--type-role-panel-section-title-weight);line-height:var(--type-role-panel-section-title-leading)}.ui-settings-section-subtitle{color:var(--color-stats-section-subtitle);font-size:var(--type-role-panel-section-subtitle-size);line-height:var(--type-role-panel-section-subtitle-leading)}.ui-settings-control{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.ui-settings-control+.ui-settings-control{border-top:var(--border-width-1)solid var(--color-settings-divider-soft)}.ui-settings-control-copy{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ui-settings-control-title{color:var(--color-stats-card-fg);font-size:var(--type-role-settings-control-title-size);font-weight:var(--type-role-settings-control-title-weight);letter-spacing:var(--type-role-settings-control-title-tracking);line-height:var(--type-role-settings-control-title-leading)}.ui-settings-control-subtitle{color:var(--color-stats-section-subtitle);font-size:var(--type-role-settings-control-subtitle-size);line-height:var(--type-role-settings-control-subtitle-leading)}.ui-settings-chip-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-settings-chip{background:var(--color-settings-chip-bg);border:var(--border-width-1)solid var(--color-settings-chip-border);border-radius:var(--radius-full);color:var(--color-stats-card-fg);cursor:pointer;font-family:var(--type-family-data);font-size:var(--type-role-settings-chip-size);align-items:center;gap:var(--space-2);line-height:var(--type-role-settings-chip-leading);text-transform:lowercase;min-height:2rem;transition:border-color var(--duration-fast)var(--ease-standard),background var(--duration-fast)var(--ease-standard),color var(--duration-fast)var(--ease-standard);padding:.45rem .78rem;display:inline-flex}.ui-settings-chip[data-active]{background:var(--color-settings-chip-active-bg);border-color:var(--color-settings-chip-active-border);box-shadow:0 0 0 .12rem var(--color-settings-chip-active-shadow);color:var(--color-stats-tab-fg-active);font-weight:var(--type-role-settings-chip-active-weight)}.ui-settings-chip:hover{border-color:var(--color-stats-card-border-hover)}.ui-settings-chip:focus-visible{outline:.12rem solid var(--color-settings-focus-ring);outline-offset:.1rem}.ui-settings-theme-chip{text-transform:none}.ui-settings-chip-check{background:var(--color-settings-chip-check-bg);color:var(--color-settings-chip-check-fg);font-family:var(--type-family-data);font-size:var(--type-role-settings-chip-check-size);font-weight:var(--type-role-settings-chip-check-weight);height:1rem;line-height:var(--type-role-settings-chip-check-leading);border-radius:50%;justify-content:center;align-items:center;min-width:1rem;display:inline-flex}.ui-settings-theme-swatch{border:var(--border-width-1)solid var(--color-settings-swatch-border);border-radius:var(--radius-xs);grid-template-columns:repeat(2,.55rem);display:grid;overflow:hidden}.ui-settings-theme-swatch-square{width:.55rem;height:1.05rem;display:block}.ui-settings-control-toggle{flex-direction:row;justify-content:space-between;align-items:center}.ui-settings-toggle{background:var(--color-settings-toggle-bg);border:var(--border-width-1)solid var(--color-settings-toggle-border);border-radius:var(--radius-full);cursor:pointer;height:1.65rem;transition:background var(--duration-fast)var(--ease-standard),border-color var(--duration-fast)var(--ease-standard);flex:none;align-items:center;width:2.85rem;padding:.12rem;display:inline-flex;position:relative}.ui-settings-toggle[data-checked]{background:var(--color-settings-toggle-on-bg);border-color:var(--color-settings-toggle-on-border)}.ui-settings-toggle-thumb{background:var(--color-settings-toggle-thumb-bg);height:1.14rem;transition:transform var(--duration-fast)var(--ease-standard);border-radius:50%;width:1.14rem;display:inline-block;transform:translate(0)}.ui-settings-toggle[data-checked] .ui-settings-toggle-thumb{transform:translate(1.2rem)}.ui-settings-toggle:focus-visible{outline:.12rem solid var(--color-settings-focus-ring);outline-offset:.12rem}.ui-settings-control-slider{align-items:stretch}.ui-settings-slider-head{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.ui-settings-slider-value{color:var(--color-stats-card-fg);font-family:var(--type-family-data);font-size:var(--type-role-settings-slider-size);font-weight:var(--type-role-settings-slider-weight);line-height:var(--type-role-settings-slider-leading);text-align:right;min-width:3.6rem}.ui-settings-slider{appearance:none;background:var(--color-settings-slider-track-bg);border-radius:var(--radius-full);cursor:pointer;width:100%;height:.4rem}.ui-settings-slider::-webkit-slider-thumb{appearance:none;background:var(--color-stats-title);box-shadow:0 0 0 .12rem var(--color-settings-slider-thumb-ring);border:0;border-radius:50%;width:.95rem;height:.95rem}.ui-settings-slider::-moz-range-thumb{background:var(--color-stats-title);box-shadow:0 0 0 .12rem var(--color-settings-slider-thumb-ring);border:0;border-radius:50%;width:.95rem;height:.95rem}.ui-settings-slider:focus-visible{outline:.12rem solid var(--color-settings-focus-ring);outline-offset:.12rem}.ui-settings-shell-card{background:var(--color-stats-card-bg);border:var(--border-width-1)solid var(--color-stats-card-border);gap:var(--space-2);padding:var(--space-4);border-radius:1.1rem;flex-direction:column;display:flex}.ui-settings-shell-title{color:var(--color-stats-section-title);font-size:var(--type-role-settings-shell-title-size);font-weight:var(--type-role-settings-shell-title-weight);line-height:var(--type-role-settings-shell-title-leading)}.ui-settings-shell-subtitle{color:var(--color-stats-section-subtitle);font-size:var(--type-role-settings-shell-subtitle-size);line-height:var(--type-role-settings-shell-subtitle-leading)}.ui-settings-support-card{background:var(--color-settings-support-bg);border:var(--border-width-1)solid var(--color-settings-support-border);align-items:center;gap:var(--space-3);min-height:5.25rem;padding:var(--space-4);transition:border-color var(--duration-fast)var(--ease-standard),transform var(--duration-fast)var(--ease-standard);border-radius:1.1rem;text-decoration:none;display:flex}.ui-settings-support-card:hover{border-color:var(--color-settings-support-border-hover)}.ui-settings-support-card:focus-visible{outline:.12rem solid var(--color-settings-focus-ring);outline-offset:.12rem}.ui-settings-support-icon{color:var(--color-settings-support-icon);font-size:1.9rem;line-height:1}.ui-settings-support-copy{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.ui-settings-support-title{color:var(--color-settings-support-title);font-size:var(--type-role-settings-support-title-size);font-weight:var(--type-role-settings-support-title-weight);line-height:var(--type-role-settings-support-title-leading)}.ui-settings-support-subtitle{color:var(--color-settings-support-subtitle);font-size:var(--type-role-settings-support-subtitle-size);line-height:var(--type-role-settings-support-subtitle-leading)}.ui-settings-support-chevron{color:var(--color-settings-support-chevron);font-size:2rem;line-height:1}.ui-settings-meta{color:var(--color-settings-meta);font-family:var(--type-family-data);font-size:var(--type-role-settings-meta-size);line-height:var(--type-role-settings-meta-leading);margin-top:var(--space-2);text-align:center}.ui-toast{animation:toast-fade-in var(--duration-fast)var(--ease-standard);background:var(--color-bg-panel-section);border:var(--border-width-1)solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-fg-primary);font-size:var(--type-role-toast-size);padding:var(--space-2_5)var(--space-3)}.ui-toast[data-tone=success]{border-color:var(--color-accent-success-border-soft)}.ui-toast[data-tone=danger]{border-color:var(--color-accent-danger-border-soft)}@media(max-width:64rem){.ui-app-shell{background:var(--color-bg-primary);justify-content:stretch;min-height:100dvh;padding:0;overflow:hidden}.ui-app-layout{flex:1;grid-template:"header""board"minmax(0,1fr)"moves""actions"/minmax(0,1fr);height:100dvh;overflow:hidden}.ui-layout-header{background:var(--color-bg-panel);-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.ui-header-logo{display:block}.ui-header-right{gap:var(--space-2_5);display:inline-flex}.ui-header-streak{display:none}.ui-header-menu-btn{min-width:1.75rem;min-height:1.75rem;padding:var(--space-1)}.ui-layout-source{display:none}.ui-layout-moves{padding-inline:var(--size-app-padding-mobile-safe-inline-start)var(--size-app-padding-mobile-safe-inline-end);z-index:auto;width:100%;margin-top:0;position:static;bottom:auto;left:auto;right:auto}.ui-layout-actions{padding:0 var(--size-app-padding-mobile-safe-inline-end)var(--size-safe-area-bottom)var(--size-app-padding-mobile-safe-inline-start);background:0 0;border-top:none;justify-content:stretch}.ui-layout-board{align-self:stretch;align-items:flex-start;width:100%;min-height:0;padding:0;overflow:hidden}.ui-board-wrapper{aspect-ratio:1;border-width:0;border-radius:0;width:min(100%,100dvh - 11.5rem);max-width:100%;height:auto}.ui-board-root{height:auto}.ui-panel-timer{align-items:flex-end;gap:var(--space-0_5);text-align:right;background:0 0;border-radius:0;flex-direction:column;flex:none;padding:0;display:flex}.ui-timer-icon{display:none}.ui-timer-display[data-tone=default]{color:var(--color-fg-primary)}.ui-timer-label{color:var(--color-fg-secondary);font-size:var(--type-role-timer-label-size);font-weight:var(--type-role-timer-label-weight);letter-spacing:var(--type-role-timer-label-tracking);line-height:var(--type-role-timer-label-leading);text-transform:lowercase;display:block}.ui-puzzle-info-panel{align-items:center;gap:var(--space-0_5);flex-direction:column;justify-self:center;display:flex}.ui-puzzle-id-group{align-items:baseline;gap:var(--space-1);flex-direction:row;display:inline-flex}.ui-puzzle-hash{display:none}.ui-puzzle-number{white-space:nowrap}.ui-puzzle-number:before{content:"#";margin-right:.1em}.ui-puzzle-total{display:inline}.ui-puzzle-source{display:none}.ui-puzzle-objective-group{align-items:center;gap:var(--space-1);min-height:calc(var(--type-role-puzzle-status-size)*var(--type-leading-tight));text-align:center;margin-top:0;display:inline-flex}.ui-puzzle-type{color:var(--color-fg-secondary);text-transform:none;background:0 0;border-radius:0;padding:0;display:inline}.ui-puzzle-side{color:var(--color-fg-secondary);gap:var(--space-1);display:inline-flex}.ui-puzzle-side-indicator{border-color:var(--color-fg-inverse)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side-indicator{border-color:color-mix(in srgb,var(--color-fg-inverse)45%,transparent)}}.ui-puzzle-side-indicator{box-shadow:0 0 0 .08rem var(--color-fg-inverse)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side-indicator{box-shadow:0 0 0 .08rem color-mix(in srgb,var(--color-fg-inverse)18%,transparent)}}.ui-puzzle-side-indicator{width:.62rem;height:.62rem}.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{border-color:var(--color-fg-inverse)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{border-color:color-mix(in srgb,var(--color-fg-inverse)38%,transparent)}}.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{box-shadow:0 0 0 .08rem var(--color-fg-inverse)}@supports (color:color-mix(in lab,red,red)){.ui-puzzle-side[data-color=black] .ui-puzzle-side-indicator{box-shadow:0 0 0 .08rem color-mix(in srgb,var(--color-fg-inverse)14%,transparent)}}.ui-puzzle-side-text{display:none}.ui-puzzle-status{display:inline}.ui-puzzle-side:before,.ui-puzzle-status:before{content:none}.ui-move-list-panel{min-height:0;padding:var(--space-1)var(--space-3);background:0 0;border:none;border-radius:0;flex:none}.ui-move-list{flex-flow:row;align-items:center;height:auto;max-height:none;overflow:auto hidden}.ui-move-row{white-space:nowrap;display:inline-flex}.ui-move-list-title{display:none}.ui-action-bar{border-radius:var(--radius-xl);gap:var(--space-2);width:100%;margin-bottom:0}.ui-action-bar-nav-group{display:contents}.ui-action-bar-divider{display:none}.ui-action-bar-prev{order:1}.ui-action-bar-nav-arrow{border-radius:var(--radius-md);min-width:2.75rem;padding:0 var(--space-2_5)}.ui-action-bar-nav-arrow kbd,.ui-action-bar-center-btn kbd{display:none}.ui-action-bar-center{flex:1;order:2;min-width:0}.ui-action-bar-next{order:3}.ui-action-bar-center-btn{border-radius:var(--radius-md);min-width:0;min-height:2.75rem;padding-inline:var(--space-3);flex:1}.ui-action-bar-hint{color:var(--color-fg-primary)}.ui-action-bar-hint:hover:not(:disabled){background:var(--color-bg-button-hover)}.ui-stats-overlay{align-items:stretch;padding:0}.ui-stats-modal{border-radius:0;width:100%;height:100%;max-height:100dvh}.ui-menu-head{padding:var(--space-4)}.ui-menu-close-button,.ui-menu-head-spacer{width:2.25rem;height:2.25rem}.ui-menu-segments{padding:var(--space-3)var(--space-4)0}.ui-stats-head{padding:var(--space-4)}.ui-stats-tabs{gap:var(--space-2);padding:var(--space-3)var(--space-4)0}.ui-stats-body,.ui-settings-body{padding:var(--space-4)}.ui-settings-control{padding:var(--space-3)}.ui-settings-control-toggle{align-items:flex-start;gap:var(--space-3)}.ui-settings-chip{min-height:1.9rem;padding:.42rem .72rem}.ui-settings-support-card{min-height:4.5rem;padding:var(--space-3)}.ui-settings-support-title{font-size:var(--type-size-body)}.ui-stats-quick-row{gap:var(--space-2)}.ui-stats-quick-card{padding:var(--space-3)var(--space-2_5)}.ui-stats-quick-value{min-height:2rem}.ui-stats-retry-card{padding:var(--space-3)var(--space-3)}}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--type-scale-1:.95rem;--type-scale-2:1.15rem;--type-scale-3:1.55rem;--type-scale-4:var(--type-scale-3);--type-scale-5:var(--type-scale-3);--type-scale-6:var(--type-scale-3);--type-size-body:var(--type-scale-1);--type-size-heading:var(--type-scale-2);--type-size-display:var(--type-scale-3);--type-weight-regular:400;--type-weight-medium:500;--type-weight-semibold:600;--type-weight-bold:700;--type-family-ui:var(--font-family-sans);--type-family-data:var(--type-family-ui);--type-leading-tight:1;--type-leading-snug:1.2;--type-leading-normal:1.3;--type-leading-comfy:1.35;--type-leading-relaxed:1.4;--type-leading-loose:1.45;--type-tracking-none:0;--type-tracking-tight:.01em;--type-tracking-brand:.02em;--type-tracking-label:.04em;--type-tracking-table:.02em;--type-tracking-timer:.05em;--leading-tight:1.2;--tracking-label:.1em;--tracking-section:.08em;--tracking-table:.05em;--tracking-timer:.05em;--type-role-app-status-size:var(--type-size-body);--type-role-brand-size:var(--type-size-body);--type-role-brand-weight:var(--type-weight-semibold);--type-role-brand-tracking:var(--type-tracking-none);--type-role-streak-size:var(--type-size-body);--type-role-streak-weight:var(--type-weight-semibold);--type-role-source-size:var(--type-size-body);--type-role-source-weight:var(--type-weight-medium);--type-role-source-leading:var(--type-leading-tight);--type-role-label-size:var(--type-size-body);--type-role-label-weight:var(--type-weight-medium);--type-role-label-tracking:var(--type-tracking-label);--type-role-label-compact-tracking:var(--type-tracking-table);--type-role-button-size:var(--type-size-body);--type-role-button-weight:var(--type-weight-medium);--type-role-button-strong-weight:var(--type-weight-semibold);--type-role-action-nav-size:var(--type-size-body);--type-role-keycap-size:var(--type-size-body);--type-role-keycap-weight:var(--type-weight-semibold);--type-role-keycap-leading:var(--type-leading-snug);--type-role-metric-size:var(--type-size-body);--type-role-timer-size:var(--type-size-display);--type-role-timer-weight:var(--type-weight-semibold);--type-role-timer-tracking:var(--type-tracking-none);--type-role-timer-leading:var(--type-leading-snug);--type-role-timer-label-size:var(--type-size-body);--type-role-timer-label-weight:var(--type-weight-medium);--type-role-timer-label-tracking:var(--type-tracking-none);--type-role-timer-label-leading:var(--type-leading-tight);--type-role-panel-title-size:var(--type-size-heading);--type-role-panel-title-weight:var(--type-weight-semibold);--type-role-panel-title-tracking:var(--type-tracking-none);--type-role-panel-title-leading:var(--type-leading-tight);--type-role-panel-close-icon-size:var(--type-size-heading);--type-role-panel-close-icon-leading:var(--type-leading-tight);--type-role-panel-control-size:var(--type-size-body);--type-role-panel-tab-size:var(--type-size-body);--type-role-panel-badge-size:var(--type-size-body);--type-role-panel-badge-weight:var(--type-weight-semibold);--type-role-panel-support-size:var(--type-size-body);--type-role-panel-support-leading:var(--type-leading-relaxed);--type-role-panel-card-title-size:var(--type-size-body);--type-role-panel-card-title-weight:var(--type-weight-semibold);--type-role-panel-card-title-leading:var(--type-leading-snug);--type-role-panel-card-meta-size:var(--type-size-body);--type-role-panel-arrow-size:var(--type-size-heading);--type-role-panel-pill-size:var(--type-size-body);--type-role-panel-pill-weight:var(--type-weight-semibold);--type-role-panel-empty-icon-size:var(--type-size-heading);--type-role-panel-empty-icon-leading:var(--type-leading-tight);--type-role-panel-empty-title-size:var(--type-size-body);--type-role-panel-empty-title-weight:var(--type-weight-semibold);--type-role-panel-empty-subtitle-size:var(--type-size-body);--type-role-panel-section-title-size:var(--type-size-body);--type-role-panel-section-title-weight:var(--type-weight-semibold);--type-role-panel-section-title-leading:var(--type-leading-snug);--type-role-panel-section-subtitle-size:var(--type-size-body);--type-role-panel-section-subtitle-leading:var(--type-leading-normal);--type-role-panel-overall-size:var(--type-size-body);--type-role-panel-overall-weight:var(--type-weight-semibold);--type-role-panel-overall-meta-size:var(--type-size-body);--type-role-panel-overall-meta-leading:var(--type-leading-normal);--type-role-panel-speed-time-size:var(--type-size-display);--type-role-panel-speed-time-weight:var(--type-weight-semibold);--type-role-panel-speed-time-leading:var(--type-leading-tight);--type-role-panel-speed-trend-size:var(--type-size-body);--type-role-panel-speed-trend-weight:var(--type-weight-semibold);--type-role-panel-speed-trend-leading:var(--type-leading-snug);--type-role-panel-callout-title-size:var(--type-size-body);--type-role-panel-callout-title-leading:var(--type-leading-snug);--type-role-panel-callout-copy-size:var(--type-size-body);--type-role-panel-callout-copy-leading:var(--type-leading-loose);--type-role-panel-quick-value-size:var(--type-size-display);--type-role-panel-quick-value-weight:var(--type-weight-semibold);--type-role-panel-quick-value-leading:var(--type-leading-tight);--type-role-panel-quick-label-size:var(--type-size-body);--type-role-panel-quick-label-tracking:var(--type-tracking-label);--type-role-move-row-size:var(--type-size-body);--type-role-move-placeholder-size:var(--type-size-body);--type-role-puzzle-id-size:var(--type-size-heading);--type-role-puzzle-id-weight:var(--type-weight-semibold);--type-role-puzzle-id-leading:var(--type-leading-tight);--type-role-puzzle-total-size:var(--type-size-body);--type-role-puzzle-total-weight:var(--type-weight-regular);--type-role-puzzle-pill-size:var(--type-size-body);--type-role-puzzle-pill-weight:var(--type-weight-semibold);--type-role-puzzle-pill-tracking:var(--type-tracking-label);--type-role-puzzle-pill-leading:var(--type-leading-tight);--type-role-puzzle-meta-size:var(--type-size-body);--type-role-puzzle-meta-weight:var(--type-weight-semibold);--type-role-puzzle-status-size:var(--type-size-body);--type-role-puzzle-status-weight:var(--type-weight-semibold);--type-role-segment-size:var(--type-size-body);--type-role-segment-weight:var(--type-weight-medium);--type-role-segment-active-weight:var(--type-weight-semibold);--type-role-settings-control-title-size:var(--type-size-body);--type-role-settings-control-title-weight:var(--type-weight-semibold);--type-role-settings-control-title-tracking:var(--type-tracking-none);--type-role-settings-control-title-leading:var(--type-leading-snug);--type-role-settings-control-subtitle-size:var(--type-size-body);--type-role-settings-control-subtitle-leading:var(--type-leading-comfy);--type-role-settings-chip-size:var(--type-size-body);--type-role-settings-chip-leading:var(--type-leading-tight);--type-role-settings-chip-active-weight:var(--type-weight-semibold);--type-role-settings-chip-check-size:var(--type-size-body);--type-role-settings-chip-check-weight:var(--type-weight-bold);--type-role-settings-chip-check-leading:var(--type-leading-tight);--type-role-settings-slider-size:var(--type-size-body);--type-role-settings-slider-weight:var(--type-weight-semibold);--type-role-settings-slider-leading:var(--type-leading-tight);--type-role-settings-shell-title-size:var(--type-role-panel-section-title-size);--type-role-settings-shell-title-weight:var(--type-role-panel-section-title-weight);--type-role-settings-shell-title-leading:var(--type-role-panel-section-title-leading);--type-role-settings-shell-subtitle-size:var(--type-size-body);--type-role-settings-shell-subtitle-leading:var(--type-leading-loose);--type-role-settings-support-title-size:var(--type-size-heading);--type-role-settings-support-title-weight:var(--type-weight-semibold);--type-role-settings-support-title-leading:var(--type-leading-tight);--type-role-settings-support-subtitle-size:var(--type-size-body);--type-role-settings-support-subtitle-leading:var(--type-leading-relaxed);--type-role-settings-meta-size:var(--type-size-body);--type-role-settings-meta-leading:var(--type-leading-relaxed);--type-role-toast-size:var(--type-size-body);--space-0:0;--space-0_5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-2_5:.625rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--size-info-panel-min:17.5rem;--size-info-panel-max:22.5rem;--size-info-panel-offset:21.25rem;--size-stats-modal-max-w:67.5rem;--size-stats-modal-max-h:48.75rem;--size-stats-close-min-w:6.25rem;--size-stats-reset-min-w:8.125rem;--size-mobile-breakpoint:64rem;--size-app-padding-desktop:1.5rem;--size-app-padding-mobile:.75rem;--size-safe-area-bottom:env(safe-area-inset-bottom,0);--size-safe-area-left:env(safe-area-inset-left,0);--size-safe-area-right:env(safe-area-inset-right,0);--size-app-padding-mobile-safe-bottom:calc(var(--size-app-padding-mobile) + var(--size-safe-area-bottom));--size-app-padding-mobile-safe-inline-start:calc(var(--size-app-padding-mobile) + var(--size-safe-area-left));--size-app-padding-mobile-safe-inline-end:calc(var(--size-app-padding-mobile) + var(--size-safe-area-right));--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.75rem;--radius-full:999px;--border-width-1:1px;--border-width-strong:3px;--duration-fast:.2s;--duration-moderate:.3s;--duration-pulse:.5s;--duration-toast:2.5s;--ease-standard:ease;--opacity-disabled:.4;--z-overlay:40;--color-bg-primary:#f7f8fc;--color-bg-panel:#fff;--color-bg-panel-section:#f0f2fa;--color-bg-overlay:#10141fd1;--color-bg-card-muted:#e0e4f2b3;--color-bg-progress-track:#0a0c1429;--color-bg-button:#dbe2f7;--color-bg-button-hover:#ced8f3;--color-bg-button-active:#2e8b57;--color-bg-button-active-hover:#297a4d;--color-bg-danger-soft:#e0555514;--color-fg-primary:#1b2138;--color-fg-secondary:#4f5775;--color-fg-muted:#6f789b;--color-fg-inverse:#fff;--color-border-default:#c6cee8;--color-border-danger-soft:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-border-danger-soft:color-mix(in srgb,var(--color-accent-danger)45%,var(--color-border-default))}}:root{--color-accent-info:#a8780b;--color-accent-success:#2e8b57;--color-accent-danger:#d94a4a;--color-accent-danger-hover:#c13f3f;--color-accent-danger-soft:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-danger-soft:color-mix(in srgb,var(--color-accent-danger)65%,transparent)}}:root{--color-accent-danger-shadow:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-danger-shadow:color-mix(in srgb,var(--color-accent-danger)30%,transparent)}}:root{--color-accent-success-border-soft:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-success-border-soft:color-mix(in srgb,var(--color-accent-success)60%,var(--color-border-default))}}:root{--color-accent-danger-border-soft:var(--color-accent-danger)}@supports (color:color-mix(in lab,red,red)){:root{--color-accent-danger-border-soft:color-mix(in srgb,var(--color-accent-danger)60%,var(--color-border-default))}}:root{--color-stats-overlay-bg:#040810cc;--color-stats-modal-bg:linear-gradient(180deg,#050b17 0%,#07132b 100%);--color-stats-modal-border:#ffffff17;--color-stats-fg-primary:#e8ebf2;--color-stats-header-border:#ffffff14;--color-stats-title:#eef2f8;--color-stats-close-bg:#1b2439c7;--color-stats-close-bg-hover:#232d46e0;--color-stats-close-border:#ffffff12;--color-stats-close-fg:#aeb8ca;--color-stats-close-fg-hover:#dee4ef;--color-stats-quick-bg:#ffffff0a;--color-stats-quick-border:#ffffff0f;--color-stats-quick-highlight-bg:#fbbf241f;--color-stats-quick-highlight-border:#fbbf2466;--color-stats-quick-value:#f7f9ff;--color-stats-quick-value-highlight:#f7c32f;--color-stats-quick-label:#74809a;--color-stats-tab-fg:#6d7790;--color-stats-tab-bg-active:linear-gradient(90deg,#202940d1 0%,#282e3db3 100%);--color-stats-tab-fg-active:#f1f4f8;--color-stats-badge-bg:#f7c32f;--color-stats-badge-fg:#111827;--color-stats-retry-hint:#79839d;--color-stats-card-bg:linear-gradient(90deg,#182238d1 0%,#1e2b46a6 100%);--color-stats-card-bg-retry:linear-gradient(90deg,#182238d1 0%,#1c2843a3 100%);--color-stats-card-bg-hover:linear-gradient(90deg,#1d2840d9 0%,#222f4cad 100%);--color-stats-card-border:#ffffff1a;--color-stats-card-border-hover:#ffffff29;--color-stats-card-fg:#e6ebf4;--color-stats-retry-meta:#808aa3;--color-stats-retry-arrow:#6e7890;--color-stats-mate-1-bg:#22c55e4d;--color-stats-mate-2-bg:#fbbf244d;--color-stats-mate-3-bg:#f973164d;--color-stats-empty-title:#ecf1fb;--color-stats-empty-subtitle:#7f8aa3;--color-stats-section-title:#eef3fd;--color-stats-section-subtitle:#79849d;--color-stats-overall-position:#939eb3;--color-stats-overall-percent:#f2f6fd;--color-stats-progress-track-bg:#ffffff1f;--color-stats-progress-fill-bg:linear-gradient(90deg,#2ddc71 0%,#4ade80 100%);--color-stats-overall-meta:#7f8aa3;--color-stats-speed-count:#9ca7bc;--color-stats-speed-time:#e9eef7;--color-stats-speed-up:#4ade80;--color-stats-speed-down:#f87171;--color-stats-speed-muted:#74809a;--color-stats-callout-bg:linear-gradient(90deg,#22c55e2e 0%,#10744729 100%);--color-stats-callout-border:#22c55e52;--color-stats-callout-title:#4ade80;--color-stats-callout-copy:#9ca7bc;--color-stats-callout-strong:#f4f8ff;--color-board-theme-brown-light:#f0d9b5;--color-board-theme-brown-dark:#b58863;--color-board-theme-blue-light:#dee3e6;--color-board-theme-blue-dark:#8ca2ad;--color-board-theme-green-light:#ffd;--color-board-theme-green-dark:#86a666;--color-board-theme-gray-light:#dcdcdc;--color-board-theme-gray-dark:#8a8a8a;--color-settings-chip-bg:#ffffff0a;--color-settings-chip-border:#ffffff1a;--color-settings-chip-active-bg:var(--color-stats-tab-fg-active)}@supports (color:color-mix(in lab,red,red)){:root{--color-settings-chip-active-bg:color-mix(in srgb,var(--color-stats-tab-fg-active)10%,var(--color-stats-tab-bg-active))}}:root{--color-settings-chip-active-border:var(--color-stats-badge-bg)}@supports (color:color-mix(in lab,red,red)){:root{--color-settings-chip-active-border:color-mix(in srgb,var(--color-stats-badge-bg)70%,var(--color-stats-card-border-hover))}}:root{--color-settings-chip-active-shadow:var(--color-stats-badge-bg)}@supports (color:color-mix(in lab,red,red)){:root{--color-settings-chip-active-shadow:color-mix(in srgb,var(--color-stats-badge-bg)35%,transparent)}}:root{--color-settings-chip-check-bg:var(--color-stats-badge-bg);--color-settings-chip-check-fg:#111827;--color-settings-focus-ring:#ffffff8c;--color-settings-divider-strong:#ffffff17;--color-settings-divider-soft:#ffffff14;--color-settings-swatch-border:#ffffff3d;--color-settings-toggle-bg:#ffffff1f;--color-settings-toggle-border:#ffffff38;--color-settings-toggle-on-bg:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root{--color-settings-toggle-on-bg:color-mix(in srgb,var(--color-accent-success)42%,#0000001a)}}:root{--color-settings-toggle-on-border:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root{--color-settings-toggle-on-border:color-mix(in srgb,var(--color-accent-success)70%,#ffffff26)}}:root{--color-settings-toggle-thumb-bg:#fff;--color-settings-slider-track-bg:#ffffff29;--color-settings-slider-thumb-ring:#07132b59;--color-settings-support-bg:linear-gradient(180deg,#3f2c0ad9 0%,#2a1d07eb 100%);--color-settings-support-border:#b07c188c;--color-settings-support-border-hover:#d4a43bb3;--color-settings-support-icon:#f3deaa;--color-settings-support-title:#f4d664;--color-settings-support-subtitle:#b79337;--color-settings-support-chevron:#b79337;--color-settings-meta:#9498a7b8;--color-promotion-option-bg:var(--color-bg-panel)}@supports (color:color-mix(in lab,red,red)){:root{--color-promotion-option-bg:color-mix(in srgb,var(--color-bg-panel)88%,#bcc4d6)}}:root{--color-promotion-option-border:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root{--color-promotion-option-border:color-mix(in srgb,var(--color-border-default)72%,transparent)}}:root{--color-promotion-primary-bg:#e58644;--color-promotion-primary-border:#dd7e40;--color-promotion-focus-ring:#ffffff8c;--shadow-danger-soft:0 0 .5rem var(--color-accent-danger-shadow);--shadow-success-clear:0 0 0 transparent;--shadow-success-pulse:0 0 1rem #4caf5080;--shadow-danger-clear:0 0 0 transparent;--shadow-danger-pulse:0 0 1rem #e0555599}@media(max-width:64rem){:root{--type-role-brand-size:var(--type-size-body);--type-role-brand-tracking:var(--type-tracking-none);--type-role-puzzle-id-size:var(--type-size-heading);--type-role-puzzle-pill-tracking:var(--type-tracking-none);--type-role-puzzle-meta-size:var(--type-size-body);--type-role-puzzle-meta-weight:var(--type-weight-medium);--type-role-puzzle-status-size:var(--type-size-body);--type-role-panel-title-size:var(--type-size-heading);--type-role-panel-close-icon-size:var(--type-size-heading)}}:root[data-theme=light]{color-scheme:light;--color-stats-overlay-bg:#10141f9e;--color-stats-modal-bg:linear-gradient(180deg,#fff 0%,#f4f7ff 100%);--color-stats-modal-border:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-modal-border:color-mix(in srgb,var(--color-border-default)85%,transparent)}}:root[data-theme=light]{--color-stats-fg-primary:var(--color-fg-primary);--color-stats-header-border:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-header-border:color-mix(in srgb,var(--color-border-default)80%,transparent)}}:root[data-theme=light]{--color-stats-title:var(--color-fg-primary);--color-stats-close-bg:var(--color-bg-panel-section);--color-stats-close-bg-hover:var(--color-bg-button);--color-stats-close-border:var(--color-border-default);--color-stats-close-fg:var(--color-fg-secondary);--color-stats-close-fg-hover:var(--color-fg-primary);--color-stats-quick-bg:var(--color-bg-panel-section)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-quick-bg:color-mix(in srgb,var(--color-bg-panel-section)82%,#fff)}}:root[data-theme=light]{--color-stats-quick-border:var(--color-border-default);--color-stats-quick-highlight-bg:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-quick-highlight-bg:color-mix(in srgb,var(--color-accent-info)14%,#fff)}}:root[data-theme=light]{--color-stats-quick-highlight-border:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-quick-highlight-border:color-mix(in srgb,var(--color-accent-info)45%,var(--color-border-default))}}:root[data-theme=light]{--color-stats-quick-value:var(--color-fg-primary);--color-stats-quick-value-highlight:var(--color-accent-info);--color-stats-quick-label:var(--color-fg-muted);--color-stats-tab-fg:var(--color-fg-muted);--color-stats-tab-bg-active:var(--color-bg-panel-section);--color-stats-tab-fg-active:var(--color-fg-primary);--color-stats-badge-bg:#f7c32f;--color-stats-badge-fg:#111827;--color-stats-retry-hint:var(--color-fg-muted);--color-stats-card-bg:linear-gradient(180deg,#fff 0%,#f8faff 100%);--color-stats-card-bg-retry:linear-gradient(180deg,#fff 0%,#f6f9ff 100%);--color-stats-card-bg-hover:linear-gradient(180deg,#fff 0%,#eef3ff 100%);--color-stats-card-border:var(--color-border-default);--color-stats-card-border-hover:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-card-border-hover:color-mix(in srgb,var(--color-border-default)70%,var(--color-fg-primary))}}:root[data-theme=light]{--color-stats-card-fg:var(--color-fg-primary);--color-stats-retry-meta:var(--color-fg-muted);--color-stats-retry-arrow:var(--color-fg-muted);--color-stats-empty-title:var(--color-fg-primary);--color-stats-empty-subtitle:var(--color-fg-secondary);--color-stats-section-title:var(--color-fg-primary);--color-stats-section-subtitle:var(--color-fg-secondary);--color-stats-overall-position:var(--color-fg-muted);--color-stats-overall-percent:var(--color-fg-primary);--color-stats-progress-track-bg:var(--color-fg-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-progress-track-bg:color-mix(in srgb,var(--color-fg-primary)12%,transparent)}}:root[data-theme=light]{--color-stats-overall-meta:var(--color-fg-secondary);--color-stats-speed-count:var(--color-fg-secondary);--color-stats-speed-time:var(--color-fg-primary);--color-stats-speed-up:var(--color-accent-success);--color-stats-speed-down:var(--color-accent-danger);--color-stats-speed-muted:var(--color-fg-muted);--color-stats-callout-bg:linear-gradient(90deg,#22c55e29 0%,#1074471a 100%);--color-stats-callout-border:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-callout-border:color-mix(in srgb,var(--color-accent-success)35%,var(--color-border-default))}}:root[data-theme=light]{--color-stats-callout-title:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-stats-callout-title:color-mix(in srgb,var(--color-accent-success)86%,var(--color-fg-primary))}}:root[data-theme=light]{--color-stats-callout-copy:var(--color-fg-secondary);--color-stats-callout-strong:var(--color-fg-primary);--color-settings-chip-bg:var(--color-bg-panel-section)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-chip-bg:color-mix(in srgb,var(--color-bg-panel-section)86%,#fff)}}:root[data-theme=light]{--color-settings-chip-border:var(--color-border-default);--color-settings-chip-active-bg:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-chip-active-bg:color-mix(in srgb,var(--color-accent-info)12%,var(--color-bg-panel))}}:root[data-theme=light]{--color-settings-chip-active-border:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-chip-active-border:color-mix(in srgb,var(--color-accent-info)48%,var(--color-border-default))}}:root[data-theme=light]{--color-settings-chip-active-shadow:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-chip-active-shadow:color-mix(in srgb,var(--color-accent-info)22%,transparent)}}:root[data-theme=light]{--color-settings-chip-check-bg:var(--color-accent-info);--color-settings-chip-check-fg:#111827;--color-settings-focus-ring:var(--color-accent-info)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-focus-ring:color-mix(in srgb,var(--color-accent-info)48%,transparent)}}:root[data-theme=light]{--color-settings-divider-strong:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-divider-strong:color-mix(in srgb,var(--color-border-default)92%,transparent)}}:root[data-theme=light]{--color-settings-divider-soft:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-divider-soft:color-mix(in srgb,var(--color-border-default)70%,transparent)}}:root[data-theme=light]{--color-settings-swatch-border:var(--color-border-default)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-swatch-border:color-mix(in srgb,var(--color-border-default)85%,transparent)}}:root[data-theme=light]{--color-settings-toggle-bg:var(--color-fg-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-toggle-bg:color-mix(in srgb,var(--color-fg-primary)8%,transparent)}}:root[data-theme=light]{--color-settings-toggle-border:var(--color-fg-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-toggle-border:color-mix(in srgb,var(--color-fg-primary)20%,var(--color-border-default))}}:root[data-theme=light]{--color-settings-toggle-on-bg:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-toggle-on-bg:color-mix(in srgb,var(--color-accent-success)28%,#fff)}}:root[data-theme=light]{--color-settings-toggle-on-border:var(--color-accent-success)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-toggle-on-border:color-mix(in srgb,var(--color-accent-success)55%,var(--color-border-default))}}:root[data-theme=light]{--color-settings-toggle-thumb-bg:#fff;--color-settings-slider-track-bg:var(--color-fg-primary)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-slider-track-bg:color-mix(in srgb,var(--color-fg-primary)14%,transparent)}}:root[data-theme=light]{--color-settings-slider-thumb-ring:var(--color-bg-panel)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-slider-thumb-ring:color-mix(in srgb,var(--color-bg-panel)60%,transparent)}}:root[data-theme=light]{--color-settings-support-bg:linear-gradient(180deg,#fff5da 0%,#fff0ca 100%);--color-settings-support-border:#d29a2f}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-support-border:color-mix(in srgb,#d29a2f 48%,var(--color-border-default))}}:root[data-theme=light]{--color-settings-support-border-hover:#ca8d1f}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-support-border-hover:color-mix(in srgb,#ca8d1f 62%,var(--color-border-default))}}:root[data-theme=light]{--color-settings-support-icon:#8f6517;--color-settings-support-title:#8f6517;--color-settings-support-subtitle:#9a7529;--color-settings-support-chevron:#9a7529;--color-settings-meta:var(--color-fg-muted)}@supports (color:color-mix(in lab,red,red)){:root[data-theme=light]{--color-settings-meta:color-mix(in srgb,var(--color-fg-muted)82%,transparent)}}:root[data-theme=dark]{color-scheme:dark;--color-bg-primary:#1a1a2e;--color-bg-panel:#252540;--color-bg-panel-section:#1e1e36;--color-bg-overlay:#070810d1;--color-bg-card-muted:#0e0f1a73;--color-bg-progress-track:#00000040;--color-bg-button:#3a3a55;--color-bg-button-hover:#4a4a65;--color-bg-button-active:#4caf50;--color-bg-button-active-hover:#5cbf60;--color-bg-danger-soft:#e0555514;--color-fg-primary:#e0e0e0;--color-fg-secondary:#8888a0;--color-fg-muted:#606078;--color-fg-inverse:#fff;--color-border-default:#3a3a55;--color-accent-info:#d4a017;--color-accent-success:#4caf50;--color-accent-danger:#e05555;--color-accent-danger-hover:#c84d4d;--shadow-success-pulse:0 0 1rem #4caf5080;--shadow-danger-pulse:0 0 1rem #e0555599}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-bg-primary:#1a1a2e;--color-bg-panel:#252540;--color-bg-panel-section:#1e1e36;--color-bg-overlay:#070810d1;--color-bg-card-muted:#0e0f1a73;--color-bg-progress-track:#00000040;--color-bg-button:#3a3a55;--color-bg-button-hover:#4a4a65;--color-bg-button-active:#4caf50;--color-bg-button-active-hover:#5cbf60;--color-bg-danger-soft:#e0555514;--color-fg-primary:#e0e0e0;--color-fg-secondary:#8888a0;--color-fg-muted:#606078;--color-fg-inverse:#fff;--color-border-default:#3a3a55;--color-accent-info:#d4a017;--color-accent-success:#4caf50;--color-accent-danger:#e05555;--color-accent-danger-hover:#c84d4d}}@media(prefers-reduced-motion:reduce){.ui-puzzle-status[data-state=success],.ui-puzzle-status[data-state=danger],.ui-puzzle-status[data-state=info]{animation:none}}@keyframes stats-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes stats-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes stats-modal-in{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@keyframes stats-modal-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.5rem)}}@keyframes board-pulse-correct{0%{box-shadow:var(--shadow-success-clear);border-color:#0000}40%{border-color:var(--color-accent-success);box-shadow:var(--shadow-success-pulse)}to{box-shadow:var(--shadow-success-clear);border-color:#0000}}@keyframes board-pulse-incorrect{0%{border-color:var(--color-accent-danger-soft);box-shadow:var(--shadow-danger-soft)}40%{border-color:var(--color-accent-danger);box-shadow:var(--shadow-danger-pulse)}to{border-color:var(--color-accent-danger-soft);box-shadow:var(--shadow-danger-clear)}}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(calc(var(--space-0_5)*-1))}to{opacity:1;transform:translateY(0)}}@keyframes puzzle-status-fade-in{0%{opacity:0}to{opacity:1}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}
