/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-duration:initial;--tw-content:"";--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--tw-duration:initial;--tw-content:"";--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--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);--font-weight-medium:500;--radius-md:calc(var(--radius) * .8);--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.left-1\/2{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mt-4{margin-top:calc(var(--spacing) * 4)}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-1{height:calc(var(--spacing) * 1)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-18{height:calc(var(--spacing) * 18)}.h-full{height:100%}.w-full{width:100%}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-none{touch-action:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded-\[4px\]{border-radius:4px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius)}.rounded-xl{border-radius:calc(var(--radius) * 1.4)}.rounded-b-xl{border-bottom-right-radius:calc(var(--radius) * 1.4);border-bottom-left-radius:calc(var(--radius) * 1.4)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-ring{border-color:var(--ring)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--destructive) 10%, transparent)}}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-white{background-color:var(--color-white)}.bg-clip-padding{background-clip:padding-box}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-heading{font-family:var(--font-sans)}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-input{color:var(--input)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.ring-1{--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)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-\[\:focus-visible\]\/field-label\:ring-0:is(:where(.group\/field-label):has(:focus-visible) *){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.group-has-\[\:focus-visible\]\/field-label\:not-data-checked\:border-input:is(:where(.group\/field-label):has(:focus-visible) *):not(:where([data-state=checked]),:where([data-checked]:not([data-checked=false]))){border-color:var(--input)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}@media (hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-3:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:ring-3:active{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.has-aria-expanded\:bg-muted\/50:has([aria-expanded=true]){background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--primary)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\: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,)}}@media (min-width:40rem){.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-checked\:border-primary:where([data-state=checked]),.data-checked\:border-primary:where([data-checked]:not([data-checked=false])){border-color:var(--primary)}.data-checked\:bg-primary:where([data-state=checked]),.data-checked\:bg-primary:where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-checked\:text-primary-foreground:where([data-state=checked]),.data-checked\:text-primary-foreground:where([data-checked]:not([data-checked=false])){color:var(--primary-foreground)}.group-has-\[\:focus-visible\]\/field-label\:data-checked\:border-primary:is(:where(.group\/field-label):has(:focus-visible) *):where([data-state=checked]),.group-has-\[\:focus-visible\]\/field-label\:data-checked\:border-primary:is(:where(.group\/field-label):has(:focus-visible) *):where([data-checked]:not([data-checked=false])){border-color:var(--primary)}.dark\:data-checked\:bg-primary:is(.dark *):where([data-state=checked]),.dark\:data-checked\:bg-primary:is(.dark *):where([data-checked]:not([data-checked=false])){background-color:var(--primary)}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.data-horizontal\:h-1:where([data-orientation=horizontal]){height:calc(var(--spacing) * 1)}.data-horizontal\:h-full:where([data-orientation=horizontal]){height:100%}.data-horizontal\:w-full:where([data-orientation=horizontal]){width:100%}.data-vertical\:h-full:where([data-orientation=vertical]){height:100%}.data-vertical\:min-h-40:where([data-orientation=vertical]){min-height:calc(var(--spacing) * 40)}.data-vertical\:w-1:where([data-orientation=vertical]){width:calc(var(--spacing) * 1)}.data-vertical\:w-auto:where([data-orientation=vertical]){width:auto}.data-vertical\:w-full:where([data-orientation=vertical]){width:100%}.data-vertical\:flex-col:where([data-orientation=vertical]){flex-direction:column}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}@media (hover:hover){:is(.\*\:\[a\]\:hover\:text-foreground>*):is(a):hover{color:var(--foreground)}}.\[\&\>svg\]\:size-3\.5>svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root,.dark{--background:#faf8f7;--foreground:#080044;--card:#fff;--card-foreground:#080044;--popover:#fff;--popover-foreground:#080044;--primary:#542fea;--primary-foreground:#fff;--secondary:#eeeafd;--secondary-foreground:#3b1fc4;--muted:#f1eeec;--muted-foreground:#676576;--accent:#eaf8bf;--accent-foreground:#080044;--destructive:#b83a47;--border:#e1dad7;--input:#e1dad7;--ring:#542fea;--radius:1rem;--sidebar:#fff;--sidebar-foreground:#080044;--sidebar-primary:#542fea;--sidebar-primary-foreground:#fff;--sidebar-accent:#eeeafd;--sidebar-accent-foreground:#3b1fc4;--sidebar-border:#e1dad7;--sidebar-ring:#542fea;--brand-midnight:#080044;--brand-royal:#542fea;--brand-orchid:#f946d1;--brand-spring:#eaf8bf;--brand-spring-light:#f6ffdb;--brand-graphite:#393558;--brand-steel:#676576;--brand-linen:#e1dad7;--brand-linen-soft:#faf8f7}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0;font-size:16px;line-height:1.5}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #dcd5fb}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}.site-shell{min-height:100dvh}.site-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:25px;height:91px;padding:0 max(5%,50vw - 600px);display:flex}.brand{letter-spacing:-2.8px;color:#393558;font-size:43px;font-weight:800;line-height:1}.brand span{vertical-align:top;letter-spacing:0;margin-left:4px;font-size:14px;position:relative;top:7px}.main-wrap{max-width:1200px;margin:auto;padding:43px 0 25px}.eyebrow{letter-spacing:2.4px;color:#676576;font-size:12px;font-weight:650}h1{letter-spacing:-1.1px;margin-top:5px;font-size:35px;font-weight:650;line-height:1.3}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:25px;min-height:52px;padding:13px 21px;font-size:15px;font-weight:650;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-purple{color:#fff;background:#542fea}.button-plain{color:#393558;border:1px solid var(--border);background:#fff}.game-icon{border-radius:11px;justify-content:center;align-items:center;width:45px;height:45px;display:inline-flex}.game-icon svg{stroke-width:1.6px;width:23px;height:23px}.orange{color:#b87930;background:#fff1de}.pink{color:#be537e;background:#ffeaf2}.blue{color:#5487c4;background:#e9f2ff}.green{color:#519770;background:#e6f5ed}.purple{color:#676576;background:#eeeafd}.site-footer{border-top:1px solid var(--border);color:#676576;justify-content:space-between;align-items:center;max-width:1200px;margin:4px auto 0;padding:20px 0 25px;font-size:12px;display:flex}.site-footer a{align-items:center;gap:6px;display:flex}@media (min-width:1500px){.main-wrap{padding-top:55px}}@media (max-width:1300px){.main-wrap,.site-footer{margin-left:5%;margin-right:5%}}@media (max-width:600px){.site-header{gap:14px;height:73px;padding:0 20px}.brand{font-size:35px}.brand span{font-size:11px}.main-wrap{margin:0;padding:26px 18px 18px}.eyebrow{letter-spacing:1.7px;font-size:10px}h1{font-size:29px}.game-icon{width:42px;height:42px}.site-footer{align-items:center;gap:20px;margin:0 18px;padding:17px 0;font-size:11px}.site-footer>a{max-width:130px;font-size:11px}.site-footer>span{max-width:190px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand-button{background:0 0;border:0;padding:0}.arena-wrap{max-width:780px;min-height:calc(100dvh - 168px);margin:0 auto;padding:28px 20px 40px}.arena-nav{justify-content:space-between;align-items:center;gap:10px;margin-bottom:26px;display:flex}.back-button{color:#676576;background:0 0;border:0;align-items:center;gap:7px;padding:9px 0;font-size:14px;display:flex}.running-score{color:#676576;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:16px;font-weight:600;display:flex}.running-score small{color:#676576;font-size:12px;font-weight:400}.round-progress{gap:10px;margin-bottom:22px;display:flex}.round-progress>span{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.round-progress>span:not(:last-child):after{content:"";background:#e1dad7;width:calc(100% - 22px);height:2px;position:absolute;top:14px;left:calc(50% + 16px)}.round-progress i{color:#676576;z-index:1;background:#e1dad7;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-style:normal;display:grid}.round-progress b{color:#676576;font-size:11px;font-weight:450}.round-progress .active i{color:#fff;background:#542fea;box-shadow:0 0 0 4px #eeeafd}.round-progress .active b{color:#542fea;font-weight:600}.round-progress .complete i{color:#5e8536;background:#eaf8bf}.round-progress .complete:after{background:#cfdfbb!important}.arena-card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:35px;overflow:hidden;box-shadow:0 10px 45px #3b1c6605}.round-intro{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:18px 20px;display:flex}.round-intro h1,.round-result h1,.final-result h1{outline:none;margin:0;font-size:34px}.round-intro>p{color:#676576;max-width:470px;font-size:18px;line-height:1.65}.round-intro>.button{min-width:260px}.small-note{text-align:center;color:#676576;font-size:12px;line-height:1.6;display:block}.active-game-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.active-game-header h1{outline:none;font-size:26px}.active-game-header .eyebrow{font-size:10px}.timer{color:#676576;font-variant-numeric:tabular-nums;background:#f5f2fe;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;display:flex}.timer b{text-align:center;min-width:29px;font-size:24px;font-weight:650}.timer span{font-size:12px}.timer.urgent{color:#b44744;background:#fff0ec}.time-progress{margin:21px 0 28px}.time-progress [data-slot=progress-track]{height:5px}.time-progress.urgent [data-slot=progress-indicator]{background:#d7765c}.game-prompt{color:#393558;justify-content:center;align-items:center;gap:9px;margin-bottom:6px;display:flex}.game-prompt h3,.invoice-game>h3{letter-spacing:-.3px;font-size:19px;font-weight:600}.game-helper{color:#676576;text-align:center;font-size:14px;line-height:1.6}.tool-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:23px;display:grid}.tool-option{color:#676576;cursor:pointer;background:#f5f2fe;border:1.5px solid #e1dad7;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:130px;padding:15px 6px;display:flex;position:relative}.tool-option>span{color:#393558;white-space:nowrap;font-size:13px}.tool-option [data-slot=checkbox]{width:18px;height:18px;position:absolute;top:9px;right:9px}.tool-option.selected{background:#f5f2fe;border-color:#542fea}.tool-option.selected>svg{color:#542fea}.memorize-grid{grid-template-columns:repeat(2,1fr);max-width:440px;margin-left:auto;margin-right:auto}.tool-option.memorize{cursor:default;background:#f5f2fe;border-color:#eeeafd;min-height:145px}.game-action{border-top:1px solid #eeeafd;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding-top:20px;display:flex}.game-action>span{color:#676576;font-size:13px}.game-action>.button{gap:12px;font-size:14px}.measure-game{text-align:center}.round-chips{justify-content:center;gap:8px;margin-bottom:19px;display:flex}.round-chips span{color:#676576;background:#f5f2fe;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.round-chips .current{color:#fff;background:#542fea}.round-chips .done{color:#6a9144;background:#e3f1d8}.target-number{color:#542fea;letter-spacing:-3px;font-size:65px;font-weight:650;line-height:1.3}.target-number>span{letter-spacing:-.6px;color:#676576;margin-left:7px;font-size:23px;font-weight:400}.measure-surface{margin:58px 13px 34px;position:relative}.measurement-pipe{background:linear-gradient(#eeeafd,#fff 45%,#e1dad7);border:2px solid #e1dad7;border-radius:3px;height:34px;box-shadow:0 4px #e1dad7}.cut-pointer{color:#542fea;pointer-events:none;position:absolute;top:-37px;transform:translate(-50%)}.cut-pointer:after{content:"";z-index:1;border-left:2px dashed #676576;width:1px;height:40px;position:absolute;top:29px;left:50%}.cut-slider{z-index:2;height:40px;position:absolute;inset:0}.cut-slider>div{height:40px}.cut-slider [data-slot=slider-track]{opacity:0;height:36px!important}.cut-slider [data-slot=slider-thumb]{background:#8156ca18;border:2px solid #676576;border-radius:5px;width:22px;height:44px}.cut-slider [data-slot=slider-thumb]:after{inset:-5px}.pipe-ends{color:#676576;justify-content:space-between;margin-top:13px;font-size:13px;display:flex}.measure-game>.button{min-width:230px}.cut-history{flex-wrap:wrap;justify-content:center;gap:8px;min-height:30px;margin-top:25px;display:flex}.cut-history>span{color:#676576;background:#f5f2fe;border-radius:5px;padding:5px 8px;font-size:12px}.cut-history b{color:#676576;font-weight:500}.pipe-game{text-align:center}.pipe-grid{background:#f5f2fe;border:7px solid #f5f2fe;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:4px;max-width:330px;margin:0 auto 20px;display:grid;position:relative;overflow:hidden}.pipe-cell{aspect-ratio:1;background:#eeeafd;border:0;min-width:0;padding:0;transition:background .15s;display:block;position:relative}.pipe-cell:first-child{border-left:4px solid #80b9ea}.pipe-cell:last-child{border-right:4px solid #80b9ea}.pipe-cell:hover{background:#eeeafd}.pipe-cell svg{width:100%;height:100%}.pipe-cell>span{color:#676576;font-size:10px;position:absolute;top:3px;left:5px}.pipe-game>.button{margin:20px auto 10px}.work-log{background:#f5f2fe;border:1px solid #eeeafd;border-radius:11px;padding:16px 18px}.work-log>div{color:#676576;align-items:center;gap:8px;font-size:14px;display:flex}.work-log>div>span{letter-spacing:1px;color:#676576;margin-left:auto;font-size:10px}.work-log p{color:#676576;margin-top:8px;font-size:14px;line-height:1.7}.invoice-game>h3{text-align:center;font-size:18px}.saving-status{color:#676576;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.round-result{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:20px 10px;display:flex}.result-score{letter-spacing:-2px;color:#393558;font-size:58px;font-weight:650;line-height:1.15}.result-score>span{color:#676576;letter-spacing:0;margin-top:7px;font-size:13px;font-weight:400;display:block}.round-result>p{color:#676576;max-width:430px;font-size:16px}.round-result>.button{min-width:230px;margin-top:6px}.final-result{text-align:center}.final-score>span{letter-spacing:0;color:#676576;margin-top:8px;font-size:14px;font-weight:400;display:block}.rank-summary{color:#676576;margin-top:19px;font-size:15px}.rank-summary b{color:#676576}.result-breakdown{background:#f5f2fe;border-radius:13px;padding:7px 18px}.result-breakdown>div{text-align:left;align-items:center;gap:13px;padding:12px 0;display:flex}.result-breakdown>div:not(:last-child){border-bottom:1px solid #eeeafd}.result-breakdown .game-icon{border-radius:9px;width:37px;height:37px}.result-breakdown>div>span:nth-child(2){color:#676576;flex:1;font-size:14px}.result-breakdown [data-slot=progress]{max-width:310px;margin-top:7px}.result-breakdown [data-slot=progress-track]{background:#eeeafd;height:3px}.result-breakdown [data-slot=progress-indicator]{background:#542fea}.result-breakdown b{color:#676576;font-variant-numeric:tabular-nums;font-size:17px}.error-box{color:#aa645f;background:#fff4f1;border:1px solid #edd3cf;border-radius:9px;align-items:center;gap:9px;margin-top:17px;padding:14px;font-size:14px;line-height:1.5;display:flex}.error-box>span{flex:1}.error-box button{color:#925452;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;text-decoration:underline;display:flex}.drifti-dialog[data-slot]{border-radius:19px;gap:17px;max-width:450px;max-height:90dvh;padding:28px;overflow-y:auto}.drifti-dialog .dialog-title{letter-spacing:-.7px;color:#393558;padding-right:20px;font-size:25px;font-weight:600;line-height:1.25}.drifti-dialog [data-slot=dialog-description]{color:#676576;font-size:15px;line-height:1.65}.dialog-x{color:#676576;background:#f5f2fe;border:0;border-radius:50%;place-items:center;padding:6px;display:grid;position:absolute;top:16px;right:16px}.field-label{color:#676576;margin:0 0 7px;font-size:14px;font-weight:550;display:block}.text-input{color:#393558;width:100%;min-height:49px;font:inherit;background:#fff;border:1px solid #dcd5fb;border-radius:8px;outline:none;margin-bottom:17px;padding:11px 13px;font-size:16px;display:block}.text-input:focus{border-color:#676576;box-shadow:0 0 0 3px #af8be522}.text-input::placeholder{color:#676576}.field-note{color:#676576;margin-top:-7px;font-size:12px;line-height:1.6}.consent{color:#676576;cursor:pointer;align-items:flex-start;gap:10px;margin:20px 0 16px;font-size:13px;display:flex}.consent [data-slot=checkbox]{width:18px;height:18px;margin-top:3px}.consent button{color:#676576;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.test-notice{color:#676576;background:#f5f2fe;border-radius:8px;align-items:flex-start;gap:9px;padding:12px;font-size:12px;line-height:1.6;display:flex}.full-width{width:100%;margin-top:18px}.rules-list{color:#676576;margin:0;padding-left:18px;font-size:14px;line-height:1.65}.rules-list li{margin-bottom:12px;padding-left:5px}.rules-list b{color:#676576;font-weight:600}.privacy-note{color:#676576;font-size:12px;line-height:1.65}.privacy-note a{text-decoration:underline}.leaderboard{border:1px solid var(--border);background:#fff;border-radius:20px;min-height:450px;padding:30px}.rank{color:#676576;place-items:center;width:32px;font-size:15px;display:grid}.rank-1{color:#bb8e42}.rank-2{color:#676576}.rank-3{color:#b18260}@media (max-width:600px){.arena-wrap{padding:19px 13px 28px}.arena-nav{margin-bottom:20px}.back-button{font-size:13px}.running-score{gap:5px;font-size:14px}.running-score small{display:none}.round-progress{gap:4px;margin-bottom:18px}.round-progress b{letter-spacing:-.2px;font-size:9px}.round-progress i{width:25px;height:25px;font-size:11px}.round-progress>span:not(:last-child):after{width:calc(100% - 23px);top:12px;left:calc(50% + 14px)}.arena-card{border-radius:17px;padding:22px 17px}.round-intro{gap:19px;padding:12px 0}.round-intro h1,.round-result h1{letter-spacing:-1px;font-size:27px}.round-intro>p{font-size:16px}.round-intro>.button{width:100%;min-width:0}.active-game-header h1{letter-spacing:-.7px;font-size:23px}.timer{gap:4px;padding:6px 8px}.timer b{min-width:27px;font-size:22px}.timer svg{width:16px}.timer span{font-size:10px}.time-progress{margin:17px 0 23px}.game-prompt h3{text-align:center;font-size:17px}.game-helper{font-size:13px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:17px}.tool-option{gap:10px;min-height:102px;padding:12px 6px}.tool-option>svg{width:29px;height:29px}.tool-option>span{font-size:12px}.tool-option [data-slot=checkbox]{width:17px;height:17px;top:8px;right:8px}.tool-option.memorize{min-height:131px}.tool-option.memorize>svg{width:39px;height:39px}.game-action{margin-top:20px;padding-top:17px}.game-action>.button{gap:8px;min-height:48px;padding:12px 13px;font-size:13px}.game-action>span{font-size:12px}.target-number{font-size:62px}.measure-surface{margin-top:52px}.pipe-grid{border-width:5px;gap:4px;max-width:292px}.work-log{padding:13px}.work-log>div>span{letter-spacing:.5px;font-size:8px}.work-log p{font-size:13px}.round-result{gap:18px;padding:14px 0}.round-result>p{font-size:15px}.result-score{font-size:53px}.final-score{font-size:64px}.result-breakdown{padding:5px 11px}.result-breakdown>div{gap:10px}.result-breakdown>div>span:nth-child(2){font-size:13px}.result-breakdown b{font-size:15px}.drifti-dialog[data-slot]{gap:16px;max-width:calc(100% - 30px);padding:24px}.drifti-dialog .dialog-title{font-size:24px}.leaderboard{padding:22px 16px}.error-box{flex-wrap:wrap;font-size:12px}.error-box>span{min-width:140px}.small-note{font-size:11px}}.game-helper,.small-note,.field-note,.field-label,.consent,.privacy-note,.rules-list,.rules-list b,.rank-summary,.round-result>p,.result-score>span,.final-score>span,.game-action>span,.work-log p,.test-notice{color:#676576}.game-helper,.round-intro>p,.round-result>p{font-size:16px}.game-action>span,.field-note,.consent,.rules-list,.privacy-note,.drifti-dialog [data-slot=dialog-description],.tool-option>span{font-size:14px}.tool-option [data-slot=checkbox]:after{inset:-7px}.round-progress b{color:#676576}@media (max-width:600px){.game-helper{font-size:14px}.tool-option>span,.game-action>span,.field-note,.consent{font-size:13px}.privacy-note{font-size:12px}.round-progress b{font-size:10px}.tool-grid:not(.memorize-grid){grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tool-grid:not(.memorize-grid) .tool-option{gap:9px;min-height:110px;padding:27px 3px 9px}.tool-grid:not(.memorize-grid) .tool-option>span{white-space:normal;overflow-wrap:anywhere;text-align:center;align-items:center;max-width:100%;min-height:31px;font-size:13px;line-height:1.2;display:flex}.tool-grid:not(.memorize-grid) .tool-option>svg{width:27px;height:27px}.tool-grid:not(.memorize-grid) .tool-option [data-slot=checkbox]{width:16px;height:16px;top:6px;right:6px}}.pipe-grid-advanced{grid-template-columns:repeat(4,minmax(0,1fr));max-width:360px}.pipe-grid-advanced .pipe-cell{opacity:1;min-height:0}.pipe-grid-advanced .pipe-blocked{color:#676576;cursor:default;background:#e1dad7;place-items:center;display:grid}.pipe-grid-advanced .pipe-blocked>svg{width:24px;height:24px}.pipe-grid-advanced .pipe-checkpoint{background:#e0ebff}.pipe-grid-advanced .pipe-checkpoint:hover{background:#eeeafd}.pipe-grid-advanced .checkpoint-number{color:#fff;background:#447ebc;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:650;line-height:1;display:grid;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 2px #e0ebff}.pipe-checkpoint-key{color:#676576;justify-content:center;align-items:center;gap:6px;margin:0 auto 13px;font-size:13px;display:flex}.pipe-checkpoint-key>span{color:#fff;background:#447ebc;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:600;display:grid}.pipe-checkpoint-key>span:last-of-type{margin-right:4px}.invoice-audit-table{table-layout:fixed;margin-top:17px}.invoice-audit-table thead th{color:#676576;font-size:13px;font-weight:500}.invoice-audit-table thead th:first-child{width:31%}.invoice-audit-table thead th:nth-child(2),.invoice-audit-table thead th:nth-child(3){text-align:center;width:12%}.invoice-audit-table thead th:last-child{text-align:center;width:45%}.invoice-audit-table th,.invoice-audit-table td{white-space:normal;border-color:#e1dad7;padding:10px 5px}.invoice-audit-table tr{border-color:#e1dad7}.invoice-audit-table .invoice-item-name{color:#393558;font-size:15px;font-weight:550;line-height:1.35}.invoice-item-name small{color:#676576;margin-top:3px;font-size:12px;font-weight:400;display:block}.invoice-audit-table .logged-quantity{font-variant-numeric:tabular-nums;color:#393558;text-align:center;font-size:16px}.invoice-audit-table .returned-quantity{font-variant-numeric:tabular-nums;color:#676576;text-align:center;font-size:15px}.quantity-control{justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.quantity-control button{color:#676576;background:#f5f2fe;border:1px solid #eeeafd;border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.quantity-control button:hover:not(:disabled){background:#eeeafd;border-color:#dcd5fb}.quantity-control button:disabled{opacity:.4}.quantity-control output{font-variant-numeric:tabular-nums;color:#393558;text-align:center;min-width:43px;font-size:18px;font-weight:650}.quantity-edited .quantity-control output{color:#542fea}.quantity-edited .quantity-control{background:#f5f2fe;border-radius:9px}.invoice-audit-hint{color:#676576;text-align:center;margin:14px 0 0;font-size:13px;line-height:1.55}@media (max-width:600px){.pipe-grid-advanced{max-width:310px}.pipe-grid-advanced .checkpoint-number{width:19px;height:19px;font-size:11px;bottom:4px;right:4px}.pipe-checkpoint-key{gap:5px;margin-bottom:11px;font-size:12px}.invoice-audit-table th,.invoice-audit-table td{padding:8px 2px}.invoice-audit-table .invoice-item-name{overflow-wrap:normal;font-size:13px}.invoice-audit-table thead th:first-child{width:29%}.invoice-audit-table thead th:nth-child(2),.invoice-audit-table thead th:nth-child(3){width:12%}.invoice-audit-table thead th:last-child{width:47%}.invoice-audit-table thead th{font-size:12px}.invoice-audit-table .logged-quantity,.invoice-audit-table .returned-quantity{font-size:14px}.quantity-control{gap:0}.quantity-control button{border-radius:7px;width:40px;height:44px}.quantity-control output{min-width:32px;font-size:16px}.invoice-item-name small{font-size:11px}.invoice-audit-hint{margin-top:12px;font-size:12px}.invoice-audit .game-action{margin-top:17px}.invoice-audit .work-log>div>span{display:none}}@media (max-width:360px){.invoice-audit-table thead th:first-child{width:26%}.invoice-audit-table thead th:nth-child(2),.invoice-audit-table thead th:nth-child(3){width:12%}.invoice-audit-table thead th:last-child{width:50%}.quantity-control button{width:36px}.quantity-control output{min-width:30px}.invoice-audit-table .invoice-item-name{font-size:12px}}.invoice-audit-table .returned-quantity{color:#676576}@media (max-width:600px){.invoice-audit-table .invoice-item-name{font-size:14px}}.button>svg,.game-icon>svg,.interaction-hint>svg{stroke-width:1.75px;flex-shrink:0}.game-icon>svg{width:24px;height:24px}.game-helper,.small-note,.invoice-audit-hint,.invoice-item-name small{color:#393558}.interaction-hint{color:#393558;background:#f5f2fe;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:0 0 20px;padding:11px 12px;font-size:14px;line-height:1.5;display:flex}.selection-count{color:#393558;font-size:14px;font-weight:600;line-height:1.5}.tool-option{transition:background-color .12s,border-color .12s,box-shadow .12s}.tool-option.selected{background:#eeeafd;border-color:#542fea;box-shadow:inset 0 0 0 1px #542fea}.tool-option:has(:focus-visible){outline-offset:4px;outline:3px solid #542fea}.tool-option>svg{color:#676576;stroke-width:1.75px}.tool-option [data-slot=checkbox]{width:21px;height:21px}.round-progress .active i{box-shadow:0 0 0 4px #eeeafd}.quantity-control button{color:#542fea}@media (hover:hover){.tool-option:not(.memorize):hover{background:#f5f2fe;border-color:#676576}}@media (max-width:600px){.game-helper{font-size:14px;line-height:1.55}.game-action{flex-direction:column;align-items:stretch;gap:10px}.game-action>.selection-count,.game-action>span{text-align:center;font-size:14px}.game-action>.button{width:100%;min-height:52px;font-size:15px}.tool-option{padding-top:29px}.tool-option.memorize{padding-top:15px}.tool-option [data-slot=checkbox]{top:6px;right:6px}.invoice-audit-hint{font-size:13px}}@media (prefers-reduced-motion:reduce){.tool-option{transition:none}}.pipe-flow-board{width:calc(100% - 40px);max-width:360px;margin:50px auto 52px;position:relative}.pipe-flow-board .pipe-grid{border:4px solid #eeeafd;gap:0;width:100%;max-width:none;margin:0;overflow:hidden}.pipe-flow-board .pipe-cell{box-shadow:inset 0 0 0 1px #e1dad7}.pipe-flow-board .pipe-cell:first-child,.pipe-flow-board .pipe-cell:last-child{border:0}.pipe-source-label,.pipe-target-label{border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:14px;font-weight:700;display:flex;position:absolute}.pipe-source-label{color:#075985;background:#dcf3ff;bottom:calc(100% + 8px);left:-15px}.pipe-target-label{color:#426414;background:#f6ffdb;top:calc(100% + 8px);right:-15px}.pipe-port{z-index:2;border:2px solid #fff;border-radius:7px;place-items:center;width:27px;height:30px;display:grid;position:absolute;transform:translateY(-50%)}.pipe-inlet{color:#fff;background:#087db8;top:calc(12.5% + 3px);left:-22px}.pipe-outlet{color:#fff;background:#648f28;top:calc(87.5% - 3px);right:-22px}.water-fill,.water-current{fill:none;stroke-linejoin:round}.water-fill{stroke:#159fdf;stroke-width:12px;stroke-dasharray:100;stroke-dashoffset:100px;animation:water-fill .22s linear var(--flow-delay) forwards}.water-current{stroke:#b9efff;stroke-width:3px;stroke-dasharray:9 16;opacity:0;animation:water-visible 1ms linear calc(var(--flow-delay) + .22s) forwards, water-current .7s linear calc(var(--flow-delay) + .22s) infinite}.flow-stop:after{content:"!";color:#9b3a13;opacity:0;animation:water-visible .18s ease var(--flow-end) forwards;background:#fff2e67a;border:3px solid #cf6738;place-items:center;font-size:25px;font-weight:800;display:grid;position:absolute;inset:0}.flow-feedback{color:#075985;align-items:center;min-height:44px;margin-bottom:12px;font-size:14px;font-weight:600;display:grid}.flow-feedback>span{grid-area:1/1}.flow-running{animation:water-hide 1ms linear var(--flow-end) forwards}.flow-outcome{opacity:0;animation:water-visible 1ms linear var(--flow-end) forwards}@keyframes water-fill{to{stroke-dashoffset:0}}@keyframes water-current{to{stroke-dashoffset:-25px}}@keyframes water-visible{to{opacity:1}}@keyframes water-hide{to{opacity:0}}@media (max-width:600px){.pipe-flow-board{max-width:310px}}@media (prefers-reduced-motion:reduce){.water-fill{animation-duration:1ms}.water-current{display:none}}.is-flowing .pipe-cell:disabled{opacity:1}.is-flowing .pipe-inlet{background:#159fdf;box-shadow:0 0 0 5px #159fdf22}.valve-rounds{justify-content:center;gap:20px;margin-bottom:18px;display:flex}.valve-rounds>span{color:#676576;align-items:center;gap:5px;font-size:13px;display:flex}.valve-rounds .current{color:#542fea;font-weight:700}.valve-rounds .done{color:#4e7b35}.valve-game h3{text-align:center;margin:0 0 7px;font-size:19px}.valve-response{text-align:center;color:#393558;background:#eeeafd;border-radius:10px;min-height:60px;margin:12px 0 0;padding:12px;font-size:14px;display:block}.valve-response.correct{color:#42682a;background:#edf6e4}.valve-response.wrong{color:#93502e;background:#fff0e5}.valve-rounds .missed{color:#a85238}.arena-nav-end{align-items:center;gap:10px;display:flex}.mute-toggle{color:#676576;cursor:pointer;background:#f5f2fe;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.round-countdown{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 10px 30px;display:flex}.round-countdown>p{color:#676576;max-width:30ch;margin:0}.countdown-number{letter-spacing:-3px;min-height:104px;color:var(--primary);font-variant-numeric:tabular-nums;place-items:center;font-size:96px;font-weight:750;line-height:1;animation:.75s ease-out both count-pop;display:grid}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}25%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.2;transform:scale(.9)}}.streak-badge{background:var(--accent);color:var(--accent-foreground);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:700;animation:.5s cubic-bezier(.2,1.6,.4,1) both badge-pop}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.round-result.is-flash{gap:12px;padding:14px 10px}.round-result.is-flash .result-score{animation:.4s ease-out both badge-pop}.flash-timer{background:#e1dad7;border-radius:4px;width:100%;max-width:220px;height:4px;display:block;position:relative;overflow:hidden}.flash-timer:after{content:"";background:var(--primary);transform-origin:0;animation:2.4s linear both flash-bar;position:absolute;inset:0}@keyframes flash-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.confetti{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.confetti i{top:-16px;left:var(--x);background:var(--c);opacity:0;width:9px;height:14px;animation:confetti-fall 1.7s cubic-bezier(.25, .6, .4, 1) var(--d) both;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{transform:translateY(0) rotate(var(--r)) scale(var(--s));opacity:1}to{transform:translateY(105vh) rotate(calc(var(--r) + 540deg)) scale(var(--s));opacity:0}}@media (prefers-reduced-motion:reduce){.confetti{display:none}.countdown-number,.streak-badge,.round-result.is-flash .result-score,.flash-timer:after{animation:none}}.demo-stage{background:var(--brand-linen-soft);border-radius:18px;place-items:center;width:100%;padding:18px 0 10px;display:grid}.demo-stage.small{background:0 0;padding:6px 0;transform:scale(.8)}.demo{width:220px;height:110px;position:relative}.demo-finger{border:2px solid var(--brand-midnight);opacity:0;pointer-events:none;background:#08004433;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:none;position:absolute;top:0;left:0}.demo-pack{grid-template-columns:repeat(4,44px);place-content:center;gap:8px;display:grid}.demo-tile{border:2px solid var(--brand-linen);height:44px;color:var(--brand-midnight);background:#fff;border-radius:12px;place-items:center;display:grid}.demo-tile.remember{animation:none}.demo-target{color:var(--brand-midnight);font-size:15px;font-weight:700;position:absolute;top:4px;left:118px;transform:translate(-50%)}.demo-pipe{background:linear-gradient(#d9d4d1,#b9b2af);border-radius:9px;height:18px;position:absolute;top:44px;left:10px;right:10px}.demo-offcut{background:inherit;border-radius:0 9px 9px 0;animation:3.2s infinite offcut;position:absolute;inset:0 0 0 54.5%}.demo-marker{background:var(--brand-royal);border-radius:2px;width:4px;height:38px;margin-left:-2px;animation:3.2s ease-in-out infinite marker;position:absolute;top:34px}@keyframes marker{0%,12%{left:24px}50%,to{left:118px}}@keyframes offcut{0%,60%{transform:none}68%,94%{transform:translate(14px,8px)rotate(5deg)}to{transform:none}}.demo-pipes{justify-content:center;align-items:center;gap:0;display:flex}.demo-inlet{color:var(--brand-royal);margin-right:4px}.demo-cell{border:2px solid var(--brand-linen);background:#fff;place-items:center;width:56px;height:56px;display:grid;position:relative}.demo-cell i{background:var(--brand-midnight);width:100%;height:12px}.demo-cell.turn i{animation:3.2s infinite turn}.demo-water{background:var(--brand-royal);border-radius:3px;width:0;height:6px;animation:3.2s infinite water;position:absolute;top:52px;left:34px}@keyframes turn{0%,34%{transform:rotate(90deg)}42%,to{transform:rotate(0)}}@keyframes water{0%,48%{width:0}84%,96%{width:168px}to{width:0}}.demo-valves svg{width:220px;height:110px;overflow:visible}.demo-line{fill:none;stroke:var(--brand-steel);stroke-width:4px}.demo-valve circle{fill:#fff;stroke:var(--brand-midnight);stroke-width:3px}.demo-valve path{stroke:var(--brand-midnight);stroke-width:4px;stroke-linecap:round}.demo-valve.target circle{animation:3.2s infinite valve}.demo-spray{fill:var(--brand-royal);animation:3.2s infinite spray}@keyframes trace{0%,8%{stroke-dashoffset:200px}40%,94%{stroke-dashoffset:0}to{stroke-dashoffset:200px}}@keyframes valve{0%,55%{fill:#fff}58%,96%{fill:var(--brand-royal)}to{fill:#fff}}@keyframes spray{0%{opacity:1;transform:translateY(0)}12%{opacity:1;transform:translateY(3px)}24%{opacity:1;transform:translateY(0)}36%{opacity:1;transform:translateY(3px)}48%{opacity:1;transform:translateY(0)}58%,96%{opacity:0}to{opacity:1}}.demo-invoice{border:2px solid var(--brand-linen);background:#fff;border-radius:16px;align-items:center;gap:12px;height:72px;margin-top:19px;padding:0 12px;display:flex}.demo-row-label{color:var(--brand-midnight);flex-direction:column;flex:1;font-weight:600;display:flex}.demo-row-label small{color:var(--brand-steel);font-size:12px;font-weight:400}.demo-count{width:34px;height:30px;position:relative}.demo-count b{text-align:center;color:var(--brand-midnight);opacity:0;font-size:22px;line-height:30px;animation:none;position:absolute;inset:0}.demo-minus{width:40px;height:40px;color:var(--brand-royal);background:#eeeafd;border-radius:12px;place-items:center;font-size:24px;font-weight:700;display:grid}@media (prefers-reduced-motion:reduce){.demo *,.demo-finger{animation:none!important}}h1,h2,.dialog-title{letter-spacing:-.02em}.site-header{gap:14px;height:60px;padding:0 max(16px,50vw - 600px)}.brand-button{cursor:pointer;background:0 0;border:0;padding:0;display:flex}.brand-button img{width:auto;height:30px;display:block}.button-primary{background:var(--brand-royal);color:#fff;border-radius:14px;gap:10px;width:100%;max-width:480px;min-height:58px;font-size:18px;font-weight:600;box-shadow:0 6px 18px #542fea40}.button-primary:active{transform:scale(.98)}.button-primary:disabled{opacity:.6}.primary-dock{z-index:50;padding:14px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--background) 72%, #faf8f700);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.main-wrap,.arena-wrap{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.arena-card.is-playing{padding-bottom:96px}.arena-card.is-playing .game-action,.arena-card.is-playing .dock-button{left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;max-width:480px;margin:0 auto;position:fixed}.arena-card.is-playing .game-action{background:#fff;border-radius:16px;padding:8px 8px 8px 16px;box-shadow:0 8px 30px #08004426}.arena-card.is-playing .dock-button{border-radius:14px;min-height:58px;font-size:18px;box-shadow:0 6px 18px #542fea40}.text-link{min-height:44px;color:var(--brand-royal);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:15px;font-weight:600;display:inline-flex}.mascot{width:auto;margin:0 auto;display:block}.home-wrap{max-width:560px;padding-top:10px;padding-left:16px;padding-right:16px}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:6px 0 2px;display:flex}.home-hero h1{color:var(--brand-midnight);margin:0;font-size:clamp(34px,10vw,52px);font-weight:700;line-height:1.05}.hype-links{flex-wrap:wrap;justify-content:center;gap:12px 24px;display:flex}.hype-links .text-link{white-space:nowrap}.round-intro,.round-countdown,.round-result,.final-result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:4px 0;display:flex}.round-intro h1,.round-countdown h1,.round-result h1,.final-result h1{color:var(--brand-midnight);margin:0;font-size:clamp(25px,7vw,34px);font-weight:700;line-height:1.15}.round-intro>p,.round-result>p{color:var(--brand-graphite);max-width:34ch;margin:0;font-size:16px}.countdown-number{min-height:88px;font-size:84px}.result-score{color:var(--brand-royal);font-size:52px}.result-score>span,.final-score>span{color:var(--brand-steel);letter-spacing:0;margin-left:6px;font-size:16px;display:inline}.final-score{letter-spacing:-2px;color:var(--brand-royal);font-size:56px;font-weight:700;line-height:1.1}.final-chase{background:var(--brand-spring-light);border:1px solid var(--brand-spring);color:var(--brand-midnight);border-radius:999px;margin:0;padding:6px 14px}.final-rule{text-wrap:balance;max-width:32ch;color:var(--brand-graphite);margin:4px 0 0;font-size:15px;line-height:1.4}.final-result .result-breakdown{width:100%;margin-top:6px}.final-result .result-breakdown>div{padding:7px 0}.final-result .result-breakdown b{margin-left:auto}.drifti-dialog{max-height:calc(100dvh - 24px);overflow-y:auto}.name-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.text-input{min-height:48px;font-size:16px}.dialog-submit{margin-top:12px;position:sticky;bottom:0}@keyframes jump{0%{opacity:0;transform:translateY(20px)scale(.8)}60%{opacity:1;transform:translateY(-14px)scale(1.05)}to{transform:none}}@keyframes sigh{0%{transform:none}45%{transform:translateY(6px)scaleY(.93)rotate(-3deg)}to{transform:translateY(2px)rotate(-2deg)}}@keyframes leader{0%{opacity:0;transform:translateY(-20px)rotate(-8deg)}to{opacity:1;transform:none}}@media (max-width:600px){.arena-wrap{padding-top:10px;padding-left:12px;padding-right:12px}.arena-card{border-radius:18px;padding:18px 14px}}@media (max-height:620px){.round-progress b{display:none}.round-progress{margin-bottom:10px}.home-mascot{height:116px!important}}@media (prefers-reduced-motion:reduce){.mascot{animation:none!important}}.demo-tile.pick-1{animation-name:pk1}@keyframes pk1{0%,28%{background:var(--brand-spring);border-color:var(--brand-midnight)}32%,39%{border-color:var(--brand-linen);background:#fff}40%,94%{border-color:var(--brand-royal);background:#eeeafd}to{border-color:var(--brand-linen);background:#fff}}.demo-tile.pick-2{animation-name:pk2}@keyframes pk2{0%,28%{background:var(--brand-spring);border-color:var(--brand-midnight)}32%,53%{border-color:var(--brand-linen);background:#fff}54%,94%{border-color:var(--brand-royal);background:#eeeafd}to{border-color:var(--brand-linen);background:#fff}}.demo-tile.pick-3{animation-name:pk3}@keyframes pk3{0%,28%{background:var(--brand-spring);border-color:var(--brand-midnight)}32%,67%{border-color:var(--brand-linen);background:#fff}68%,94%{border-color:var(--brand-royal);background:#eeeafd}to{border-color:var(--brand-linen);background:#fff}}.demo-tile.pick-4{animation-name:pk4}@keyframes pk4{0%,28%{background:var(--brand-spring);border-color:var(--brand-midnight)}32%,81%{border-color:var(--brand-linen);background:#fff}82%,94%{border-color:var(--brand-royal);background:#eeeafd}to{border-color:var(--brand-linen);background:#fff}}.finger-pack{animation-name:fpack}@keyframes fpack{0%,30%{opacity:0;transform:translate(62px,69px)}34%,40%{opacity:1;transform:translate(32px,29px)}48%,54%{opacity:1;transform:translate(188px,29px)}62%,68%{opacity:1;transform:translate(84px,81px)}76%,82%{opacity:1;transform:translate(136px,81px)}94%,to{opacity:0;transform:translate(136px,81px)}}.finger-measure{animation-name:fmeasure}@keyframes fmeasure{0%,6%{opacity:0;transform:translate(24px,92px)}12%{opacity:1;transform:translate(24px,92px)}50%,58%{opacity:1;transform:translate(118px,92px)}66%,to{opacity:0;transform:translate(118px,92px)}}.finger-pipes{animation-name:fpipes}@keyframes fpipes{0%,16%{opacity:0;transform:translate(150px,92px)}28%,36%{opacity:1;transform:translate(118px,55px)}46%,to{opacity:0;transform:translate(118px,55px)}}.finger-valves{animation-name:fvalves}@keyframes fvalves{0%,18%{opacity:0;transform:translate(30px,85px)}28%,38%{opacity:.55;transform:translate(30px,55px)}50%,58%{opacity:1;transform:translate(110px,55px)}70%,to{opacity:0;transform:translate(110px,55px)}}.demo-tap{fill:var(--brand-graphite)}.finger-invoice{animation-name:finvoice}@keyframes finvoice{0%,14%{opacity:0;transform:translate(186px,110px)}26%,33%{opacity:1;transform:translate(186px,55px)}40%{opacity:1;transform:translate(190px,66px)}48%,53%{opacity:1;transform:translate(186px,55px)}60%{opacity:1;transform:translate(190px,66px)}68%,73%{opacity:1;transform:translate(186px,55px)}84%,to{opacity:0;transform:translate(186px,55px)}}.demo-count .n0{animation-name:n0}.demo-count .n1{animation-name:n1}.demo-count .n2{animation-name:n2}.demo-count .n3{color:#3f7a1f;animation-name:n3}@keyframes n0{0%{opacity:1}34%,to{opacity:0}}@keyframes n1{0%{opacity:0}34%{opacity:1}54%,to{opacity:0}}@keyframes n2{0%{opacity:0}54%{opacity:1}74%,to{opacity:0}}@keyframes n3{0%{opacity:0}74%{opacity:1}98%,to{opacity:0}}.mood-jump{animation:.9s cubic-bezier(.3,1.6,.5,1) both jump}.mood-thumbs,.mood-chill{animation:.5s cubic-bezier(.2,1.6,.4,1) both badge-pop}.mood-sigh{transform-origin:bottom;animation:1.4s ease-in-out both sigh}.mood-leader{animation:.6s ease-out both leader}.dialog-submit{box-shadow:0 -16px 16px -4px #fff}.dialog-submit:disabled{opacity:1;background:var(--brand-linen);color:var(--brand-graphite);box-shadow:0 -16px 16px -4px #fff}.site-header{background:0 0;border-bottom:0;height:64px}.brand-button img{height:20px}.played-pill{color:var(--brand-midnight);white-space:nowrap;background:#dcf3e3;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.played-pill i{background:#16a34a;border-radius:50%;width:8px;height:8px}.home-wrap{padding-top:0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.home-hero{gap:0;padding:0}.home-hero .home-mascot{margin-bottom:18px;height:clamp(120px,22dvh,176px)!important}.home-hero h1{max-width:13em;font-size:clamp(22px,6.4vw,30px);font-weight:700;line-height:1.25}.home-hero>p{color:var(--brand-steel);margin:6px 0 0;font-size:16px}.button-pill{background:var(--brand-royal);color:#fff;border-radius:999px;gap:12px;min-height:56px;margin-top:22px;padding:0 30px;font-size:18px;font-weight:600;box-shadow:0 8px 22px #542fea40}.button-pill:active{transform:scale(.97)}.button-pill:disabled{opacity:.6}.podium{grid-template-columns:1fr 1.18fr 1fr;align-items:end;margin:30px -6px 0;padding:0;list-style:none;display:grid}.podium-place{text-align:center;background:#fff;border-radius:22px;flex-direction:column;align-items:center;min-width:0;padding:18px 8px 16px;display:flex;box-shadow:0 6px 24px #08004414}.podium-place.first{z-index:1;margin:0 -10px;padding:22px 10px;position:relative;transform:translateY(-4px);box-shadow:0 10px 32px #0800441f}.podium-place.mine{outline:2px solid var(--brand-royal)}.podium-avatar{background:var(--brand-spring);border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:12px;display:grid;position:relative}.podium-place.first .podium-avatar{width:78px;height:78px}.avatar img{object-fit:cover;object-position:50% 78%;border-radius:50%;width:100%;height:100%}.podium-avatar.empty{background:var(--brand-linen-soft);border:2px dashed var(--brand-linen)}.seal{width:26px;height:26px;position:absolute;top:-8px;right:-8px}.podium-place.first .seal{width:32px;height:32px;right:-10px}.seal polygon{fill:var(--brand-royal)}.seal text{fill:#fff;font-size:15px;font-weight:700;font-family:var(--font-geist-sans), sans-serif}.podium-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--brand-midnight);font-size:13px;font-weight:500;overflow:hidden}.podium-place.first .podium-name{font-size:16px}.podium-score{color:var(--brand-steel);font-size:13px}.podium-place.first .podium-score{font-size:15px}.kickoff{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:16px 16px 16px 18px;display:flex;box-shadow:0 6px 24px #08004410}.kickoff p{color:var(--brand-midnight);margin:0;font-size:16px;font-weight:500;line-height:1.45}.kickoff-time{align-items:flex-start;gap:6px;display:flex}.kickoff-time span{color:var(--brand-steel);flex-direction:column;align-items:center;font-size:11px;display:flex}.kickoff-time b{background:var(--muted);width:44px;height:44px;color:var(--brand-midnight);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;margin-bottom:3px;font-size:18px;font-weight:600;display:grid}.kickoff-time i{color:var(--brand-midnight);font-style:normal;font-weight:700;line-height:44px}.board-link{color:var(--brand-midnight);margin:18px auto 0;font-size:17px;font-weight:500;display:flex}@media (max-width:360px){.played-pill{padding:6px 10px;font-size:12px}.podium-avatar{width:46px;height:46px}.podium-place.first .podium-avatar{width:64px;height:64px}}.seal-1 polygon{fill:var(--brand-orchid)}.seal-3 polygon{fill:var(--brand-midnight)}.avatar-face{border-radius:50%;position:absolute;inset:0;overflow:hidden}.avatar img{object-fit:contain;object-position:50% 50%;border-radius:0}.live-mascot{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0 auto 18px;padding:0;display:block}.live-mascot svg{width:auto;height:clamp(120px,22dvh,176px);animation:4.5s ease-in-out infinite mascot-float;display:block;overflow:visible}.live-mascot svg.jumping{animation:.7s cubic-bezier(.3,1.5,.5,1) mascot-jump,4.5s ease-in-out .7s infinite mascot-float}.live-mascot .m-hat,.live-mascot .m-shades{transform-box:fill-box;transform-origin:30% 100%}.live-mascot .m-hat{animation:7s ease-in-out infinite mascot-hat}.live-mascot .m-shades{transform-origin:50%;animation:5s ease-in-out infinite mascot-shades}.live-mascot .jumping .m-hat{animation:.7s ease-out mascot-hat-pop}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(-1.5deg)}}@keyframes mascot-hat{0%,62%,74%,to{transform:none}66%{transform:translateY(-6px)rotate(-8deg)}70%{transform:translateY(-3px)rotate(-4deg)}}@keyframes mascot-shades{0%,80%,90%,to{transform:none}83%,87%{transform:translateY(-3px)}}@keyframes mascot-jump{0%{transform:none}30%{transform:translateY(4px)scale(1.06,.92)}60%{transform:translateY(-26px)rotate(4deg)}to{transform:none}}@keyframes mascot-hat-pop{0%,to{transform:none}55%{transform:translateY(-16px)rotate(-12deg)}}@media (prefers-reduced-motion:reduce){.live-mascot svg,.live-mascot .m-hat,.live-mascot .m-shades{animation:none!important}}.avatar{background:var(--brand-spring);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.seal-n polygon{fill:var(--brand-steel)}.header-close{width:44px;height:44px;color:var(--brand-midnight);cursor:pointer;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.played-pill.center{margin:0 auto}.board-view{position:relative}.board-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:8px 0 104px;display:flex;position:relative}.board-hero h1{z-index:1;color:var(--brand-midnight);margin:0;font-size:18px;font-weight:500;position:relative}.board-hero .kickoff-time{z-index:1;position:relative}.deco{pointer-events:none;position:absolute}.deco-trophy{width:92px;bottom:30px;left:2%;transform:rotate(-14deg)}.deco-star-a,.deco-star-b,.deco-star-c{fill:#e4f2b0}.deco-star-a{width:26px;top:22px;right:6%}.deco-star-b{width:22px;bottom:34px;left:36%}.deco-star-c{width:14px;fill:var(--brand-midnight);top:118px;right:26%}.deco-dot{background:var(--brand-orchid);border-radius:50%;width:11px;height:11px;top:14px;right:22%}.deco-mascot{width:124px;animation:4s ease-in-out infinite peek;bottom:-22px;right:4%}@keyframes peek{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.board-card{z-index:2;background:#fff;border-radius:26px;margin:-24px -4px 0;padding:10px 16px 6px;position:relative;box-shadow:0 10px 34px #08004418}.board-list{margin:0;padding:0;list-style:none}.board-list li{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin:0 -16px;padding:12px 20px;display:flex}.board-list li.mine{background:var(--brand-spring)}.board-avatar{width:52px;height:52px}.board-avatar .seal{width:26px;height:26px;top:-6px;left:-8px;right:auto}.board-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--brand-midnight);flex:1;font-size:17px;font-weight:500;overflow:hidden}.board-score{color:var(--brand-steel);font-variant-numeric:tabular-nums;font-size:17px}.board-message{text-align:center;color:var(--brand-midnight);margin:0;padding:26px 4px;font-weight:500}.board-rules{width:100%;min-height:56px;color:var(--brand-midnight);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.deco-mascot{animation:none}}.board-list li.board-gap{color:var(--brand-steel);letter-spacing:4px;justify-content:center;padding:2px 20px;font-size:20px}.board-list li.mine{z-index:3;position:sticky;top:0;bottom:0;box-shadow:0 -6px 16px #0800440f,0 6px 16px #0800440f}.shut-game h3{text-align:center;color:var(--brand-midnight);margin:8px 0 2px;font-size:17px;font-weight:600}.shut-board{touch-action:manipulation;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.shut-pipe{fill:none;stroke:var(--brand-linen);stroke-width:9px;stroke-linejoin:round}.shut-water{fill:none;stroke:var(--brand-royal);stroke-width:4.5px;stroke-linejoin:round;transition:stroke .4s}.shut-water.dry{stroke:#cfc8c5}.shut-tap{fill:var(--brand-graphite)}.shut-label{font-size:13px;font-family:var(--font-geist-sans), sans-serif;fill:var(--brand-midnight)}.shut-label.dry{fill:#a6a0a8;text-decoration:line-through}.shut-node-label{font-size:11px;font-weight:600;font-family:var(--font-geist-sans), sans-serif;text-anchor:middle;fill:var(--brand-steel)}.shut-body{fill:#fff;stroke:var(--brand-midnight);stroke-width:2.5px;transition:fill .2s}.shut-handle{fill:var(--brand-orchid)}.shut-valve{outline:none}.shut-valve.closed .shut-body{fill:var(--brand-midnight)}.shut-valve:focus-visible .shut-body{stroke:var(--brand-royal);stroke-width:4px}.shut-spray circle{fill:var(--brand-royal);animation:.8s ease-in-out infinite drip}.shut-spray circle:nth-child(2){animation-delay:.2s}.shut-spray circle:nth-child(3){animation-delay:.4s}.shut-spray circle:nth-child(4){animation-delay:.6s}.shut-spray.stopped{opacity:0;transition:opacity .4s}@keyframes drip{0%{opacity:0;transform:translateY(-8px)scale(.5)}25%{opacity:1}to{opacity:0;transform:translateY(16px)scale(1)}}.valve-rounds span.partial{background:var(--brand-spring);color:var(--brand-midnight)}.valve-response.partial{color:var(--brand-graphite)}@media (prefers-reduced-motion:reduce){.shut-spray circle{animation:none}}.shut-wrap{position:relative}.shut-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.shut-button:focus-visible{outline:3px solid var(--brand-royal);outline-offset:-6px}.shut-button:disabled{cursor:default}.shut-label{font-size:12px}.shut-node-label.root{text-anchor:start}@media (max-height:720px){.shut-game h3{display:none}body:has(.arena-card.is-playing) .site-header{display:none}.arena-wrap:has(.arena-card.is-playing) .round-progress{display:none}.shut-wrap{width:max(260px, min(100%, calc((100dvh - 250px) * var(--ratio))));margin:0 auto}}.header-actions{gap:8px;margin-left:auto;display:flex}.round-icon{width:40px;height:40px;color:var(--brand-midnight);cursor:pointer;background:#ece6e3;border:0;border-radius:50%;place-items:center;display:grid}@media (max-height:720px){body:has(.arena-card.is-playing) .site-header{height:52px;display:flex}}.play-head h1{color:var(--brand-midnight);margin:4px 0 2px;font-size:26px;font-weight:700}.play-head p{color:var(--brand-steel);margin:0 0 16px;font-size:14px}.arena-card.is-playing{border-radius:24px;padding-bottom:16px}.timer-box{background:#f3efec;border-radius:18px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 18px;display:flex}.arena-card.is-playing .timer-box{bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;position:sticky}.arena-card.is-playing.has-action .timer-box{bottom:calc(86px + env(safe-area-inset-bottom))}.seg-display{align-items:center;gap:5px;display:flex}.seg-digit{width:26px;height:42px}.seg-digit path{fill:#e2dcd8}.seg-digit path.on{fill:var(--brand-midnight)}.timer-box.urgent .seg-digit path.on{fill:var(--brand-orchid)}.seg-colon{flex-direction:column;justify-content:center;gap:10px;width:6px;height:42px;display:flex}.seg-colon:before,.seg-colon:after{content:"";background:var(--brand-midnight);border-radius:1px;width:6px;height:6px}.timer-ring{width:54px;height:54px}.ring-bg,.ring-fg{fill:none;stroke-width:6px}.ring-bg{stroke:#e2dcd8}.ring-fg{stroke:var(--brand-royal);stroke-linecap:round;transition:stroke-dashoffset .2s linear}.count-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100dvh - 190px);display:flex}.count-row{align-items:center;gap:38px;animation:.35s ease-out count-slide;display:flex}.count-main{color:var(--brand-orchid);font-size:66px;font-weight:700;line-height:1}.count-side{text-align:center;color:#f9a8e6;width:22px;font-size:30px;font-style:italic;font-weight:600}.count-stage p{color:var(--brand-midnight);margin:0;font-size:18px;font-weight:600}@keyframes count-slide{0%{opacity:.3;transform:translate(34px)}to{opacity:1;transform:none}}.how-to{position:relative}.how-to h1{color:var(--brand-midnight);margin:4px 0 2px;font-size:26px;font-weight:700}.how-sub{color:var(--brand-steel);margin:0 0 16px;font-size:15px}.how-card{background:#fff;border-radius:24px;place-items:center;min-height:300px;display:grid;overflow:hidden;box-shadow:0 6px 24px #0800440f}.how-card .demo-stage{transform-origin:40%;background:0 0;transform:scale(1.3)}.how-mascot{pointer-events:none;width:150px;animation:4.5s ease-in-out infinite mascot-float;position:absolute;top:96px;right:-18px;transform:rotate(-8deg)}.how-bubble{color:var(--brand-graphite);background:#fff;border-radius:18px;margin:26px 0 0;padding:18px 20px;font-size:15px;position:relative;box-shadow:0 6px 24px #0800440f}.how-bubble:after{content:"";border:10px solid #0000;border-top-color:#fff;border-bottom:0;position:absolute;bottom:-10px;left:34px}.help-overlay{z-index:210;background:var(--background);padding:24px 16px 120px;position:fixed;inset:0;overflow:auto}.help-overlay .primary-dock{z-index:220}.pause-overlay{z-index:200;background:#4d4d4dd9;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.pause-overlay h2{color:#fff;margin:0;font-size:24px;font-weight:600}.pause-card{background:#fff;border-radius:24px;gap:12px;width:100%;max-width:340px;padding:18px;display:grid}.pause-btn{min-height:56px;color:var(--brand-midnight);cursor:pointer;background:#ede7e3;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:17px;font-weight:500;display:flex}.pause-btn.primary{background:var(--brand-royal);color:#fff}.celebrate{width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;padding:0 0 30px;display:flex}.celebrate-art{width:100%;height:240px;display:block;position:relative}.celebrate-art .trophy{width:132px;animation:.5s cubic-bezier(.2,1.6,.4,1) both badge-pop;position:absolute;top:16px;left:50%;transform:translate(-62%)}.bit{animation:3s ease-in-out infinite bit-float;position:absolute}.bit.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.bit.dot{border-radius:50%}.s1{background:var(--brand-midnight);width:32px;height:32px;top:2%;left:72%}.q1{background:var(--brand-spring);width:15px;height:15px;animation-delay:.4s;top:22%;left:80%}.d1{background:var(--brand-orchid);width:32px;height:32px;animation-delay:.2s;top:34%;left:66%}.q2{background:var(--brand-spring);width:14px;height:14px;animation-delay:.7s;top:40%;left:88%}.s2{background:var(--brand-royal);width:16px;height:16px;animation-delay:.5s;top:52%;left:75%}.q3{background:var(--brand-midnight);width:13px;height:13px;animation-delay:.1s;top:52%;left:60%}.d2{background:var(--brand-midnight);width:24px;height:24px;animation-delay:.6s;top:66%;left:77%}.s3{background:var(--brand-orchid);width:16px;height:16px;animation-delay:.3s;top:76%;left:88%}.q4{background:var(--brand-royal);width:14px;height:14px;animation-delay:.8s;top:58%;left:88%}.d3{background:var(--brand-royal);width:26px;height:26px;animation-delay:.9s;top:86%;left:80%}@keyframes bit-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(8deg)}}.gain{color:var(--brand-orchid);font-size:48px;font-weight:700;line-height:1.1}.gain-label{color:var(--brand-steel);font-size:13px}.chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:290px;margin-top:22px;display:flex}.chip{border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:17px;display:inline-flex}.chip.bad{color:#b3261e;background:#fbdcdc}.chip.time{color:var(--brand-midnight);background:#ece7e4}.chip.good{color:#16803c;background:#d9f3e2}.cup-rim{fill:#d2e59a}.cup-medal{fill:var(--brand-spring)}.cup{fill:#e4f2b0}.cup-handle{fill:none;stroke:#e4f2b0;stroke-width:9px}.cup-base{fill:var(--brand-graphite)}.cup-star{fill:var(--brand-orchid)}.hub{text-align:center}.hub-label{color:var(--brand-steel);margin:4px 0 0;font-size:15px}.hub-total{color:var(--brand-midnight);font-size:48px;font-weight:700;line-height:1.15}.hub-rank{color:var(--brand-midnight);margin:2px 0 0;font-size:15px}.hub-rank .up{color:#16a34a}.hub-rank .down{color:#dc2626}.hub-hint{color:var(--brand-steel);margin:6px 0 18px;font-size:14px}.hub .jobs-list{text-align:left}.job-score{color:#16803c;background:#d9f3e2;border-radius:999px;flex:none;align-items:center;gap:4px;padding:5px 10px;font-size:14px;font-weight:600;display:inline-flex}.shut-steps{justify-content:center;gap:8px;margin:0 0 8px;display:flex}.shut-steps i{background:#e2dcd8;border-radius:50%;width:8px;height:8px}.shut-steps i.current{background:var(--brand-royal)}.shut-steps i.done{background:#22c55e}.shut-steps i.partial{background:#f5b700}.shut-steps i.missed{background:#e5484d}.shut-pipe{fill:none;stroke:#c7c2bf;stroke-width:13px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.shut-pipe.dry{stroke:#ebe7e4}.shut-coupling,.shut-outlet{fill:var(--brand-midnight)}.shut-outlet.dry{fill:#c3bec2}.shut-label{text-anchor:middle;font-size:11px;font-weight:500}.shut-drop{fill:#1a9be6;animation:1.2s ease-in infinite drop}.shut-drop.stopped{opacity:0;animation:none}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}20%{opacity:1}80%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translateY(12px)}}.wheel{transform-box:view-box;transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.wheel.closed{transform:rotate(135deg)}.wheel-rim,.wheel-spoke{fill:var(--brand-orchid);stroke:var(--brand-midnight)}.wheel-rim{stroke-width:1.6px}.wheel-spoke{stroke-width:1px}.wheel-gap,.wheel-hub{fill:#cbc6c3;stroke:var(--brand-midnight)}.wheel-gap{stroke-width:1.2px}.wheel-hub{stroke-width:1.4px}.shut-verdict{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.35s cubic-bezier(.2,1.6,.4,1) both badge-pop;display:flex;position:absolute;inset:0}.shut-verdict span{color:#fff;border:6px solid #fff;border-radius:50%;place-items:center;width:96px;height:96px;display:grid;box-shadow:0 8px 24px #08004422}.shut-verdict.best span{background:#16c26b}.shut-verdict.partial span{background:#f5b700}.shut-verdict.wrong span{background:#e5484d}.shut-verdict b{color:var(--brand-midnight);background:#fff;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600;box-shadow:0 4px 14px #08004418}@media (max-height:720px){.shut-wrap{width:max(250px, min(100%, calc((100dvh - 300px) * var(--ratio))))}}@media (prefers-reduced-motion:reduce){.bit,.shut-drop,.how-mascot{animation:none}}dialog.pause-overlay{width:100%;max-width:none;height:100%;max-height:none;color:inherit;border:0;margin:0}.jobs-view h1{color:var(--brand-midnight);margin:8px 0 12px;font-size:28px;font-weight:700}.jobs-view>p{color:var(--brand-steel);margin:0 0 22px;font-size:15px;line-height:1.6}.jobs-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.jobs-list button{text-align:left;cursor:pointer;background:#fff;border:0;border-radius:20px;align-items:center;gap:16px;width:100%;padding:18px 16px 18px 20px;display:flex;box-shadow:0 4px 18px #0800440d}.jobs-list button:active{transform:scale(.99)}.job-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.tone-orchid{background:var(--brand-orchid)}.tone-royal{background:var(--brand-royal)}.tone-midnight{background:var(--brand-midnight)}.tone-spring{background:var(--brand-spring);color:var(--brand-midnight)}.tone-done{color:#fff;background:#22c55e}.job-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.job-text b{color:var(--brand-midnight);font-size:17px;font-weight:500}.job-text small{color:var(--brand-steel);font-size:13px}.job-chevron{color:var(--brand-midnight);flex:none}.home-wrap .primary-dock .button-primary,.arena-wrap .primary-dock .button-primary{border-radius:999px}.home-wrap:has(.jobs-view){padding-bottom:calc(112px + env(safe-area-inset-bottom))}.drifti-dialog .demo-stage{margin-bottom:4px}body:has(.arena-wrap) .site-footer{display:none}.play-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.play-head>div{min-width:0}.play-head p{margin-bottom:0}.play-head .timer-box{border-radius:14px;flex:none;gap:10px;margin:2px 0 0;padding:8px 10px 8px 12px}.play-head .seg-display{gap:3px}.play-head .seg-digit{width:15px;height:25px}.play-head .seg-colon{gap:6px;width:4px;height:25px}.play-head .seg-colon:before,.play-head .seg-colon:after{width:4px;height:4px}.play-head .timer-ring{width:30px;height:30px}.arena-card.is-playing.has-action{padding-bottom:96px}@media (max-height:720px){.play-head p{display:none}.play-head h1{font-size:22px}}.play-head{z-index:6;background:var(--background);margin:0 -12px 14px;padding:8px 12px;position:sticky;top:0}.game-status{color:var(--brand-midnight);background:#f3efec;border-radius:999px;margin:0 auto 14px;padding:6px 14px;font-size:14px;font-weight:500;display:table}.game-status.memo{background:var(--brand-spring)}.game-status .cp{background:var(--brand-orchid);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin:0 2px;font-size:12px;display:inline-grid}.arena-card.is-playing .game-action .button,.arena-card.is-playing .dock-button{background:var(--brand-royal);color:#fff;border-radius:999px;gap:10px;min-height:56px;font-size:18px;font-weight:600}.arena-card.is-playing .game-action{text-align:center;border-top:0;border-radius:24px;flex-direction:column;align-items:stretch;gap:10px;padding:10px}.arena-card.is-playing .game-action>span,.arena-card.is-playing .game-action>output{color:var(--brand-steel);font-size:13px}.arena-card.is-playing .tool-grid{gap:10px}.arena-card.is-playing .tool-option{color:var(--brand-midnight);box-shadow:none;background:#f3efec;border:0;border-radius:18px;transition:box-shadow .15s,background .15s;position:relative}.arena-card.is-playing .tool-option span{color:var(--brand-midnight);font-size:13px}.arena-card.is-playing .tool-option.memorize{background:var(--brand-spring-light);box-shadow:inset 0 0 0 2px var(--brand-spring)}.arena-card.is-playing .tool-option.selected{box-shadow:inset 0 0 0 3px var(--brand-royal);background:#eeeafd}.arena-card.is-playing .tool-option [data-slot=checkbox]{opacity:0;width:100%;height:100%;position:absolute;inset:0}.tool-check{background:var(--brand-royal);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:6px;right:6px}.arena-card.is-playing .target-number{color:var(--brand-midnight);font-weight:700}.arena-card.is-playing .target-number span{color:var(--brand-steel)}.arena-card.is-playing .measurement-pipe{border-left:12px solid var(--brand-midnight);border-right:12px solid var(--brand-midnight);height:26px;box-shadow:none;background:#c7c2bf;border-radius:6px}.arena-card.is-playing .cut-pointer{color:#fff}.arena-card.is-playing .cut-pointer svg{box-sizing:content-box;background:var(--brand-orchid);border-radius:50%;padding:7px}.arena-card.is-playing [data-slot=slider-range],.arena-card.is-playing [data-slot=slider-track]{background:0 0}.arena-card.is-playing [data-slot=slider-thumb]{border:3px solid var(--brand-midnight);background:var(--brand-orchid);width:30px;height:30px;box-shadow:0 2px 8px #08004433}.arena-card.is-playing .pipe-ends{color:var(--brand-steel)}.arena-card.is-playing .cut-history span{color:var(--brand-midnight);background:#f3efec;border-radius:999px;padding:5px 12px}.arena-card.is-playing .pipe-flow-board{box-shadow:none;background:0 0;border:0}.arena-card.is-playing .pipe-grid{background:#f3efec;border-radius:16px;gap:4px;padding:6px}.arena-card.is-playing .pipe-cell{box-shadow:none;background:#fff;border:0;border-radius:10px}.arena-card.is-playing .pipe-cell.pipe-blocked{color:var(--brand-steel);background:#e4dedb}.arena-card.is-playing .pipe-cell.pipe-checkpoint{background:#fdeefa}.pipe-joint{fill:var(--brand-midnight)}.arena-card.is-playing .checkpoint-number{background:var(--brand-orchid);color:#fff;border:2px solid #fff}.arena-card.is-playing .water-fill,.arena-card.is-playing .water-current{stroke:#1a9be6}.arena-card.is-playing .pipe-source-label,.arena-card.is-playing .pipe-target-label{letter-spacing:0;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.arena-card.is-playing .pipe-source-label{color:#0b6fae;background:#e1f1fb}.arena-card.is-playing .pipe-target-label{color:#16803c;background:#d9f3e2}.arena-card.is-playing .pipe-port{color:#fff;border:0;border-radius:50%}.arena-card.is-playing .pipe-inlet{background:#1a9be6}.arena-card.is-playing .pipe-outlet{background:#22c55e}.arena-card.is-playing .work-log{color:var(--brand-midnight);background:#f3efec;border:0;border-radius:18px}.arena-card.is-playing .work-log>div span{color:var(--brand-steel);letter-spacing:0;background:#fff;border-radius:999px;padding:3px 10px;font-size:12px}.arena-card.is-playing .work-log p{color:var(--brand-graphite)}.arena-card.is-playing .invoice-audit-table th,.arena-card.is-playing .invoice-audit-table td{border-color:var(--border);color:var(--brand-midnight)}.arena-card.is-playing .invoice-audit-table thead th{color:var(--brand-steel);font-weight:500}.arena-card.is-playing .returned-quantity{color:var(--brand-steel)}.arena-card.is-playing .quantity-control button{width:38px;height:38px;color:var(--brand-midnight);background:#f3efec;border:0;border-radius:50%}.arena-card.is-playing .quantity-control output{color:var(--brand-midnight);font-weight:700}.arena-card.is-playing .quantity-edited .quantity-control output{color:var(--brand-orchid)}.arena-card.is-playing .quantity-edited{background:#fdf3fb}.arena-card.is-playing [data-slot=slider-thumb]{border-radius:50%}.arena-card.is-playing .pipe-grid{background:#fff;border:6px solid #f3efec;gap:0;padding:0;overflow:hidden}.arena-card.is-playing .pipe-cell{border-radius:0;box-shadow:inset 0 0 0 .5px #ece6e3}:root{--ok:#4cc26a;--ok-ink:#16803c;--ok-soft:#d9f3e2;--bad:#e5484d;--bad-ink:#b3261e;--bad-soft:#fbdcdc;--lavender:#e7e2fb;--lavender-edge:#d3caf6;--pipe:#c9c3c0;--pipe-dark:#a9a2a0;--water:#3d9be9}body:has(.arena-wrap.is-game) .site-header{background:var(--background);border-bottom:0;height:52px;display:flex}.arena-wrap.is-game{width:100%;max-width:520px;height:calc(100dvh - 52px);min-height:0;padding:2px 16px calc(10px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.is-game .play-head{background:0 0;flex:none;margin:0 0 10px;padding:0;position:static}.is-game .play-head h1{margin:0;font-size:22px;line-height:1.2}.is-game .play-head p{margin:2px 0 0;font-size:13px;line-height:1.3;display:block}.is-game .arena-card.is-playing{border:0;border-radius:24px;flex-direction:column;flex:1;min-height:0;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #0800440f}.is-game .arena-card.is-playing>*{flex:1;min-height:0}.is-game .arena-card.is-playing>.verdict{flex:none}.is-game .arena-card.is-playing .game-action,.is-game .arena-card.is-playing .dock-button{width:100%;max-width:none;box-shadow:none;flex:none;margin:10px 0 0;position:static}.is-game .arena-card.is-playing .game-action{background:0 0;padding:0}.is-game .arena-card.is-playing .dock-button,.is-game .arena-card.is-playing .game-action .button{border-radius:999px;min-height:52px}@media (max-height:520px){.is-game .play-head p{display:none}.is-game .play-head{margin-bottom:6px}}.live-chips{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:48px;margin-top:8px;display:flex}.live-chips .chip{white-space:nowrap;padding:6px 14px;font-size:15px;font-weight:500}.live-chips:has(.chip:only-child){justify-content:center}.play-measure~.live-chips{flex-wrap:wrap;justify-content:center;gap:6px}.play-measure~.live-chips .chip{padding:5px 10px;font-size:14px;animation:.3s ease-out both chip-in}@keyframes chip-in{0%{opacity:0;transform:translateY(6px)scale(.9)}}.react-mascot{transform-origin:50% 100%;width:auto;height:44px}.react-mascot.is-cheer{animation:.55s cubic-bezier(.3,1.6,.5,1) react-cheer}.react-mascot.is-sigh{animation:.8s ease-in-out react-sigh}@keyframes react-cheer{30%{transform:translateY(-12px)rotate(-6deg)scale(1.1)}60%{transform:translateY(0)rotate(4deg)}}@keyframes react-sigh{30%{transform:translateY(3px)scaleY(.9)rotate(-3deg)}70%{transform:translateY(2px)scaleY(.94)rotate(3deg)}}.verdict{z-index:20;color:#fff;pointer-events:none;border-radius:50%;place-items:center;width:112px;height:112px;margin:-56px 0 0 -56px;animation:.95s cubic-bezier(.2,.8,.2,1) forwards verdict;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 8px #fff,0 10px 30px #08004433}.verdict.ok{background:var(--ok)}.verdict.bad{background:var(--bad)}.verdict svg{width:62px;height:62px}@keyframes verdict{0%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:scale(1.08)}28%{transform:scale(1)}58%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.2);opacity:0}}.pack2{display:flex;container-type:size}.pack2-grid{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:1fr 1fr;gap:10px;display:grid}.pack2.is-memo .pack2-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.pack2-card{background:var(--lavender);min-height:48px;box-shadow:0 3px 0 var(--lavender-edge);color:var(--brand-royal);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.pack2-card:disabled{cursor:default;opacity:1}.pack2-card:active:not(:disabled){box-shadow:0 1px 0 var(--lavender-edge);transform:translateY(2px)}.pack2-card svg{width:min(34px,7.5cqh);height:min(34px,7.5cqh)}.pack2.is-memo .pack2-card svg{width:min(48px,13cqh);height:min(48px,13cqh)}.pack2-card span{color:var(--brand-midnight);text-align:center;-webkit-hyphens:manual;hyphens:manual;font-size:13px;line-height:1.15}.pack2.is-memo .pack2-card span{font-size:15px}.pack2-card.is-right{box-shadow:0 0 0 3px var(--ok), 0 3px 0 var(--lavender-edge)}.pack2-card.is-wrong{box-shadow:0 0 0 3px var(--bad), 0 3px 0 var(--lavender-edge);opacity:.75}.pack2-badge{background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;animation:.3s cubic-bezier(.3,1.6,.5,1) .5s both badge-land;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 0 0 2px #fff}.is-wrong .pack2-badge{background:var(--bad)}@keyframes badge-land{0%{transform:scale(0)}}.pack2.is-memo .pack2-card{cursor:default;animation:.35s ease-out both memo-in}@keyframes memo-in{0%{opacity:0;transform:scale(.9)}}.vg{flex-direction:column;align-items:center;display:flex}.vg-steps,.mg-steps{flex:none;justify-content:center;gap:6px;margin:0 0 6px;padding:0;list-style:none;display:flex}.vg-steps li,.mg-steps li{background:#e7e1de;border-radius:50%;width:9px;height:9px;transition:background .2s}.vg-steps li.done,.mg-steps li.done{background:var(--ok)}.vg-steps li.current,.mg-steps li.current{background:var(--brand-orchid)}.vg-fit{flex:1;place-items:center;width:100%;min-height:0;display:grid;container-type:size}.vg-wrap{aspect-ratio:300/320;width:min(100cqw,93.75cqh);animation:.25s ease-out vg-in;position:relative}@keyframes vg-in{0%{opacity:0;transform:translate(14px)}}.vg-board{width:100%;height:100%;display:block;overflow:visible}.vg-pipe{fill:none;stroke:var(--pipe);stroke-width:15px;stroke-linecap:butt;transition:stroke .25s}.vg-pipe.is-dry{stroke:#e8e3e0}.vg-gap{fill:none;stroke:#fff;stroke-width:25px}.vg-coupling,.vg-outlet{fill:var(--brand-midnight)}.vg-drip path{fill:var(--water);transform-box:fill-box;transform-origin:50% 0;animation:1s ease-in infinite drip}.vg-drip.is-stopped path{opacity:0;animation:none}.vg-button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute}.vg-button:active{background:#542fea1a}.vg-button.is-wrong{animation:.45s ease-out vg-wrong}@keyframes vg-wrong{0%{box-shadow:inset 0 0 0 4px var(--bad)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}to{box-shadow:inset 0 0 0 4px #e5484d00}}.mg{flex-direction:column;justify-content:center;gap:8px;display:flex}.mg-target{text-align:center;flex:none;min-height:84px}.mg-target span{color:var(--brand-midnight);font-size:15px;font-weight:600;display:block}.mg-target b{color:var(--brand-orchid);font-size:46px;font-weight:700;line-height:1.05;display:block}.mg-target small{color:var(--brand-midnight);margin-left:4px;font-size:18px;font-weight:600}.mg-result{color:var(--bad);animation:.3s ease-out both chip-in}.mg-result.good{color:var(--ok-ink)}.mg-result b{color:inherit}.mg-result span{color:inherit;font-size:15px}.mg-stage{flex:none;position:relative}.mg-zone{touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none;height:104px;margin:0 22px;position:relative}.mg-pipe{height:27%;position:absolute;top:36.5%;left:0;right:0}.mg-piece{background:linear-gradient(var(--pipe) 0 58%, var(--pipe-dark) 58%);transition:transform .35s ease-out;position:absolute;top:0;bottom:0}.mg-piece.whole{left:0;right:0}.mg-piece.left{border-radius:0 3px 3px 0;left:0;transform:translate(-5px)}.mg-piece.right{border-radius:3px 0 0 3px;right:0;transform:translate(5px)}.mg-cap{background:var(--brand-midnight);border-radius:5px;width:16px;height:42%;position:absolute;top:29%}.mg-cap.left{left:-16px}.mg-cap.right{right:-16px}.mg-line{top:7%;bottom:7%;left:calc(var(--pos) * 1%);border-left:3px dashed var(--brand-orchid);pointer-events:none;margin-left:-1.5px;position:absolute}.mg-line.target{border-color:var(--bad)}.mg-handle{top:50%;left:calc(var(--pos) * 1%);outline-offset:3px;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;margin:-22px 0 0 -22px;display:grid;position:absolute;box-shadow:0 2px 10px #08004440}.mg-handle svg{fill:none;width:22px;height:22px;stroke:var(--brand-midnight);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.mg-cut{top:50%;left:calc(var(--pos) * 1%);background:var(--brand-royal);color:#fff;min-width:72px;min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-size:16px;font-weight:600;animation:.25s cubic-bezier(.3,1.6,.5,1) cut-pop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #542fea55}@keyframes cut-pop{0%{transform:translate(-50%,-50%)scale(.6)}}.mg-saw{top:-8px;left:calc(var(--pos) * 1%);pointer-events:none;width:104px;animation:.65s ease-in-out sawing;position:absolute}.saw{width:100%;height:auto;display:block;overflow:visible}.saw-blade{fill:#e9e6e4;stroke:var(--brand-midnight);stroke-width:2px;stroke-linejoin:round}.saw-teeth{fill:none;stroke:var(--brand-midnight);stroke-width:1.6px;stroke-linejoin:round}.saw-handle{fill:var(--brand-orchid);stroke:var(--brand-midnight);stroke-width:2px}.saw-hole{fill:#fff;stroke:var(--brand-midnight);stroke-width:2px}@keyframes sawing{0%{opacity:0;transform:translate(-6px,-18px)rotate(-18deg)}15%{opacity:1;transform:translate(-6px,6px)rotate(-18deg)}35%{transform:translate(-26px,10px)rotate(-18deg)}55%{transform:translate(-2px,16px)rotate(-18deg)}75%{opacity:1;transform:translate(-24px,22px)rotate(-18deg)}to{opacity:0;transform:translate(-8px,26px)rotate(-18deg)}}.mg-arrow{top:17%;left:calc(var(--low) * 1%);width:calc((var(--high) - var(--low)) * 1%);background:var(--bad);height:2px;position:absolute}.mg-arrow.good{background:var(--ok-ink)}.mg-arrow:before,.mg-arrow:after{content:"";border:5px solid #0000;position:absolute;top:-4px}.mg-arrow:before{border-right-color:inherit;border-right:6px solid var(--bad);border-left:0;left:-4px}.mg-arrow:after{border-left:6px solid var(--bad);border-right:0;right:-4px}.mg-arrow.good:before{border-right-color:var(--ok-ink)}.mg-arrow.good:after{border-left-color:var(--ok-ink)}.mg-ruler{background:var(--brand-spring);height:30px;box-shadow:0 0 0 6px var(--brand-spring);border-radius:4px;justify-content:space-between;align-items:flex-start;margin:0 22px;display:flex}.mg-ruler i{background:#c7d98d;width:2px;height:10px}.mg-ruler i.major{background:#b3c872;height:17px}.mg-labels{height:20px;margin:8px 22px 0;position:relative}.mg-labels span{left:calc(var(--pos) * 1%);color:var(--brand-steel);white-space:nowrap;font-size:12px;position:absolute;transform:translate(-50%)}.mg-labels span.target{color:var(--bad);font-weight:600}.is-game .pipe-game,.is-game .invoice-game{flex-direction:column;min-height:0;display:flex}.is-game .pipe-fit{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.is-game .pipe-game .pipe-flow-board{width:min(100cqw - 48px,100cqh - 84px,380px);max-width:none;margin:0}.is-game .pipe-flow-board .pipe-source-label{bottom:calc(100% + 6px);left:-12px}.is-game .pipe-flow-board .pipe-target-label{top:calc(100% + 6px);right:-12px}.is-game .pipe-game .flow-feedback{text-align:center;background:#e1f1fb;border-radius:16px;flex:none;min-height:52px;margin:10px 0 0;padding:6px 12px;font-size:14px;line-height:1.25}.is-game .invoice-game .work-log{flex:none;margin-bottom:6px;padding:8px 12px}.is-game .invoice-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.is-game .invoice-audit-table th,.is-game .invoice-audit-table td{height:43px;padding-top:2px;padding-bottom:2px}.is-game .invoice-audit-table thead th{height:26px;font-size:12px}.is-game .invoice-item-name{font-size:14px;line-height:1.15}@media (min-width:360px){.is-game .invoice-item-name{white-space:nowrap}}.is-game .invoice-item-name small{font-size:11px}@media (max-height:620px){.is-game .invoice-game .work-log{display:none}}.count-arc{width:280px;height:150px;margin:0 auto;position:relative}.count-num{--a:calc(var(--k) * 48deg);color:var(--brand-orchid);opacity:var(--o);transform:translate(-50%, -50%) rotate(var(--a)) translateY(-104px) rotate(calc(-1 * var(--a))) scale(var(--s));font-size:88px;font-weight:700;line-height:1;transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .6s;position:absolute;top:100%;left:50%}.count-stage p{margin-top:8px}.pause-overlay{-webkit-backdrop-filter:blur(14px)saturate(.7);background:#08004480;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0}.pause-card{gap:10px}.pause-btn{min-height:52px}.gain-total{color:var(--brand-midnight);background:#f3efec;border-radius:999px;margin-top:6px;padding:4px 14px;font-size:16px;font-weight:600}.celebrate .chips{max-width:320px}.jobs-list li.is-fresh .job-icon{animation:.4s cubic-bezier(.3,1.6,.5,1) .3s both badge-land}.jobs-list li.is-fresh .job-score{animation:.4s ease-out .6s both chip-in}.hub-rank{justify-content:center;align-items:center;gap:6px;animation:.4s ease-out .9s both chip-in;display:flex}.hub-total{display:block}.celebrate-art .trophy{left:34%;transform:translate(-50%)}.hub-leader{height:34px}.podium-empty{max-width:340px;color:var(--brand-midnight);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:6px;margin:18px auto 0;padding:14px 18px;font-size:16px;display:flex;box-shadow:0 6px 24px #0800440f}.podium-empty img{height:72px}.podium-empty.in-board{box-shadow:none;margin:8px auto}.board-name{flex-direction:column;min-width:0;display:flex}.board-nick{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-name small{color:var(--brand-steel);font-size:12px;font-weight:400}@media (prefers-reduced-motion:reduce){.verdict,.count-num,.react-mascot,.mg-saw,.vg-drip path,.vg-wrap,.pack2-badge{transition:none!important;animation:none!important}}.live-chips.is-hidden{visibility:hidden}.arena-wrap:has(>.how-to){min-height:0;padding-top:4px;padding-bottom:0}.how-to{height:calc(100dvh - 60px - 4px - 88px - env(safe-area-inset-bottom));flex-direction:column;min-height:300px;display:flex}.help-overlay .how-to{height:calc(100dvh - 24px - 88px - env(safe-area-inset-bottom))}.how-to h1{margin:0;font-size:24px}.how-sub{margin:0 0 10px}.how-card{cursor:pointer;width:100%;min-height:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border:0;flex:1;padding:12px;position:relative;container-type:size}.demo-stage2{aspect-ratio:1;width:min(100cqw,100cqh);position:relative;container-type:size}.demo-paused{background:#ffffff8c;place-items:center;display:grid;position:absolute;inset:0}.demo-paused svg{background:var(--brand-royal);color:#fff;fill:#fff;border-radius:50%;width:56px;height:56px;padding:14px}.how-talk{flex:none;align-items:flex-end;gap:10px;margin-top:12px;display:flex}.how-talk .how-mascot{flex:none;width:74px;animation:4.5s ease-in-out infinite mascot-float;position:static;transform:none}.how-talk .how-bubble{color:var(--brand-midnight);flex:1;margin:0 0 6px;padding:12px 16px;font-size:15px;line-height:1.35;animation:.35s cubic-bezier(.3,1.3,.5,1) both bubble-in}.how-talk .how-bubble:after{border:9px solid #0000;border-left:0;border-right-color:#fff;bottom:12px;left:-9px}@keyframes bubble-in{0%{opacity:0;transform:translate(-18px)}}.preview-demo{flex-direction:column;width:100%;height:min(360px,56dvh);display:flex}.demo2{position:absolute;inset:0}.demo-hand{z-index:6;aspect-ratio:60/70;pointer-events:none;transform-origin:0 0;width:15cqw;transition:left .5s cubic-bezier(.4,.1,.2,1),top .5s cubic-bezier(.4,.1,.2,1),opacity .3s,transform .15s;position:absolute}.demo-hand svg{width:100%;height:100%;display:block;overflow:visible}.hand-fill{fill:var(--brand-spring);stroke:var(--brand-midnight);stroke-width:2.5px;stroke-linejoin:round}.hand-line{fill:none;stroke:var(--brand-midnight);stroke-width:2px;stroke-linecap:round}.demo-hand.is-tap{transform:translate(2px,3px)scale(.86)}.demo-hand.is-hidden{opacity:0}.demo-card{background:var(--lavender);box-shadow:0 .8cqw 0 var(--lavender-edge);color:var(--brand-royal);border-radius:3.5cqw;flex-direction:column;justify-content:center;align-items:center;gap:1cqw;transition:left .45s,top .45s,width .45s,height .45s,transform .22s ease-in-out,opacity .3s,box-shadow .2s;display:flex;position:absolute}.demo-card svg{stroke-width:1.7px;width:8cqw;height:8cqw}.demo-card.big svg{width:14cqw;height:14cqw}.demo-card small{color:var(--brand-midnight);font-size:3.3cqw;line-height:1.1}.demo-card.big small{font-size:4.4cqw}.demo-card.is-out{opacity:0;transform:scale(.6)}.demo-card.closing{transform:scaleX(0)}.demo-card.is-picked{box-shadow:0 0 0 .9cqw var(--brand-orchid), 0 .8cqw 0 var(--lavender-edge)}.demo-watch-wrap{z-index:3;width:38%;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.demo-watch-wrap.is-out{opacity:0;transform:translate(-50%,-52%)scale(.4)}.w-ring{fill:#d7eb9c;stroke:var(--brand-midnight);stroke-width:6px}.w-face{fill:var(--brand-spring)}.w-tick{stroke:var(--brand-midnight);stroke-width:3px;stroke-linecap:round}.w-hand{stroke:var(--brand-midnight);stroke-width:5px;stroke-linecap:round}.w-ink{fill:var(--brand-midnight)}.demo-valves-fit{width:93.75%;animation:.3s ease-out vg-in;position:absolute;top:0;bottom:0;left:3.125%}.demo-trace{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.demo-trace path{fill:none;stroke:var(--brand-orchid);stroke-width:6px;stroke-linecap:round;stroke-dasharray:100 100}.demo-check{z-index:4;background:var(--ok);color:#fff;border-radius:50%;place-items:center;width:12cqw;height:12cqw;margin:-6cqw 0 0 -6cqw;animation:.3s cubic-bezier(.3,1.6,.5,1) badge-land;display:grid;position:absolute;box-shadow:0 0 0 3px #fff}.demo-check svg{width:60%;height:60%}.demo-measure2{flex-direction:column;justify-content:center;gap:4px;display:flex}.demo-measure2 .mg-target{min-height:0}.demo-measure2 .mg-target b{font-size:12cqw}.demo-measure2 .mg-cut{animation:.25s cubic-bezier(.3,1.6,.5,1) cut-pop}.demo-row{background:#fff;border:1.2cqw solid #f3efec;border-radius:3cqw;grid-template-columns:repeat(4,1fr);height:19.5cqw;display:grid;position:absolute;top:38%;left:14%;right:8%;overflow:hidden}.demo-pipe-cell{position:relative;box-shadow:inset 0 0 0 .5px #ece6e3}.demo-pipe-cell.has-cp{background:#fdeefa}.demo-pipe-bar{background:var(--pipe);transition:transform .35s cubic-bezier(.3,1.4,.5,1);position:absolute;inset:36% 0}.demo-cp{z-index:3;background:var(--brand-orchid);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:5.5cqw;height:5.5cqw;font-size:3cqw;display:grid;position:absolute;bottom:1cqw;right:1cqw}.demo-water{z-index:2;background:#1a9be6;height:12%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.demo-in{color:#fff;background:#1a9be6;border-radius:50%;place-items:center;width:9cqw;height:9cqw;display:grid;position:absolute;top:calc(38% + 9.75cqw);left:3%;transform:translateY(-50%)}.demo-in svg{width:60%;height:60%}.demo-tap{background:var(--ok-soft);color:var(--ok-ink);border-radius:999px;align-items:center;gap:1cqw;padding:1.5cqw 3.5cqw;font-size:4cqw;font-weight:600;display:inline-flex;position:absolute;top:calc(38% + 23cqw);right:8%}.demo-tap svg{width:4.5cqw;height:4.5cqw}.demo-tap.is-on{animation:.3s cubic-bezier(.3,1.6,.5,1) badge-land}.demo-invoice2{flex-direction:column;justify-content:center;align-items:center;gap:8cqw;display:flex}.demo-line{background:#fff;border:2px solid #ece6e3;border-radius:5cqw;justify-content:space-between;align-items:center;width:86%;padding:4cqw 5cqw;transition:border-color .3s,background .3s;display:flex;position:relative}.demo-line.is-fixed{border-color:var(--ok);background:#f1fbf4}.demo-line b{color:var(--brand-midnight);font-size:5.2cqw;display:block}.demo-line small{color:var(--brand-steel);font-size:3.6cqw}.demo-qty{align-items:center;gap:2cqw;display:flex}.demo-qty i{width:10cqw;height:10cqw;color:var(--brand-midnight);background:#f3efec;border-radius:50%;place-items:center;font-size:6cqw;font-style:normal;display:grid}.demo-qty b{text-align:center;min-width:8cqw;font-size:6.5cqw;animation:.25s ease-out chip-in}.demo-line-ok{background:var(--ok);color:#fff;border-radius:50%;width:8cqw;height:8cqw;padding:1.6cqw;animation:.3s cubic-bezier(.3,1.6,.5,1) badge-land;position:absolute;top:-3cqw;right:-3cqw}.demo-send{background:var(--brand-royal);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:2cqw;min-width:52%;padding:3.6cqw 6cqw;font-size:4.8cqw;font-weight:600;transition:background .3s;display:inline-flex}.demo-send.is-sent{background:var(--ok)}.demo-send svg{width:5cqw;height:5cqw}@media (prefers-reduced-motion:reduce){.demo-hand,.demo-card,.demo-watch-wrap,.how-talk .how-mascot,.how-talk .how-bubble{transition:none!important;animation:none!important}}.demo-stage2{transition:opacity .35s}.demo-stage2.is-fading{opacity:0}.demo-measure2 .mg-zone{height:30cqh}.demo-measure2 .mg-ruler{height:8cqh}.demo-measure2 .mg-target span,.demo-measure2 .mg-result span{font-size:4.2cqw}.demo-measure2 .mg-labels span{font-size:3.4cqw}@media (max-width:360px){.is-game .play-head h1{font-size:19px}.is-game .play-head .timer-box{gap:6px;padding:6px 8px}.is-game .play-head .seg-digit{width:12px;height:20px}.is-game .play-head .seg-colon{height:20px}.is-game .play-head .timer-ring{width:24px;height:24px}.hub .primary-dock .button-primary{font-size:16px}}@media (max-height:620px){.celebrate-art{height:min(240px,34dvh)}.celebrate-art .trophy{width:min(132px,20dvh)}.gain{font-size:40px}.celebrate .chips{margin-top:12px}.final-result .mascot{height:84px!important}}.demo-measure2 .mg-handle{width:12cqw;height:12cqw;margin:-6cqw 0 0 -6cqw}.demo-measure2 .mg-handle svg{width:55%;height:55%}.demo-measure2 .mg-cut{min-width:0;min-height:11cqw;padding:0 4.5cqw;font-size:4.2cqw}.demo-measure2 .mg-cap{width:4cqw}.demo-measure2 .mg-cap.left{left:-4cqw}.demo-measure2 .mg-cap.right{right:-4cqw}.demo-measure2 .mg-saw{width:26cqw}.pack2-grid{position:relative}.pack2-watch{filter:drop-shadow(0 4px 10px #08004426);pointer-events:none;width:min(72px,22cqw);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.demo-watch{width:100%;height:auto;display:block}.demo-peek{z-index:7;opacity:0;pointer-events:none;width:36cqw;transition:transform .5s cubic-bezier(.3,1.3,.5,1),opacity .3s;position:absolute;bottom:-2%;right:-4%;transform:translate(60%)rotate(8deg)}.demo-peek.is-in{opacity:1;transform:translate(18%)rotate(-4deg)}.board-hero .deco-mascot{width:132px;bottom:-14px}.verdict-bit{background:var(--c);width:12px;height:12px;transform:rotate(var(--a)) translateY(0) scale(.2);margin:-6px;animation:.7s cubic-bezier(.2,.8,.3,1) 80ms forwards verdict-bit;position:absolute;top:50%;left:50%}.verdict-bit.dot{border-radius:50%}.verdict-bit.star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:16px;height:16px;margin:-8px}@keyframes verdict-bit{60%{opacity:1}to{transform:rotate(var(--a)) translateY(-86px) scale(1);opacity:0}}.round-icon{width:48px;height:48px}body:has(.arena-wrap.is-game) .site-header{height:56px}.arena-wrap.is-game{height:calc(100dvh - 56px)}.is-game .quantity-control button{width:44px;height:44px}@media (min-height:640px){.is-game .quantity-control button{width:48px;height:48px}.is-game .invoice-audit-table th,.is-game .invoice-audit-table td{height:50px}}@media (max-height:520px){.play-pipes~.live-chips,.play-invoice~.live-chips{display:none}}@media (prefers-reduced-motion:reduce){.verdict-bit,.demo-peek{transition:none!important;animation:none!important}}@media (max-width:360px){.is-game .invoice-item-name{white-space:normal;font-size:13px;line-height:1.1}.is-game .invoice-item-name small{display:none}}@media (max-height:520px){.is-game .invoice-audit-table th,.is-game .invoice-audit-table td{height:40px;padding-top:0;padding-bottom:0}.is-game .invoice-audit-table thead th{height:22px}.is-game .quantity-control button{width:40px;height:40px}}.button-primary.is-muted{color:var(--brand-midnight);box-shadow:none;background:#ede7e3}.dialog-submit,.dialog-submit:disabled{box-shadow:0 -16px 16px -4px #fff,0 26px 0 6px #fff}@media (max-height:560px){.enroll-mascot{display:none}}@media (max-width:360px){.celebrate .chip-unit{display:none}}.celebrate.is-zero .celebrate-art{place-items:center;display:grid}.drifti-dialog{--dialog-pad:28px}@media (max-width:600px){.drifti-dialog{--dialog-pad:24px}}.enroll-footer{bottom:calc(-1 * var(--dialog-pad));z-index:2;margin:6px calc(-1 * var(--dialog-pad)) calc(-1 * var(--dialog-pad));padding:14px var(--dialog-pad) var(--dialog-pad);background:#fff;border-top:1px solid #ece7fb;position:sticky;box-shadow:0 -14px 14px -6px #ffffffe6}.enroll-footer .dialog-submit,.enroll-footer .dialog-submit:disabled{margin-top:0;position:static;box-shadow:0 6px 18px #542fea40}.enroll-footer .consent{color:var(--brand-graphite);background:#f5f2fe;border:2px solid #dcd5fb;border-radius:12px;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;font-size:15px;line-height:1.4;transition:border-color .2s,background-color .2s}.enroll-footer .consent button{color:var(--brand-graphite);font-size:inherit}.enroll-footer .consent [data-slot=checkbox]{border:2px solid var(--brand-royal);background:#fff;border-radius:7px;width:26px;height:26px;margin-top:0}.enroll-footer .consent [data-slot=checkbox][data-checked]{background:var(--brand-royal);color:#fff}.enroll-footer .consent [data-slot=checkbox] svg{width:18px;height:18px}.enroll-footer .consent.is-checked{border-color:var(--brand-royal);background:#fff}.enroll-footer .consent.is-nudged:not(.is-checked){border-color:var(--brand-orchid);background:#fff0fb;animation:.5s ease-in-out consent-nudge}@keyframes consent-nudge{0%,to{transform:translate(0)}20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.dialog-submit.is-waiting,.dialog-submit.is-waiting:disabled{background:var(--brand-linen);color:var(--brand-graphite);box-shadow:none}.consent-hint{text-align:center;color:#b3208f;margin:10px 0 0;font-size:14px;font-weight:550}@media (max-width:600px){.enroll-footer .consent{padding:10px 12px;font-size:14px}}@media (prefers-reduced-motion:reduce){.enroll-footer .consent.is-nudged{animation:none}}.home-hero>p.home-rule{color:var(--brand-steel);margin-top:12px;font-size:14px}@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-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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@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}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}