@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-content:"";--tw-duration:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-outline-style:solid}}}@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;--spacing:.25rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--leading-normal:1.5;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-xs:4px;--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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}}@layer components{.app-body{margin:calc(var(--spacing) * 0);min-height:100dvh;min-width:calc(var(--spacing) * 80);color:#35271d;background:radial-gradient(at 50% -18%,#ffffff9e,#0000 46rem),radial-gradient(circle at 8% 19%,#9d632a2e,#0000 22rem),radial-gradient(circle at 93% 68%,#7b461b21,#0000 26rem),repeating-linear-gradient(0deg,#532e1207 0 1px,#0000 1px 5px),repeating-linear-gradient(90deg,#ffffff0d 0 2px,#0000 2px 7px),#e8cf9e;font-family:Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;overflow-x:hidden}.game-shell{isolation:isolate;width:min(72rem, calc(100% - calc(var(--spacing) * 8)));padding-block:calc(var(--spacing) * 11);padding-bottom:calc(var(--spacing) * 16);margin-inline:auto;position:relative}@media not all and (min-width:800px){.game-shell{padding-block:calc(var(--spacing) * 6.5);padding-bottom:calc(var(--spacing) * 10)}.game-shell:before,.game-shell:after{content:var(--tw-content);display:none}}@media not all and (min-width:560px){.game-shell{width:calc(100% - calc(var(--spacing) * 4));padding-block:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 7)}}@media not all and (min-width:800px){.game-shell--practice{width:calc(100% - calc(var(--spacing) * 5))}}.game-header{margin-bottom:calc(var(--spacing) * 6);justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 6);padding-inline:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 6.5);display:flex;position:relative}@media not all and (min-width:800px){.game-header{gap:calc(var(--spacing) * 3.5);flex-direction:column}}@media not all and (min-width:560px){.game-header{margin-bottom:calc(var(--spacing) * 3.5);gap:calc(var(--spacing) * 2.5);padding-inline:calc(var(--spacing) * .5);padding-bottom:calc(var(--spacing) * 4.5)}}.game-brand{padding-left:calc(var(--spacing) * 2.5);position:relative}@media not all and (min-width:560px){.game-brand{padding-left:calc(var(--spacing) * 0);text-align:center}}.game-eyebrow{margin:calc(var(--spacing) * 0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:.12em;letter-spacing:.12em;color:#95692f}.game-title{margin-top:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-black);font-size:clamp(2.15rem,5vw,3.35rem);font-weight:var(--font-weight-black);--tw-tracking:.075em;letter-spacing:.075em;color:#3f2919;text-shadow:0 2px #ffeac0,0 3px 5px #512f151f}@media not all and (min-width:800px){.game-title{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media not all and (min-width:560px){.game-title{margin-top:calc(var(--spacing) * 1.5);margin-bottom:calc(var(--spacing) * 1.5);text-align:center;font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-tracking:.045em;letter-spacing:.045em}}.game-subtitle{margin:calc(var(--spacing) * 0);text-align:left;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:#705c47}@media not all and (min-width:560px){.game-subtitle{max-width:calc(var(--spacing) * 124);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);margin-inline:auto}}.game-actions{align-items:center;gap:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 2);display:flex}@media not all and (min-width:800px){.game-actions{width:100%;padding-top:calc(var(--spacing) * 0);justify-content:space-between}}@media not all and (min-width:560px){.game-actions{gap:calc(var(--spacing) * 2);display:grid}.game-actions--solver{grid-template-columns:1fr auto}.game-actions--practice{grid-template-columns:repeat(1,minmax(0,1fr))}}.game-nav{align-items:center;gap:calc(var(--spacing) * 1);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 1);--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffff9e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:#fff9e894;border-width:1px;border-color:#a577376b;display:inline-flex}@media not all and (min-width:560px){.game-nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-nav--solver{grid-column:1/-1}}.game-nav-link{border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-black);line-height:1;font-weight:var(--font-weight-black);color:#73532a;transition-property:background,color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;transition-duration:.15s}@media (hover:hover){.game-nav-link:hover{color:#4f351b;background-color:#ecd7adb8}}@media not all and (min-width:560px){.game-nav-link{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);text-align:center}}.game-nav-link--active{color:#fff6db;--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffff4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:linear-gradient(#a96c2a,#754317)}.game-action-button{cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#684820;background-image:linear-gradient(#fff9e8,#f1deba);border-width:1px;border-color:#ad7d3b}@media (hover:hover){.game-action-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.04);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.game-action-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}@media not all and (min-width:560px){.game-action-button--solver,.game-action-button--practice{width:100%}}.game-divider{pointer-events:none;margin-top:calc(var(--spacing) * -4.5);margin-bottom:calc(var(--spacing) * 4);height:calc(var(--spacing) * 12);justify-content:center;align-items:center;gap:calc(var(--spacing) * 8);opacity:.85;display:flex}.game-divider:before{content:var(--tw-content);content:var(--tw-content);height:1px;width:min(18vw, calc(var(--spacing) * 36));content:var(--tw-content);--tw-content:"";content:var(--tw-content);background-image:linear-gradient(90deg,#0000,#97672b8f)}.game-divider:after{content:var(--tw-content);content:var(--tw-content);height:1px;width:min(18vw, calc(var(--spacing) * 36));content:var(--tw-content);--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y);content:var(--tw-content);--tw-content:"";content:var(--tw-content);background-image:linear-gradient(90deg,#0000,#97672b8f)}@media not all and (min-width:800px){.game-divider{margin-bottom:calc(var(--spacing) * 3)}}@media not all and (min-width:560px){.game-divider{margin-top:calc(var(--spacing) * -3);margin-bottom:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 11);gap:calc(var(--spacing) * 4.5)}.game-divider:before,.game-divider:after{content:var(--tw-content);width:min(12vw, calc(var(--spacing) * 14))}}.game-divider-icon{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);object-fit:contain;--tw-drop-shadow-size:drop-shadow(0 2px 1px var(--tw-drop-shadow-color,#43281461));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media not all and (min-width:560px){.game-divider-icon{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}}.game-divider-icon--large{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}@media not all and (min-width:560px){.game-divider-icon--large{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}}.game-panel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 6);background-color:#fff7e2d6;border-width:1px;border-color:#c9a96d;position:relative}@media not all and (min-width:560px){.game-panel{border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4)}}.game-section{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 5.5);background-color:#fff7e2d6;border-width:1px;border-color:#c9a96d}@media not all and (min-width:560px){.game-section{border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4)}}.game-heading{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);--tw-tracking:.035em;letter-spacing:.035em;color:#4b311e}@media not all and (min-width:560px){.game-heading{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}.game-empty-state{margin:calc(var(--spacing) * 0);margin-top:calc(var(--spacing) * 5.5);border-radius:var(--radius-xl);border-style:var(--tw-border-style);--tw-border-style:dashed;padding:calc(var(--spacing) * 3.5);--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:#795f41;background-color:#fffaee8a;border:1px dashed #d0af75}@media not all and (min-width:560px){.game-empty-state{padding:calc(var(--spacing) * 3);text-align:center;--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.game-empty-state--relaxed-mobile{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}}.game-step-count{height:calc(var(--spacing) * 10);min-width:calc(var(--spacing) * 14);border-radius:var(--radius-lg);border-style:var(--tw-border-style);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#70471b;background-image:linear-gradient(135deg,#fae9bd,#e2bd77);border-width:1px;border-color:#ba8a47;place-items:center;display:grid}.game-primary-button{margin-top:calc(var(--spacing) * 2.5);cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 3);--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:.04em;letter-spacing:.04em;color:#fff7dc;transition-property:filter,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-image:linear-gradient(#c45b42,#903528);border-width:1px;border-color:#702c21;transition-duration:.15s}@media (hover:hover){.game-primary-button:hover:not(:disabled){--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.06);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.game-primary-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}.game-primary-button:disabled{cursor:not-allowed;opacity:.5}.game-secondary-button{z-index:1;cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 3.5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#46633b;transition-property:transform,filter,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-image:linear-gradient(#fffef7,#edf2df);border-width:1px;border-color:#8eaa77;transition-duration:.15s;position:relative}@media (hover:hover){.game-secondary-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.04);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.game-secondary-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}.game-secondary-button--raised{--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffffbf), 0 2px 0 var(--tw-shadow-color,#6848201f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.game-secondary-button--raised:hover{--tw-shadow:inset 0 1px var(--tw-shadow-color,#fffc), 0 4px 0 var(--tw-shadow-color,#68482021);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.gem-button{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);--tw-shadow:0 1px 3px var(--tw-shadow-color,#452a112e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,filter,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-image:linear-gradient(145deg,#fff8e5,#e4c58f);border-width:0;place-items:center;transition-duration:.15s;display:grid}@media (hover:hover){.gem-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.04);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.gem-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}@media not all and (min-width:800px){.gem-button{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}}@media not all and (min-width:560px){.gem-button{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}}.gem-image{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);background-image:var(--gem-image);--tw-drop-shadow-size:drop-shadow(0 2px 1px var(--tw-drop-shadow-color,#2f1d0f59));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);display:block}@media not all and (min-width:800px){.gem-image{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@media not all and (min-width:560px){.gem-image{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.gem-image--small{background-position:50%;background-repeat:no-repeat;background-size:88%;width:100%;height:100%}.gem-picker{bottom:calc(100% + calc(var(--spacing) * 2));z-index:10;grid-template-columns:repeat(6,calc(var(--spacing) * 18));gap:calc(var(--spacing) * 1);border-radius:var(--radius-xl);padding:calc(var(--spacing) * 2);--tw-shadow:0 10px 24px var(--tw-shadow-color,#452a113d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:linear-gradient(145deg,#f4e3c1,#ddbd84);display:grid;position:absolute}@media not all and (min-width:800px){.gem-picker{grid-template-columns:repeat(6,calc(var(--spacing) * 16))}}@media not all and (min-width:560px){.gem-picker{grid-template-columns:repeat(3,calc(var(--spacing) * 14));gap:calc(var(--spacing) * 1)}}.gem-picker-option{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18);border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#fff8df;--tw-shadow:0 1px 2px var(--tw-shadow-color,#452a1124);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-image:linear-gradient(145deg,#fff8e5,#e4c58f);border-width:0;place-items:center;transition-duration:.15s;display:grid;position:relative}@media (hover:hover){.gem-picker-option:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.08);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.gem-picker-option:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}@media not all and (min-width:800px){.gem-picker-option{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}}@media not all and (min-width:560px){.gem-picker-option{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}}.color-chip{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18);place-items:center;display:inline-grid;position:relative}.color-chip--small{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.code-chips{z-index:1;gap:calc(var(--spacing) * 2);vertical-align:middle;flex-wrap:wrap;display:inline-flex;position:relative}.result-icon{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);border-style:var(--tw-border-style);--tw-leading:1;background-image:url(/dst-result-icons.png);background-repeat:no-repeat;background-size:200% 100%;border-width:0;border-radius:3.40282e38px;flex-shrink:0;font-size:0;line-height:1;display:inline-block}.result-icons{min-width:calc(var(--spacing) * 28);justify-content:flex-start;align-items:center;gap:calc(var(--spacing) * 1);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);background-image:linear-gradient(90deg,#d1f1eaa8,#faedb2a3);display:inline-flex}.score-count-options{grid-template-columns:repeat(5,calc(var(--spacing) * 9));gap:calc(var(--spacing) * 1);display:grid}.score-count-option{min-height:calc(var(--spacing) * 7);cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-black);line-height:1;font-weight:var(--font-weight-black);color:#704d26;transition-property:transform,filter,background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-color:#fffcf3d1;border-width:1px;border-color:#78572b47;transition-duration:.15s}@media (hover:hover){.score-count-option:hover:not(:disabled){--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(.97);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.score-count-option:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}.score-count-option:disabled{cursor:not-allowed;color:#b7aa96;opacity:.6;background-color:#e0d6c273}.score-count-option--exact{color:#f5fffa;--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffff59), 0 1px 2px var(--tw-shadow-color,#0f484e42);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:linear-gradient(#32a5a8,#176c79);border-color:#0000}.score-count-option--misplaced{color:#fffbe3;--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffff59), 0 1px 2px var(--tw-shadow-color,#5d480e40);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:linear-gradient(#c3a13b,#806817);border-color:#0000}.candidate-count{height:calc(var(--spacing) * 10);min-width:calc(var(--spacing) * 14);border-radius:var(--radius-lg);border-style:var(--tw-border-style);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);border-width:1px;place-items:center;display:grid}.candidate-count--conflict{color:#882f29;background-image:linear-gradient(135deg,#f7dbcc,#e8ae9e);border-color:#c67767}.candidate-count--available{color:#2e6135;background-image:linear-gradient(135deg,#e7f1c9,#afd198);border-color:#7aa26d}.game-history-list{margin:calc(var(--spacing) * 0);margin-top:calc(var(--spacing) * 5.5);gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 0);list-style-type:none;display:grid}.solver-history-row{grid-template-columns:calc(var(--spacing) * 8) minmax(0,1fr) auto;align-items:center;gap:calc(var(--spacing) * 2.5);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);transition-property:background,border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-image:linear-gradient(100deg,#fffdf5d6,#f7ebd18f);border-width:1px;border-color:#dfccaa;transition-duration:.15s;display:grid}@media (hover:hover){.solver-history-row:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:#fffdf6;border-color:#cda462}}@media not all and (min-width:560px){.solver-history-row{gap:calc(var(--spacing) * 1.5);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);grid-template-columns:auto minmax(0,1fr) auto}:is(.solver-history-row>*)[data-code-chips]{flex-wrap:nowrap;justify-self:flex-start;gap:1px}:is(.solver-history-row *)[data-color-chip]{width:clamp(calc(var(--spacing) * 9), 11vw, calc(var(--spacing) * 11));height:clamp(calc(var(--spacing) * 9), 11vw, calc(var(--spacing) * 11))}}.history-step{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7);border-style:var(--tw-border-style);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);color:#785127;background-image:radial-gradient(circle at 35% 30%,#fff2ca,#e5c487);border-width:1px;border-color:#af7d3e;border-radius:3.40282e38px;place-items:center;display:grid}@media not all and (min-width:560px){.history-step--compact{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}}.solver-history-actions{align-items:center;gap:calc(var(--spacing) * 2.5);display:flex}@media not all and (min-width:560px){.solver-history-actions{gap:calc(var(--spacing) * 1.5);justify-self:flex-end}:is(.solver-history-actions *)[data-result-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.solver-history-actions *)[data-result-icons]{min-width:calc(var(--spacing) * 0);gap:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 1.5)}}.history-delete-button{cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);color:#885044;transition-property:transform,filter,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;background-image:linear-gradient(#fffaf7,#f8e6dd);border-width:1px;border-color:#d3a69c;transition-duration:.15s}@media (hover:hover){.history-delete-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.04);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.history-delete-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}@media not all and (min-width:560px){.history-delete-button{min-width:calc(var(--spacing) * 10);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;border-radius:3.40282e38px;line-height:1}}.solver-entry-grid{margin-block:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 5);max-width:100%;padding-bottom:calc(var(--spacing) * 1);grid-template-columns:max-content minmax(0,34rem);display:grid;overflow:visible}@media not all and (min-width:800px){.solver-entry-grid{gap:calc(var(--spacing) * 4);grid-template-columns:repeat(1,minmax(0,1fr))}}@media not all and (min-width:560px){.solver-entry-grid{margin-block:calc(var(--spacing) * 1);margin-bottom:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 2.5);padding-bottom:calc(var(--spacing) * 0)}}:is(.candidate-code>*)[data-code-chips]{border-radius:var(--radius-lg);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing) * 1);background-color:#ffffff9e;border-width:1px;border-color:#b1905747;justify-content:center;display:flex}@media (hover:hover){:is(.candidate-code:hover>*)[data-code-chips]{background-color:#fffdf6;border-color:#c49d5b}}.game-rules{margin-bottom:calc(var(--spacing) * 5);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4.5);--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffffb8), 0 8px 20px var(--tw-shadow-color,#5330120f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:linear-gradient(120deg,#fff8e0e6,#f7e3b8b8);border-width:1px;border-color:#cba665}@media not all and (min-width:560px){.game-rules{margin-bottom:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3.5)}}.practice-history-row{grid-template-columns:calc(var(--spacing) * 8) minmax(0,1fr) minmax(calc(var(--spacing) * 28),auto);align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-xl);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);--tw-shadow:inset 0 1px var(--tw-shadow-color,#ffffffb8);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:linear-gradient(100deg,#fffdf5d6,#f7ebd18f);border-width:1px;border-color:#dfccaa;display:grid}@media not all and (min-width:560px){.practice-history-row{gap:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 2);grid-template-columns:1fr auto 1fr}:is(.practice-history-row>*)[data-code-chips]{flex-wrap:nowrap;justify-self:center;gap:1px}:is(.practice-history-row *)[data-color-chip]{width:clamp(calc(var(--spacing) * 9), 11vw, calc(var(--spacing) * 11));height:clamp(calc(var(--spacing) * 9), 11vw, calc(var(--spacing) * 11))}:is(.practice-history-row *)[data-result-icon]{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.practice-history-row *)[data-result-icons]{min-width:calc(var(--spacing) * 0);justify-content:center;gap:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * 1.5)}}.reveal-button{min-height:calc(var(--spacing) * 9);cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black);color:#76522a;--tw-shadow:inset 0 1px var(--tw-shadow-color,#fffc), 0 2px 0 var(--tw-shadow-color,#6848201f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-image:linear-gradient(#fff8e7,#efdcb6);border-width:1px;border-color:#b28a56}@media (hover:hover){.reveal-button:hover{--tw-brightness:brightness(1.04);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.reveal-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:3px;outline-width:3px;outline-color:#2f8ba0}.gem-input-grid{grid-template-columns:calc(var(--spacing) * 18) calc(var(--spacing) * 5) calc(var(--spacing) * 18) calc(var(--spacing) * 5) calc(var(--spacing) * 18) calc(var(--spacing) * 5) calc(var(--spacing) * 18);align-items:center;gap:calc(var(--spacing) * 1);display:grid}@media not all and (min-width:800px){.gem-input-grid{grid-template-columns:calc(var(--spacing) * 16) calc(var(--spacing) * 5) calc(var(--spacing) * 16) calc(var(--spacing) * 5) calc(var(--spacing) * 16) calc(var(--spacing) * 5) calc(var(--spacing) * 16)}}@media not all and (min-width:560px){.gem-input-grid{grid-template-columns:calc(var(--spacing) * 14) calc(var(--spacing) * 4) calc(var(--spacing) * 14) calc(var(--spacing) * 4) calc(var(--spacing) * 14) calc(var(--spacing) * 4) calc(var(--spacing) * 14);gap:calc(var(--spacing) * 2)}}@media not all and (min-width:360px){.gem-input-grid{gap:calc(var(--spacing) * 0)}}.gem-swap-button{z-index:1;width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * 0);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-black);line-height:1;font-weight:var(--font-weight-black);color:#805723;--tw-shadow:0 1px 2px var(--tw-shadow-color,#452a112e);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:transform,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));background-image:linear-gradient(#fff8e7,#e8c98e);border-width:1px;border-color:#b58a4f;border-radius:3.40282e38px;justify-self:center;place-items:center;display:grid}@media (hover:hover){.gem-swap-button:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y);--tw-brightness:brightness(1.06);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.gem-swap-button:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:3px;outline-color:#2f8ba0}}@layer utilities{.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.z-1{z-index:1}.z-2{z-index:2}.z-100{z-index:100}.col-span-full{grid-column:1/-1}.m-0{margin:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4\.5{margin-top:calc(var(--spacing) * 4.5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-5\.5{margin-top:calc(var(--spacing) * 5.5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-6\.5{margin-top:calc(var(--spacing) * 6.5)}.mt-auto{margin-top:auto}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-4\.5{margin-bottom:calc(var(--spacing) * 4.5)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-12{min-height:calc(var(--spacing) * 12)}.w-\[min\(26rem\,100\%\)\]{width:min(26rem,100%)}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[minmax\(--spacing\(11\)\,1fr\)_auto\]{grid-template-columns:minmax(calc(var(--spacing) * 11),1fr) auto}.grid-cols-\[minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr)}.grid-cols-\[repeat\(auto-fit\,minmax\(--spacing\(56\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(calc(var(--spacing) * 56),1fr))}.grid-rows-\[auto_1fr_1fr\]{grid-template-rows:auto 1fr 1fr}.flex-col{flex-direction:column}.place-items-center{place-items:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.justify-items-start{justify-items:start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-4\.5{gap:calc(var(--spacing) * 4.5)}.gap-5{gap:calc(var(--spacing) * 5)}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#6e9c72\]{border-color:#6e9c72}.border-\[\#8b392b\]{border-color:#8b392b}.border-\[\#9cad72\]{border-color:#9cad72}.border-\[\#99ad6c\]{border-color:#99ad6c}.border-\[\#b89b64\]{border-color:#b89b64}.border-\[\#c7aa76\]{border-color:#c7aa76}.border-\[\#c98e55\]{border-color:#c98e55}.border-\[\#d8bc85\]{border-color:#d8bc85}.border-\[\#d39b91\]{border-color:#d39b91}.border-\[\#dcc69a\]{border-color:#dcc69a}.bg-\[\#dcebc8\]{background-color:#dcebc8}.bg-\[\#fff1e9\]{background-color:#fff1e9}.bg-\[rgb\(43_27_17\/0\.58\)\]{background-color:#2b1b1194}.bg-\[rgb\(211_242_235\/0\.7\)\]{background-color:#d3f2ebb3}.bg-\[rgb\(249_237_176\/0\.66\)\]{background-color:#f9edb0a8}.bg-\[rgb\(255_252_242\/0\.58\)\]{background-color:#fffcf294}.bg-\[linear-gradient\(\#c75e43\,\#8d3127\)\]{background-image:linear-gradient(#c75e43,#8d3127)}.bg-\[linear-gradient\(135deg\,\#e9f6dc\,\#c8e8be\)\]{background-image:linear-gradient(135deg,#e9f6dc,#c8e8be)}.bg-\[linear-gradient\(135deg\,\#f4f5d4\,\#dcecc7\)\]{background-image:linear-gradient(135deg,#f4f5d4,#dcecc7)}.bg-\[linear-gradient\(135deg\,\#fbf7db\,\#e0eec9\)\]{background-image:linear-gradient(135deg,#fbf7db,#e0eec9)}.bg-\[linear-gradient\(135deg\,\#fff5d9\,\#f1dfb6\)\]{background-image:linear-gradient(135deg,#fff5d9,#f1dfb6)}.bg-\[linear-gradient\(145deg\,\#fff8e8\,\#f1d7ad\)\]{background-image:linear-gradient(145deg,#fff8e8,#f1d7ad)}.bg-\[linear-gradient\(145deg\,rgb\(255_253_245\/0\.78\)\,rgb\(246_232_201\/0\.52\)\)\]{background-image:linear-gradient(145deg,#fffdf5c7,#f6e8c985)}.bg-\[url\(\'\/dst-result-icons\.png\'\)\]{background-image:url(/dst-result-icons.png)}.bg-size-\[200\%_100\%\]{background-size:200% 100%}.bg-top-left{background-position:0 0}.bg-top-right{background-position:100% 0}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4\.5{padding:calc(var(--spacing) * 4.5)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0px\]{font-size:0}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.035em\]{--tw-tracking:.035em;letter-spacing:.035em}.text-\[\#4b311e\]{color:#4b311e}.text-\[\#4f743f\]{color:#4f743f}.text-\[\#6c591c\]{color:#6c591c}.text-\[\#7a6042\]{color:#7a6042}.text-\[\#7e6b54\]{color:#7e6b54}.text-\[\#315e60\]{color:#315e60}.text-\[\#375a37\]{color:#375a37}.text-\[\#785a34\]{color:#785a34}.text-\[\#863e34\]{color:#863e34}.text-\[\#875a34\]{color:#875a34}.text-\[\#68451f\]{color:#68451f}.text-\[\#73542d\]{color:#73542d}.text-\[\#76543a\]{color:#76543a}.text-\[\#95692f\]{color:#95692f}.text-\[\#547052\]{color:#547052}.text-\[\#587047\]{color:#587047}.text-\[\#593721\]{color:#593721}.text-\[\#604326\]{color:#604326}.text-\[\#fff4d9\]{color:#fff4d9}.not-italic{font-style:normal}.shadow-\[0_4px_10px_color-mix\(in_srgb\,var\(--swatch\)_50\%\,transparent\)\]{--tw-shadow:0 4px 10px var(--tw-shadow-color,var(--swatch))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_4px_10px_color-mix\(in_srgb\,var\(--swatch\)_50\%\,transparent\)\]{--tw-shadow:0 4px 10px var(--tw-shadow-color,color-mix(in srgb,var(--swatch) 50%,transparent))}}.shadow-\[0_4px_10px_color-mix\(in_srgb\,var\(--swatch\)_50\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.\[background\:color-mix\(in_srgb\,var\(--swatch\)_24\%\,\#fff4d7\)\]{background:var(--swatch)}@supports (color:color-mix(in lab, red, red)){.\[background\:color-mix\(in_srgb\,var\(--swatch\)_24\%\,\#fff4d7\)\]{background:color-mix(in srgb,var(--swatch) 24%,#fff4d7)}}.before\:text-sm:before{content:var(--tw-content);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.before\:text-\[\#b27829\]:before{content:var(--tw-content);color:#b27829}.before\:content-\[\'❯\'\]:before{--tw-content:"❯";content:var(--tw-content)}:is(.\*\*\:data-result-icon\:ml-0\.5 *)[data-result-icon]{margin-left:calc(var(--spacing) * .5)}:is(.\*\*\:data-result-icon\:size-6 *)[data-result-icon]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}@media not all and (min-width:560px){.max-\[560px\]\:mt-3{margin-top:calc(var(--spacing) * 3)}.max-\[560px\]\:mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.max-\[560px\]\:mb-3{margin-bottom:calc(var(--spacing) * 3)}.max-\[560px\]\:items-center{align-items:center}.max-\[560px\]\:justify-center{justify-content:center}.max-\[560px\]\:justify-items-center{justify-items:center}.max-\[560px\]\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.max-\[560px\]\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.max-\[560px\]\:gap-3{gap:calc(var(--spacing) * 3)}.max-\[560px\]\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.max-\[560px\]\:p-3{padding:calc(var(--spacing) * 3)}.max-\[560px\]\:text-center{text-align:center}}@media (min-width:561px){.min-\[561px\]\:mt-4{margin-top:calc(var(--spacing) * 4)}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-duration{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}