/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-yellow-300:oklch(90.5% .182 98.111);--color-slate-800:oklch(27.9% .041 260.031);--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{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,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,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{color:inherit;border-top-width:1px;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}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}::-webkit-file-upload-button{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:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:-moz-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::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{text-align:inherit;min-height:1lh}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{appearance:button}input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-file-upload-button{appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-7{margin-top:calc(var(--spacing)*7)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-\[min\(92vw\,28rem\)\]{width:min(92vw,28rem)}.w-\[min\(92vw\,36rem\)\]{width:min(92vw,36rem)}.w-\[min\(92vw\,540px\)\]{width:min(92vw,540px)}.w-\[min\(92vw\,620px\)\]{width:min(92vw,620px)}.w-\[min\(92vw\,980px\)\]{width:min(92vw,980px)}.w-full{width:100%}.w-screen{width:100vw}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items: center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-slate-800{background-color:var(--color-slate-800)}.p-0{padding:calc(var(--spacing)*0)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-7{padding-block:calc(var(--spacing)*7)}.text-center{text-align:center}.text-left{text-align:left}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-yellow-300{--tw-ring-color:var(--color-yellow-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (hover:hover){.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media (min-width:40rem){.sm\:mt-5{margin-top:calc(var(--spacing)*5)}}@media (min-width:40rem){.sm\:mt-7{margin-top:calc(var(--spacing)*7)}}@media (min-width:40rem){.sm\:mt-8{margin-top:calc(var(--spacing)*8)}}@media (min-width:40rem){.sm\:mb-3{margin-bottom:calc(var(--spacing)*3)}}@media (min-width:40rem){.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}}@media (min-width:40rem){.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}}@media (min-width:40rem){.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}}@media (min-width:40rem){.sm\:w-auto{width:auto}}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}}@media (min-width:40rem){.sm\:gap-4{gap:calc(var(--spacing)*4)}}@media (min-width:40rem){.sm\:gap-7{gap:calc(var(--spacing)*7)}}@media (min-width:40rem){.sm\:p-4{padding:calc(var(--spacing)*4)}}@media (min-width:40rem){.sm\:px-7{padding-inline:calc(var(--spacing)*7)}}@media (min-width:40rem){.sm\:px-8{padding-inline:calc(var(--spacing)*8)}}@media (min-width:40rem){.sm\:py-6{padding-block:calc(var(--spacing)*6)}}@media (min-width:40rem){.sm\:py-7{padding-block:calc(var(--spacing)*7)}}@media (min-width:40rem){.sm\:py-8{padding-block:calc(var(--spacing)*8)}}@media (min-width:40rem){.sm\:py-9{padding-block:calc(var(--spacing)*9)}}@media (min-width:40rem){.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:40rem){.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:40rem){.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:40rem){.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:40rem){.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:48rem){.md\:top-4{top:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:right-4{right:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:mt-7{margin-top:calc(var(--spacing)*7)}}@media (min-width:48rem){.md\:mt-8{margin-top:calc(var(--spacing)*8)}}@media (min-width:48rem){.md\:mb-4{margin-bottom:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:mb-7{margin-bottom:calc(var(--spacing)*7)}}@media (min-width:48rem){.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}}@media (min-width:48rem){.md\:mb-12{margin-bottom:calc(var(--spacing)*12)}}@media (min-width:48rem){.md\:mb-20{margin-bottom:calc(var(--spacing)*20)}}@media (min-width:48rem){.md\:h-12{height:calc(var(--spacing)*12)}}@media (min-width:48rem){.md\:w-12{width:calc(var(--spacing)*12)}}@media (min-width:48rem){.md\:w-auto{width:auto}}@media (min-width:48rem){.md\:max-w-4xl{max-width:var(--container-4xl)}}@media (min-width:48rem){.md\:max-w-lg{max-width:var(--container-lg)}}@media (min-width:48rem){.md\:max-w-md{max-width:var(--container-md)}}@media (min-width:48rem){.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(280px\,0\.8fr\)\]{grid-template-columns:minmax(0,1fr)minmax(280px,.8fr)}}@media (min-width:48rem){.md\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:gap-3{gap:calc(var(--spacing)*3)}}@media (min-width:48rem){.md\:gap-5{gap:calc(var(--spacing)*5)}}@media (min-width:48rem){.md\:gap-6{gap:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:gap-9{gap:calc(var(--spacing)*9)}}@media (min-width:48rem){:where(.md\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}}@media (min-width:48rem){.md\:p-4{padding:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:p-5{padding:calc(var(--spacing)*5)}}@media (min-width:48rem){.md\:p-6{padding:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:p-8{padding:calc(var(--spacing)*8)}}@media (min-width:48rem){.md\:px-4{padding-inline:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:px-8{padding-inline:calc(var(--spacing)*8)}}@media (min-width:48rem){.md\:px-9{padding-inline:calc(var(--spacing)*9)}}@media (min-width:48rem){.md\:px-12{padding-inline:calc(var(--spacing)*12)}}@media (min-width:48rem){.md\:py-3{padding-block:calc(var(--spacing)*3)}}@media (min-width:48rem){.md\:py-4{padding-block:calc(var(--spacing)*4)}}@media (min-width:48rem){.md\:py-5{padding-block:calc(var(--spacing)*5)}}@media (min-width:48rem){.md\:py-8{padding-block:calc(var(--spacing)*8)}}@media (min-width:48rem){.md\:text-left{text-align:left}}@media (min-width:48rem){.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (min-width:48rem){.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:48rem){.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:48rem){.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:48rem){.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (min-width:48rem){.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:max-w-lg{max-width:var(--container-lg)}}@media (min-width:64rem){.lg\:p-5{padding:calc(var(--spacing)*5)}}@media (min-width:64rem){.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (orientation:landscape){.landscape\:mt-3{margin-top:calc(var(--spacing)*3)}}@media (orientation:landscape){.landscape\:mb-2{margin-bottom:calc(var(--spacing)*2)}}@media (orientation:landscape){.landscape\:mb-3{margin-bottom:calc(var(--spacing)*3)}}@media (orientation:landscape){.landscape\:max-w-4xl{max-width:var(--container-4xl)}}@media (orientation:landscape){.landscape\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (orientation:landscape){.landscape\:gap-3{gap:calc(var(--spacing)*3)}}@media (orientation:landscape){.landscape\:p-3{padding:calc(var(--spacing)*3)}}@media (orientation:landscape){.landscape\:py-2{padding-block:calc(var(--spacing)*2)}}@media (orientation:landscape){.landscape\:py-3{padding-block:calc(var(--spacing)*3)}}@media (orientation:landscape){.landscape\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}@media (orientation:landscape){.landscape\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (orientation:landscape){.landscape\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (orientation:landscape){@media (min-width:48rem){.landscape\:md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}}}@media (orientation:landscape){@media (min-width:48rem){.landscape\:md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}}}:root{--pond-deep:#0f4f62;--pond-mid:#1f8395;--leaf-deep:#246b35;--leaf-mid:#4b9f3b;--leaf-light:#9bd45e;--reed:#f4d27a;--cream:#fff7c6;--cream-panel:#fff3cf;--ink:#12343b;--danger-deep:#8d241f;--soft-cream-border:#fff7c647;--reed-border:#f4d27a57;--panel-gradient:linear-gradient(135deg,#0f4f62b8,#0849528a);--panel-gradient-strong:linear-gradient(135deg,#0f4f62c2,#08495294);--leaf-glint:radial-gradient(ellipse at 22% 18%,#fff7c638,transparent 34%);--button-glint:radial-gradient(ellipse at 18% 22%,#fff7c638,transparent 34%);--primary-gradient:radial-gradient(ellipse at 16% 12%,#9bd45e38 0%,#9bd45e00 28%),radial-gradient(ellipse at 82% 18%,#f4d27a24 0%,#f4d27a00 24%),linear-gradient(180deg,#5fc3c3 0%,#1f8395 48%,#0f4f62 100%);--success-gradient:linear-gradient(135deg,#9bd45e 0%,#4b9f3b 58%,#246b35 100%);--primary-button-gradient:linear-gradient(135deg,#57c7bd 0%,#1f8395 100%);--warning-gradient:linear-gradient(135deg,#f4d27a 0%,#d89632 100%);--danger-gradient:linear-gradient(135deg,#e25d52 0%,#c7362f 58%,#8d241f 100%);--secondary-gradient:linear-gradient(135deg,#3e7d6b 0%,#1c5361 100%);--gold-gradient:linear-gradient(135deg,#fff7c6 0%,#f4d27a 54%,#d89632 100%);--pond-shadow:0 10px 22px #051f244d}.app-background{background:var(--primary-gradient);color:var(--cream)}#game-container{font-family:ui-rounded,Trebuchet MS,Arial Rounded MT Bold,Arial,sans-serif}.app-background:before{content:"";position:absolute;pointer-events:none;opacity:.72;mask-image:linear-gradient(#0000 0%,#000 10% 90%,#0000 100%);background:radial-gradient(at 18% 28%,#0000 0 38px,#fff7c621 39px 41px,#0000 42px),radial-gradient(at 72% 18%,#0000 0 54px,#fff7c61a 55px 57px,#0000 58px),radial-gradient(at 42% 72%,#0000 0 70px,#fff7c614 71px 73px,#0000 74px),radial-gradient(at 88% 74%,#0000 0 46px,#fff7c61a 47px 49px,#0000 50px),linear-gradient(90deg,#246b3547,#0000 10% 90%,#246b3547);inset:0}.app-background:after{content:"";position:absolute;pointer-events:none;opacity:.66;background:linear-gradient(78deg,#0000 0 7%,#f4d27a57 7.4% 8%,#0000 8.4% 100%),linear-gradient(101deg,#0000 0 18%,#9bd45e42 18.5% 19.2%,#0000 19.6% 100%),linear-gradient(84deg,#0000 0 83%,#f4d27a52 83.4% 84%,#0000 84.4% 100%),linear-gradient(105deg,#0000 0 91%,#9bd45e47 91.3% 92%,#0000 92.4% 100%),linear-gradient(#0000,#051f2457);height:22vh;inset:auto 0 0}.text-gold{background:var(--gold-gradient);-webkit-text-fill-color:transparent;letter-spacing:0;-webkit-background-clip:text;background-clip:text}.pond-title{position:relative;display:inline-block}.pond-title:after{content:"";position:absolute;background:radial-gradient(ellipse at 32% 28%,var(--leaf-light),var(--leaf-mid)62%,var(--leaf-deep));border-radius:999px 999px 999px 0;width:.38em;height:.22em;bottom:.12em;right:-18px;transform:rotate(-18deg);box-shadow:0 2px #1148248a}.loading-label{color:var(--cream)}.error-panel{background:var(--danger-gradient);color:#fff;border:1px solid var(--reed-border);box-shadow:var(--pond-shadow)}.error-action{background:var(--cream-panel);color:var(--danger-deep)}.error-action:hover{filter:brightness(.96)}[data-input-platform]:not([data-input-platform=keyboard]) .fullscreen-floating,[data-mobile-pwa=true] .fullscreen-control{display:none}.btn-success{background:radial-gradient(ellipse at 18% 18%,#fff7c640,transparent 32%),var(--success-gradient);border-radius:22px 28px}.btn-primary,.btn-warning,.btn-danger,.btn-secondary{border-radius:18px 24px}.btn-primary{background:var(--button-glint),var(--primary-button-gradient)}.btn-warning{background:radial-gradient(ellipse at 18% 22%,#fff7c64d,transparent 34%),var(--warning-gradient)}.btn-danger{background:var(--danger-gradient)}.btn-secondary{background:radial-gradient(ellipse at 18% 22%,#fff7c62e,transparent 34%),var(--secondary-gradient)}button:focus-visible{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}[type=checkbox]:focus-visible{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}[type=radio]:focus-visible{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}[data-focusable]:focus-visible{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}:where([data-focus-navigation=true]) :-webkit-any(button,input:not([type=hidden]),select,textarea,[data-focusable],[contenteditable=true]):focus{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}:where([data-focus-navigation=true]) :-moz-any(button,input:not([type=hidden]),select,textarea,[data-focusable],[contenteditable=true]):focus{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}:where([data-focus-navigation=true]) :is(button,input:not([type=hidden]),select,textarea,[data-focusable],[contenteditable=true]):focus{outline:3px solid var(--reed);outline-offset:4px;box-shadow:0 0 0 6px #f4d27a47}.touch-mode-btn[aria-pressed=true]{border-color:var(--reed);box-shadow:0 0 0 3px #f4d27a61,var(--pond-shadow);filter:brightness(1.12)}.utility-btn,.hud-chip,.difficulty-choice,.touch-mode-btn{color:var(--cream);border:1px solid var(--soft-cream-border);box-shadow:var(--pond-shadow)}.utility-btn{background:radial-gradient(at 24% 20%,#fff7c629,#0000 36%),#1c5361eb}.utility-btn:hover{background:#123e48f5}.hud-chip{background:#0f4f62eb}.theme-checkbox{accent-color:var(--pond-mid)}.touch-mode-btn{background:var(--primary-button-gradient)}.touch-mode-btn:hover{filter:brightness(1.08)}@media (max-width:768px){.btn-mobile{min-height:44px;padding:12px 20px}.mode-card{min-height:60px}}.hud-bottom{padding:0 max(env(safe-area-inset-right,0px),28px)max(env(safe-area-inset-bottom,0px),24px)max(env(safe-area-inset-left,0px),28px);background:0 0;justify-content:flex-start}.input-prompts-slot{display:flex;pointer-events:none}.input-prompts-slot--viewport{position:fixed;left:max(env(safe-area-inset-left,0px),28px);right:max(env(safe-area-inset-right,0px),28px);bottom:max(env(safe-area-inset-bottom,0px),24px);z-index:20;justify-content:flex-start}.input-prompts-slot--hud{position:static;z-index:auto;justify-content:flex-start;width:100%}.input-prompts-slot--panel{position:static;z-index:auto;justify-content:center;width:100%;margin-top:20px}.input-prompts-slot--hud .input-prompts-bar{justify-content:flex-start}.input-prompts-slot--panel .input-prompts-bar{justify-content:center;max-width:100%}.hud-bottom #hints-display,.input-prompts-slot--hud .input-prompts-bar{max-width:min(92vw,900px)}.input-prompts-bar{--input-prompt-gap:10px;--input-prompt-min-height:48px;--input-prompt-font-size:1.05rem;--input-prompt-glyph-size:44px;--input-prompt-keycap-min-width:48px;--input-prompt-keycap-height:40px;--input-prompt-keycap-padding:0 12px;--input-prompt-keycap-font-size:.95rem;display:flex;background:linear-gradient(180deg,#12343bdb,#051f24c2),var(--panel-gradient-strong);color:#fff7c6eb;text-shadow:0 2px 3px #051f24ad;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:2px solid #fff7c657;border-radius:10px;flex-wrap:wrap;justify-content:flex-start;align-items: center;gap:10px 18px;max-width:min(92vw,860px);padding:10px 14px;box-shadow:0 12px 24px #051f2452,inset 0 1px #fff7c629}.hud-bottom #hints-display{opacity:1;text-align:left}.input-prompts-slot--hud .input-prompts-bar{--input-prompt-gap:12px;--input-prompt-min-height:54px;--input-prompt-font-size:1.15rem;--input-prompt-glyph-size:50px;--input-prompt-keycap-min-width:54px;--input-prompt-keycap-height:46px;--input-prompt-keycap-padding:0 14px;--input-prompt-keycap-font-size:1.05rem}.input-prompt{display:inline-flex;align-items: center;gap:var(--input-prompt-gap);min-height:var(--input-prompt-min-height);font-size:var(--input-prompt-font-size);white-space:nowrap;font-weight:700;line-height:1}.input-prompt-glyphs{display:inline-flex;align-items: center;gap:2px}.input-prompt-glyph{display:block;width:var(--input-prompt-glyph-size);height:var(--input-prompt-glyph-size);object-fit:contain;filter:drop-shadow(0 2px 2px #051f2480)}.input-prompt-keycap{display:inline-flex;min-width:var(--input-prompt-keycap-min-width);height:var(--input-prompt-keycap-height);padding:var(--input-prompt-keycap-padding);color:var(--ink);text-shadow:none;font-size:var(--input-prompt-keycap-font-size);background:#fff7c6eb;border:1px solid #12343b57;border-radius:8px;justify-content:center;align-items: center;font-weight:800;box-shadow:0 2px #051f2447}.input-prompt-label{display:inline-block}@media (max-width:520px){.input-prompts-slot--viewport{left:max(env(safe-area-inset-left,0px),14px);right:max(env(safe-area-inset-right,0px),14px);bottom:max(env(safe-area-inset-bottom,0px),14px)}.hud-bottom{padding:0 max(env(safe-area-inset-right,0px),14px)max(env(safe-area-inset-bottom,0px),14px)max(env(safe-area-inset-left,0px),14px)}.input-prompts-bar{--input-prompt-min-height:38px;--input-prompt-font-size:.88rem;--input-prompt-glyph-size:34px;--input-prompt-keycap-min-width:38px;--input-prompt-keycap-height:32px;--input-prompt-keycap-padding:0 8px;--input-prompt-keycap-font-size:.8rem;gap:8px 12px;padding:8px 10px}.input-prompts-slot--hud .input-prompts-bar{--input-prompt-gap:8px;--input-prompt-min-height:42px;--input-prompt-font-size:.92rem;--input-prompt-glyph-size:38px;--input-prompt-keycap-min-width:42px;--input-prompt-keycap-height:36px;--input-prompt-keycap-padding:0 10px;--input-prompt-keycap-font-size:.86rem}}#main-menu{padding:max(env(safe-area-inset-top,0px),16px)max(env(safe-area-inset-right,0px),16px)max(env(safe-area-inset-bottom,0px),16px)max(env(safe-area-inset-left,0px),16px);justify-content:flex-start}.menu-shell{position:relative;border:2px solid var(--reed-border);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:radial-gradient(at 12% 18%,#fff7c62e,#0000 28%),radial-gradient(at 92% 82%,#9bd45e33,#0000 34%),linear-gradient(135deg,#0f4f62d1,#08495294);border-radius:24px;flex-shrink:0;max-width:100%;margin-block-start:auto;margin-block-end:auto;box-shadow:0 22px 48px #051f2457,inset 0 1px #fff7c633}.menu-input-prompts.input-prompts-slot--panel{flex-shrink:0;justify-content:flex-start;width:min(92vw,980px);max-width:100%;margin-top:16px}.menu-input-prompts .input-prompts-bar{justify-content:flex-start}.menu-copy{min-width:0}.menu-title{display:inline-block;text-wrap:balance;max-width:9ch;font-size:clamp(3.25rem,10vw,6.8rem);font-weight:900;line-height:.9}.menu-actions{display:grid;justify-items:center;gap:12px}.menu-primary-action,.menu-secondary-action{width:min(100%,21rem)}.menu-secondary-actions{display:grid;grid-template-columns:1fr;gap:10px;width:min(100%,21rem)}.menu-board{position:relative;aspect-ratio:1;place-self: center;width:min(100%,22rem)}.menu-board:before{content:"";position:absolute;background:radial-gradient(at 26% 20%,#fff7c642,#0000 30%),linear-gradient(135deg,#50aa4ffa,#25703efa);border-radius:28% 34% 30% 36%;inset:5%;transform:rotate(-5deg);box-shadow:0 20px 32px #051f2447,inset 0 -10px #11482433}.menu-board-grid{position:absolute;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;inset:13%;transform:rotate(-5deg)}.menu-board-tile{display:grid;background:#fff7c642;border:2px solid #12343b33;border-radius:10px;place-items: center;min-width:0;box-shadow:inset 0 1px #fff7c638}.menu-board-answer{color:var(--ink);background:radial-gradient(at 24% 20%,#ffffff38,#0000 34%),linear-gradient(135deg,#fff7c6fa,#f4d27afa);font-size:clamp(1rem,4vw,2rem);font-weight:900}.menu-board-sprite{position:absolute;z-index:2;aspect-ratio:1;filter:drop-shadow(0 8px 8px #051f2452);pointer-events:none;background-position:100%;background-repeat:no-repeat;background-size:800% 100%}.menu-board-frog{width:26%;top:39%;left:24%;transform:rotate(-5deg)}.menu-board-fly{width:18%;top:22%;right:22%;transform:rotate(14deg)}.menu-board-lizard{width:24%;bottom:17%;right:14%;transform:rotate(-16deg)scaleX(-1)}.menu-board-spider{width:21%;bottom:19%;left:15%;transform:rotate(12deg)}.menu-equation-chip{position:absolute;z-index:3;color:var(--ink);text-align:center;white-space:nowrap;background:radial-gradient(at 18% 18%,#ffffff38,#0000 34%),linear-gradient(135deg,#fff7c6fa,#f4d27af5);border:2px solid #12343b33;border-radius:12px;width:max-content;max-width:86%;padding:.72rem .95rem;font-size:clamp(.92rem,3vw,1.25rem);font-weight:900;line-height:1;bottom:2%;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 8px 16px #051f2447}@media (max-height:600px) and (min-width:480px){#main-menu .menu-shell{grid-template-columns:minmax(0,1fr)minmax(0,.8fr);gap:24px;padding:12px 24px}.menu-title{max-width:100%;font-size:clamp(2rem,10vh,4rem)}.menu-actions{gap:8px;margin-top:12px}.menu-secondary-actions{gap:8px}.menu-actions .menu-primary-action,.menu-actions .menu-secondary-action{min-height:44px;padding:10px 12px;font-size:1rem}.menu-board{width:min(100%,56vh,22rem)}.menu-input-prompts.input-prompts-slot--panel{margin-top:12px}.menu-input-prompts .input-prompts-bar{--input-prompt-min-height:36px;--input-prompt-font-size:.9rem;--input-prompt-glyph-size:32px;padding:6px 10px}}.mode-card{position:relative;overflow:hidden;color:var(--cream);background:var(--leaf-glint),linear-gradient(135deg,#9bd45ef2,#4b9f3bf2 58%,#246b35f5);border:2px solid var(--reed-border);border-radius:18px 24px;transition:all .3s}.mode-symbol{position:absolute;color:#fff7c633;font-size:64px;font-weight:900;line-height:1;bottom:4px;right:12px}.mode-card[data-operation=subtract]{background:var(--leaf-glint),linear-gradient(135deg,#5fc3c3f2,#1f8395f5)}.mode-card[data-operation=multiply]{background:var(--leaf-glint),linear-gradient(135deg,#f4d27afa,#cb8427f5);color:#17393f}.mode-card[data-operation=divide]{background:var(--leaf-glint),linear-gradient(135deg,#4c8470fa,#1c5361f5)}.mode-card:hover{transform:translateY(-2px);box-shadow:0 10px 18px #051f2459}.difficulty-choice.easy{background:var(--success-gradient)}.difficulty-choice.medium{background:var(--warning-gradient);color:var(--ink)}.difficulty-choice.expert{background:var(--danger-gradient)}.settings-panel,.how-to-play-step{color:var(--cream);background:var(--panel-gradient);border:2px solid var(--soft-cream-border);box-shadow:var(--pond-shadow);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.how-to-play-step{display:grid;grid-template-columns:auto minmax(0,1fr);align-items: start;gap:.8rem}.how-to-play-step-number{display:grid;background:var(--reed);color:var(--ink);border-radius:999px;place-items: center;width:2rem;height:2rem;font-weight:900}.overlay-panel{background:var(--panel-gradient-strong);border:2px solid var(--reed-border);box-shadow:var(--pond-shadow);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:26px}.contextual-gameplay-overlay{backdrop-filter:blur(4px)brightness(.72);-webkit-backdrop-filter:blur(4px)brightness(.72);background:#051f2494}@media (max-height:500px){.pause-panel{padding-block-start:.75rem;padding-block-end:.75rem}.pause-panel h2{margin-bottom:.75rem;font-size:1.75rem}.pause-panel>div{gap:.5rem}}#game-over-screen{padding-block:max(env(safe-area-inset-top,0px),16px)max(env(safe-area-inset-bottom,0px),16px);justify-content:flex-start}.game-over-layout{position:relative;z-index:1;flex-shrink:0;max-width:100%;margin-block-start:auto;margin-block-end:auto}.game-over-shell{position:relative;overflow:hidden;border:2px solid var(--reed-border);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:radial-gradient(at 50% 0%,#fff7c624,#0000 38%),linear-gradient(#12343bf0,#083037e0);border-radius:24px 30px;box-shadow:0 24px 52px #051f2475,inset 0 1px #fff7c633,inset 0 -10px #051f2424}.game-over-shell:before{content:"";position:absolute;pointer-events:none;opacity:.9;background:linear-gradient(78deg,#0000 0 10%,#f4d27a29 10.4% 11%,#0000 11.4% 100%),linear-gradient(103deg,#0000 0 89%,#9bd45e24 89.4% 90%,#0000 90.4% 100%),radial-gradient(at 50% 100%,#0f4f62b8,#0000 66%);inset:0}.game-over-emblem,.game-over-shell>:not(.game-over-emblem){position:relative;z-index:1}.game-over-emblem{display:grid;aspect-ratio:1;place-items: center;width:7.6rem;margin:0 auto 1rem}.game-over-ripple,.game-over-lily{grid-area:1/1}.game-over-ripple{border:2px solid #f4d27a3d;border-radius:50%;width:100%;height:54%;transform:rotate(-8deg);box-shadow:inset 0 0 22px #5fc3c333,0 0 20px #051f242e}.game-over-lily{position:relative;overflow:hidden;aspect-ratio:1.18;background:radial-gradient(at 24% 18%,#fff7c63d,#0000 32%),linear-gradient(135deg,#75a64dfa,#246b35fa);border-radius:58% 48% 54% 44%;width:58%;transform:rotate(-22deg);box-shadow:0 9px 16px #051f244d,inset 0 -7px #11482433}.game-over-lily:after{content:"";position:absolute;clip-path:polygon(100% 0,0 46%,100% 100%);background:#12343bf0;width:42%;height:42%;top:34%;right:-2%}.game-over-title{display:inline-block;color:#ffb1a9;text-wrap:balance;max-width:11ch;font-size:clamp(3rem,10vw,5.4rem);font-weight:900;line-height:.9}.run-result{display:inline-flex;color:var(--ink);background:radial-gradient(at 20% 18%,#ffffff38,#0000 34%),linear-gradient(135deg,#fff7c6fa,#f4d27af5);border:2px solid #12343b38;border-radius:16px 22px;justify-content:center;align-items: center;max-width:100%;min-height:3.4rem;padding:.78rem 1rem;box-shadow:0 10px 18px #051f2442}.game-over-message{color:#fff7c6c7;line-height:1.35}.game-over-actions{display:grid;justify-items:stretch;gap:10px;width:min(100%,21rem);margin-inline-start:auto;margin-inline-end:auto}@media (max-height:800px){.game-over-shell{padding-block-start:20px;padding-block-end:20px}.game-over-emblem{width:clamp(3rem,10vh,5rem);margin-bottom:8px}.game-over-title{font-size:clamp(2.5rem,8vh,4rem)}.game-over-shell .run-result,.game-over-message{margin-top:12px}.game-over-actions{margin-top:16px}.game-over-layout .input-prompts-slot--panel{margin-top:12px}}.overlay-safe-padding{padding-top:max(env(safe-area-inset-top,0px),8px);padding-bottom:max(env(safe-area-inset-bottom,0px),8px);padding-left:max(env(safe-area-inset-left,0px),0px);padding-right:max(env(safe-area-inset-right,0px),0px)}.starting-level-panel{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:16px;margin-top:20px;font-size:clamp(20px,2vw,32px)}.starting-level-panel.hidden{display:none}.starting-level-panel button{cursor:pointer;font-size:inherit;border-radius:12px;min-width:56px;min-height:56px}.starting-level-panel output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch}.math-progress-panel{border:2px solid var(--reed-border);background:var(--panel-gradient);box-shadow:var(--pond-shadow);border-radius:18px;margin-top:20px;padding:clamp(16px,2vw,24px)}.math-progress-panel.hidden,.math-step-panel.hidden{display:none}.math-progress-panel h2{font-size:clamp(20px,2vw,28px);font-weight:700}.math-progress-panel>p,.math-step-skill,.math-highest-unlock,.math-save-status{margin-top:10px;font-size:clamp(16px,1.5vw,22px);line-height:1.4}.math-step-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.math-step-panel{border:1px solid var(--soft-cream-border);border-radius:14px;min-width:0;padding:16px}.math-step-panel h3{font-size:clamp(19px,1.8vw,26px);font-weight:700}.math-step-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items: center;gap:10px;margin-top:14px;font-size:clamp(16px,1.4vw,22px)}.math-step-controls button{cursor:pointer;border-radius:10px;min-height:52px;padding:10px 8px}.math-step-controls button:disabled{opacity:.5;cursor:default}.math-step-controls button:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.difficulty-choice:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.math-milestones{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;margin-top:16px}.math-milestone{display:grid;border:1px solid #fff7c680;border-radius:50% 45% 50% 40%;place-items: center;min-height:32px;font-size:clamp(14px,1.2vw,18px);font-weight:700}.math-milestone[data-state=unlocked]{background:var(--success-gradient)}.math-milestone[data-state=current]{background:var(--reed);border:2px solid var(--cream);color:var(--ink)}.math-milestone[data-state=locked]{opacity:.4}.math-save-status{text-align:center}@media (max-width:799px){.math-step-panels{grid-template-columns:1fr}}#mode-select-screen{padding:max(env(safe-area-inset-top,0px),16px)max(env(safe-area-inset-right,0px),24px)max(env(safe-area-inset-bottom,0px),16px)max(env(safe-area-inset-left,0px),24px);justify-content:flex-start;align-items:stretch}.mode-select-shell{display:flex;flex-direction:column;gap:clamp(10px,1.6vh,20px);width:min(100%,1120px);margin-block-start:auto;margin-block-end:auto;margin-inline-start:auto;margin-inline-end:auto}.setup-view,.setup-secondary-panel{width:100%;min-width:0}.setup-view.hidden,.setup-secondary-panel.hidden{display:none}.mode-select-heading{margin-bottom:clamp(12px,2vh,22px)}.setup-topline{display:grid;grid-template-columns:1fr auto 1fr;align-items: center;margin-bottom:clamp(8px,1.5vh,16px)}.setup-back,.setup-optional-action{border:1px solid var(--soft-cream-border);color:var(--cream);cursor:pointer;background:#155260eb;border-radius:14px;min-height:52px;padding:10px clamp(14px,2vw,24px);font-size:clamp(17px,1.35vw,22px);font-weight:600}.setup-back{justify-self:start}.setup-step-indicator{color:var(--cream);justify-self:center;font-size:clamp(17px,1.3vw,22px);font-weight:600}.setup-step-indicator span{color:var(--reed);letter-spacing:4px;margin-left:8px}.mode-select-heading h1{font-size:clamp(28px,3.2vw,52px)}.mode-select-heading p{margin-top:8px;font-size:clamp(17px,1.5vw,24px)}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}.mode-options .mode-card{display:flex;border:2px solid var(--reed-border);text-align:left;cursor:pointer;filter:none;border-radius:20px;flex-direction:column;justify-content:flex-start;min-width:0;min-height:clamp(112px,16vh,166px);padding:clamp(12px,1.5vw,22px)}.mode-options .mode-card[aria-pressed=false]{filter:brightness(.92)}.mode-options .mode-card[aria-pressed=true]{border-color:var(--reed);box-shadow:inset 0 0 0 2px var(--reed),0 0 0 2px #f4d27a59,var(--pond-shadow);filter:brightness(1.08)}.mode-card[data-focusable]:focus-visible{outline:4px solid var(--cream);outline-offset:4px}.mode-options .mode-name{z-index:1;padding-right:32px;font-size:clamp(22px,2vw,38px);line-height:1.15}.mode-symbol{font-size:clamp(44px,5vw,76px);top:6px;bottom:auto;right:12px}.mode-card[aria-pressed=true] .mode-symbol{color:currentColor;opacity:.72;font-size:clamp(36px,4vw,60px)}.mode-card[aria-pressed=true]:after{content:"✓";position:absolute;display:grid;background:var(--reed);color:var(--ink);border-radius:50%;place-items: center;width:28px;height:28px;font-size:19px;font-weight:800;inset:auto auto 8px 8px}.mode-card[aria-pressed=true] .mode-progress-copy{padding-left:36px}.mode-card[aria-pressed=true] .mode-progress-meter{width:calc(min(100%,320px) - 36px);margin-left:36px}.mode-progress-copy{position:relative;z-index:1;color:var(--cream);margin-top:auto;padding-top:6px;padding-right:30px;font-size:clamp(14px,1.2vw,22px);line-height:1.3}.mode-progress-meter{position:relative;z-index:1;display:block;overflow:hidden;background:#0f4f62ad;border-radius:999px;width:min(100%,320px);height:6px;margin-top:7px}.mode-progress-fill{display:block;border-radius:inherit;background:#b4df75;height:100%;transition:width .18s}.setup-actions{display:flex;justify-content:space-between;align-items: center;gap:12px;margin-top:clamp(12px,2vh,20px)}.setup-primary-action{border:2px solid var(--reed);color:var(--cream);background:var(--success-gradient);box-shadow:var(--pond-shadow);cursor:pointer;border-radius:18px;width:min(40%,320px);min-width:200px;min-height:60px;margin-left:auto;padding:12px 24px;font-size:clamp(20px,1.7vw,28px);font-weight:700}.setup-primary-action:disabled,.setup-optional-action:disabled{cursor:not-allowed;filter:saturate(.5);opacity:.55}.setup-primary-action:not(:disabled):focus-visible{outline:4px solid var(--cream);outline-offset:3px}.setup-optional-action:not(:disabled):focus-visible{outline:4px solid var(--cream);outline-offset:3px}.setup-back:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.setup-optional-action{white-space:nowrap}.pond-choices{display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px)}.pond-choice{position:relative;display:flex;border:2px solid var(--soft-cream-border);text-align:left;cursor:pointer;border-radius:18px;align-items: center;gap:clamp(12px,2vw,24px);width:100%;min-height:clamp(84px,11vh,120px);padding:10px 56px 10px 16px}.pond-choice.easy{background:linear-gradient(115deg,#4b9f3bf5,#2a7c4ff0)}.pond-choice.medium{color:#17393f;background:linear-gradient(115deg,#f4d27afa,#cb8427f5)}.pond-choice.expert{background:linear-gradient(115deg,#43919afa,#1c5361fa)}.pond-choice[aria-pressed=true]{border-color:var(--reed);box-shadow:inset 0 0 0 2px var(--reed),0 0 0 3px #f4d27a4d,var(--pond-shadow);filter:brightness(1.08)}.pond-choice:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.pond-choice[aria-pressed=true]:after{content:"✓";position:absolute;display:grid;background:var(--reed);color:var(--ink);border-radius:50%;place-items: center;width:30px;height:30px;font-size:20px;font-weight:800;top:50%;right:14px;transform:translateY(-50%)}.pond-illustration{position:relative;display:block;overflow:hidden;background:#72c9c0;border:2px solid #fff7c6c2;border-radius:50%;flex:0 0 88px;width:88px;height:52px;box-shadow:inset 0 0 0 5px #0f4f623d}.pond-illustration-medium{transform:scale(1.06)}.pond-illustration-expert{transform:scale(1.12)}.pond-water{position:absolute;background:repeating-radial-gradient(at 40% 55%,#0000 0 8px,#fff7c63d 9px 10px,#0000 11px 18px);inset:0}.pond-lily{position:absolute;z-index:1;background:#b1dc6d;border-radius:70% 35%;width:17px;height:12px;box-shadow:inset -3px -2px #246b355c}.pond-lily-1{top:8px;left:14px}.pond-lily-2{bottom:8px;right:15px;transform:rotate(24deg)}.pond-lily-3{top:8px;left:38px;transform:rotate(-18deg)}.pond-lily-4{top:10px;right:8px;transform:rotate(42deg)}.pond-lily-5{bottom:6px;left:26px;transform:rotate(-20deg)}.pond-lily-6{bottom:9px;left:52px;transform:rotate(14deg)}.pond-choice-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.pond-choice-name{font-size:clamp(22px,1.8vw,32px);font-weight:800;line-height:1.15}.pond-choice-size{font-size:clamp(16px,1.3vw,21px);line-height:1.25}.pond-actions .setup-optional-action{margin-right:auto}.setup-secondary-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items: center;gap:12px;margin-bottom:12px}.setup-secondary-heading .setup-back{grid-column:1;grid-row:1/span 2}.setup-secondary-heading h1{grid-column:2;grid-row:1;white-space:nowrap}.setup-secondary-heading p{grid-column:2;grid-row:2;text-align:center;margin-top:2px}.setup-secondary-panel .math-progress-panel{margin-top:0}.setup-secondary-panel .math-step-panel{background:#0a374461}.setup-secondary-panel .math-step-controls button{min-height:48px}.setup-help-list{display:grid;list-style:none;gap:10px;margin:0;padding:0}.setup-help-row{display:flex;border:1px solid var(--soft-cream-border);background:var(--panel-gradient);border-radius:14px;justify-content:space-between;align-items: center;gap:14px;min-height:64px;padding:12px 18px;font-size:clamp(17px,1.45vw,23px)}.setup-help-row strong{font-size:1.1em}.setup-help-row span{text-align:right}.mode-select-shell .input-prompts-slot--panel{justify-content:center;margin-top:clamp(6px,1vh,12px)}@media (max-width:599px){#mode-select-screen{padding-inline:max(env(safe-area-inset-left,0px),16px)max(env(safe-area-inset-right,0px),16px)}.mode-select-shell{gap:8px}.mode-select-heading{margin-bottom:10px}.mode-select-heading p{margin-top:5px}.setup-topline{margin-bottom:6px}.setup-back,.setup-optional-action{min-height:48px;padding:8px 12px;font-size:17px}.setup-step-indicator{font-size:16px}.mode-options{gap:10px}.mode-options .mode-card{min-height:clamp(104px,15vh,138px);padding:10px}.mode-options .mode-name{font-size:clamp(17px,5vw,23px)}.mode-progress-copy{font-size:clamp(13px,3.6vw,16px)}.mode-progress-meter{height:5px;margin-top:5px}.setup-actions{gap:8px;margin-top:10px}.setup-primary-action{width:min(62%,250px);min-width:0;min-height:54px;padding:9px 16px;font-size:20px}.pond-choices{gap:8px}.pond-choice{gap:12px;min-height:74px;padding:8px 48px 8px 12px}.pond-illustration{flex-basis:76px;width:76px;height:48px}.pond-lily-3{left:32px}.pond-lily-6{left:46px}.pond-choice-name{font-size:22px}.pond-choice-size{font-size:16px}.pond-actions .setup-optional-action{margin-right:0}.setup-secondary-heading{grid-template-columns:auto minmax(0,1fr);gap:8px}.setup-secondary-heading .setup-back{grid-column:1;grid-row:1/span 2}.setup-secondary-heading h1,.setup-secondary-heading p{grid-column:2;text-align:left;white-space:normal}.setup-help-list{gap:7px}.setup-help-row{min-height:56px;padding:10px 12px;font-size:16px}}@media (max-height:600px){#mode-select-screen{padding-block-start:8px;padding-block-end:8px}.mode-select-shell{gap:6px}.mode-select-heading{margin-bottom:8px}.mode-select-heading h1{font-size:28px}.mode-select-heading p{margin-top:3px;font-size:17px}.setup-topline{margin-bottom:4px}.setup-back,.setup-optional-action{min-height:44px;padding-block-start:6px;padding-block-end:6px}.mode-options .mode-card{min-height:84px;padding:8px 12px}.mode-options .mode-name{font-size:19px}.mode-progress-copy{padding-top:3px;font-size:13px}.mode-progress-meter{height:4px;margin-top:3px}.setup-actions{margin-top:8px}.setup-primary-action{min-height:50px}.pond-choices{gap:6px}.pond-choice{min-height:62px;padding-block-start:6px;padding-block-end:6px}.pond-illustration{height:42px}}@media (max-height:420px){#mode-select-screen{justify-content:flex-start}.mode-select-shell{margin-block-start:0;margin-block-end:0}.setup-secondary-panel .math-progress-panel{padding:10px}}@media (max-width:599px) and (max-height:600px){#mode-select-screen{padding-inline:max(env(safe-area-inset-left,0px),12px)max(env(safe-area-inset-right,0px),12px)}.mode-options{gap:8px}.mode-options .mode-card{min-height:82px;padding:7px 9px}.mode-options .mode-name{font-size:17px}.mode-progress-copy{font-size:12px}.pond-choice{gap:8px;min-height:62px;padding-inline-start:8px;padding-inline-end:42px}.pond-illustration{flex-basis:62px;width:62px;height:40px}.pond-choice-name{font-size:19px}.pond-choice-size{font-size:14px}.pond-lily{width:13px;height:9px}}@media (pointer:coarse) and (hover:none){.mode-select-shell .input-prompts-slot{display:none}}#main-menu .player-profile-badge-slot{position:absolute;z-index:20;top:max(env(safe-area-inset-top,0px),16px);left:max(env(safe-area-inset-left,0px),16px)}.player-profile-badge{display:flex;color:var(--cream);text-align:left;cursor:pointer;touch-action:manipulation;background:linear-gradient(135deg,#073540f5,#136565f0);border:2px solid #fff7c6ad;border-radius:18px;align-items: center;gap:10px;width:min(290px,100vw - 104px);min-height:64px;padding:8px 14px 8px 9px;box-shadow:0 8px 20px #051f2457,inset 0 1px #fff7c638}.player-profile-orb{display:inline-grid;color:#fff7c6;background:radial-gradient(circle at 32% 24%,#ffffff73,#0000 34%),linear-gradient(145deg,#66b65b,#257441 76%);border:2px solid #fff7c6d9;border-radius:50%;flex:none;place-items: center;width:48px;height:48px;font-size:1rem;font-weight:900;line-height:1;box-shadow:inset 0 -4px #11482438,0 3px 8px #051f2442}.player-profile-badge-copy{display:flex;flex-direction:column;flex:auto;gap:1px;min-width:0;line-height:1.15}.player-profile-badge-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:16ch;font-size:1.05rem}.player-profile-badge-copy span{color:#fff7c6cc;letter-spacing:.03em;font-size:.86rem;font-weight:700}.player-profile-menu-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.5;flex:none;width:22px;height:22px}.player-profile-overlay{background:#041d23ad}#player-roster-screen{background:0 0}.player-overlay-backdrop{position:absolute;z-index:0;background:#041d23ad;inset:0}.player-roster-drawer{position:relative;z-index:1;display:flex;border-left:3px solid var(--reed-border);color:var(--cream);background:radial-gradient(at 88% 8%,#9bd45e24,#0000 32%),linear-gradient(155deg,#0f4f62fc,#083742fc);border-radius:24px 0 0 24px;flex-direction:column;flex:0 min(900px,64vw);width:min(900px,64vw);min-width:560px;max-width:100vw;height:100%;padding:clamp(18px,2.5vw,36px);box-shadow:-18px 0 46px #051f2452,inset 1px 0 #fff7c62e}.player-roster-heading{display:flex;flex:none;justify-content:space-between;align-items: flex-start;gap:20px;margin-bottom:18px}.player-dialog-kicker{color:#a8d9b2;letter-spacing:.12em;margin:0 0 5px;font-size:.82rem;font-weight:800;line-height:1.25}.player-roster-heading h1,.player-dialog-heading h1{color:#fff7c6;text-wrap:balance;margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:900;line-height:1.08}.player-roster-heading p:last-child,.player-dialog-heading p:last-child{color:#fff7c6db;margin:8px 0 0;font-size:clamp(1rem,1.3vw,1.15rem)}.player-close-button{display:grid;color:var(--cream);cursor:pointer;background:#052931ad;border:2px solid #fff7c680;border-radius:14px;flex:none;place-items: center;width:52px;height:52px;font-size:2rem;line-height:1}.player-roster-list,.player-management-list{display:flex;overflow-x:hidden;overflow-y:auto;list-style:none;overscroll-behavior:contain;scrollbar-color:#fff7c6ad #042831b3;scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:0;padding:4px 6px 8px 4px}.player-roster-row{display:flex;color:var(--cream);text-align:left;cursor:pointer;touch-action:manipulation;background:linear-gradient(115deg,#1e6968f0,#114d56f0);border:2px solid #fff7c63d;border-radius:18px;align-items: center;gap:14px;width:100%;min-height:92px;padding:10px 14px}.player-roster-row[aria-current=true]{background:linear-gradient(115deg,#367e5cfa,#145652fa);border-color:#fff7c6cc}.player-roster-details{display:grid;grid-template-columns:minmax(0,1fr);flex:auto;gap:3px;min-width:0}.player-roster-name{overflow-wrap:anywhere;color:#fff7c6;font-size:clamp(1.08rem,1.6vw,1.35rem);font-weight:850;line-height:1.15}.player-active-label{color:#d4edb5;font-size:.86rem;font-weight:750;line-height:1.1}.player-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;width:100%}.player-progress-item{display:grid;grid-template-columns:22px minmax(30px,1fr)24px;color:#fff7c6f0;align-items: center;gap:7px;min-width:0}.player-progress-symbol,.player-progress-number{text-align:center;font-size:.96rem;font-weight:850;line-height:1}.player-progress-bar{display:block;overflow:hidden;background:#042730d1;border:1px solid #fff7c652;border-radius:999px;height:10px}.player-progress-fill{display:block;border-radius:inherit;background:linear-gradient(90deg,#a6d970,#fff0a1);height:100%}.player-roster-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;gap:10px;margin-top:14px}.player-roster-actions button,.player-dialog-actions button,.player-management-row button{touch-action:manipulation;min-height:52px}.player-limit-note{grid-column:1/-1;color:#fff0a1;margin:0;font-size:.98rem;font-weight:700}.player-roster-drawer .input-prompts-slot--panel{flex:none;justify-content:flex-start;margin-top:12px}.player-profile-modal{padding:max(env(safe-area-inset-top,16px),20px)max(env(safe-area-inset-right,16px),20px)max(env(safe-area-inset-bottom,16px),20px)max(env(safe-area-inset-left,16px),20px)}.player-name-card,.player-management-card{overflow-y:auto;border:2px solid var(--reed-border);color:var(--cream);background:radial-gradient(at 90% 8%,#9bd45e24,#0000 34%),linear-gradient(150deg,#0f4f62fc,#083742fc);border-radius:24px;width:min(760px,94vw);max-height:min(90dvh,880px);padding:clamp(22px,4vw,44px);box-shadow:0 22px 48px #051f246b,inset 0 1px #fff7c62e}.player-name-card{flex:none}.player-dialog-heading{margin-bottom:24px}.player-name-card form{display:grid;gap:10px}.player-name-card label{color:#fff7c6;font-size:1.1rem;font-weight:800}.player-name-card input{color:#102f35;font:inherit;background:#fff7c6;border:2px solid #fff7c6ad;border-radius:14px;width:100%;min-height:58px;padding:10px 14px;font-size:1.2rem}.player-name-card input:focus-visible{outline:4px solid var(--cream);outline-offset:3px}.player-form-error{color:#ffe19a;min-height:1.4em;margin:0;font-size:1rem;font-weight:750}.player-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.player-local-note{color:#fff7c6c2;margin:20px 0 0;font-size:.95rem}.player-name-card .input-prompts-slot--panel,.player-management-card .input-prompts-slot--panel{justify-content:flex-start;margin-top:18px}.player-management-card{display:flex;flex-direction:column;flex:0 auto}.player-management-list{flex:0 auto;max-height:52dvh}.player-management-row{display:grid;grid-template-columns:52px minmax(0,1fr)auto auto;background:#1e6968a6;border:1px solid #fff7c63d;border-radius:16px;align-items: center;gap:12px;min-height:72px;padding:9px 12px}.player-management-row strong{overflow-wrap:anywhere;color:#fff7c6;font-size:1.08rem}.player-management-row button{border-radius:12px;min-width:88px;padding:9px 14px;font-size:1rem}.player-delete-warning{color:#ffe19a;margin:0 0 12px;font-size:1.05rem;font-weight:800}.player-profile-badge:focus-visible{outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 7px #f4d27a61,0 8px 20px #051f246b}.player-roster-row:focus-visible{outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 7px #f4d27a61,0 8px 20px #051f246b}.player-close-button:focus-visible{outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 7px #f4d27a61,0 8px 20px #051f246b}.player-management-row button:focus-visible{outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 7px #f4d27a61,0 8px 20px #051f246b}.player-roster-actions button:focus-visible{outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 7px #f4d27a61,0 8px 20px #051f246b}.player-dialog-actions button:focus-visible{outline:4px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 7px #f4d27a61,0 8px 20px #051f246b}@media (max-width:720px) and (orientation:portrait){#main-menu .menu-shell{margin-top:92px;margin-bottom:auto}.player-profile-badge{width:min(250px,100vw - 104px);min-height:58px}.player-profile-orb{width:44px;height:44px}#player-roster-screen{justify-content:stretch}.player-roster-drawer{padding:max(env(safe-area-inset-top,12px),16px)max(env(safe-area-inset-right,12px),16px)max(env(safe-area-inset-bottom,12px),16px)max(env(safe-area-inset-left,12px),16px);border:0;border-radius:0;flex-basis:100%;width:100%;min-width:0;height:100dvh}.player-roster-heading{gap:12px;margin-bottom:12px}.player-roster-row{gap:10px;min-height:86px;padding:8px 10px}.player-progress-grid{column-gap:8px}.player-progress-item{grid-template-columns:18px minmax(20px,1fr)22px;gap:4px}.player-management-row{grid-template-columns:44px minmax(0,1fr);gap:8px 10px}.player-management-row .player-profile-orb{grid-row:1;width:40px;height:40px}.player-management-row strong{grid-row:1}.player-management-row button{grid-row:2;width:100%;min-width:0;padding:8px 10px}}@media (max-width:390px){.player-dialog-kicker{letter-spacing:.08em;font-size:.72rem}.player-roster-heading h1,.player-dialog-heading h1{font-size:1.65rem}.player-progress-symbol,.player-progress-number{font-size:.85rem}.player-roster-actions{gap:8px}.player-roster-actions button{padding-inline-start:10px;padding-inline-end:10px;font-size:.94rem}}@media (max-height:400px) and (min-width:480px){.player-roster-drawer{border-radius:16px 0 0 16px;padding:8px 16px}.player-roster-heading{align-items: center;gap:8px;margin-bottom:6px}.player-dialog-kicker{margin-bottom:2px;font-size:.68rem}.player-roster-heading h1{font-size:1.45rem}.player-roster-heading p:last-child{margin-top:3px;font-size:.85rem}.player-close-button{width:44px;height:44px}.player-roster-list{gap:6px;padding:2px 4px 4px 2px}.player-roster-row{gap:8px;min-height:68px;padding:5px 9px}.player-roster-row .player-profile-orb{width:38px;height:38px}.player-roster-name{font-size:1rem}.player-active-label{font-size:.72rem}.player-progress-item{grid-template-columns:18px minmax(24px,1fr)20px;gap:4px}.player-progress-symbol,.player-progress-number{font-size:.78rem}.player-progress-bar{height:8px}.player-roster-actions{gap:8px;margin-top:6px}.player-roster-actions button{min-height:44px;padding-block-start:7px;padding-block-end:7px}.player-limit-note{font-size:.82rem}.player-roster-drawer .input-prompts-slot--panel{margin-top:4px}.player-roster-drawer .input-prompts-slot--panel .input-prompts-bar{--input-prompt-min-height:36px;--input-prompt-font-size:.88rem;--input-prompt-glyph-size:34px;--input-prompt-keycap-min-width:34px;--input-prompt-keycap-height:30px;--input-prompt-keycap-padding:0 6px;--input-prompt-keycap-font-size:.78rem;gap:6px 10px;padding:6px 8px}}.splash-screen{z-index:60;color:var(--cream);padding:max(24px,env(safe-area-inset-top))max(24px,env(safe-area-inset-right))max(24px,env(safe-area-inset-bottom))max(24px,env(safe-area-inset-left));text-align:center;background:radial-gradient(at 50% 42%,#103c42,#051f24 75%)}.splash-card{opacity:0;width:100%}.splash-caption{letter-spacing:.14em;margin-bottom:20px;font-size:clamp(20px,2.2vw,36px)}.splash-detail{margin-top:20px;font-size:clamp(17px,1.8vw,28px)}.splash-logo{display:block;object-fit:contain;width:min(640px,80vw);height:min(48dvh,462px);margin:0 auto}#studioSplash{background:#1a1a1a}#studioSplash .splash-logo{width:min(960px,86vw,136dvh);height:auto}@media (max-height:420px){.splash-caption{margin-bottom:8px}.splash-detail{margin-top:8px}}@media (prefers-reduced-motion:reduce){.splash-card{opacity:1!important}}.skit-layout{text-align:center;width:min(90vw,1100px)}.skit-kicker{color:#c8f4ad;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(13px,1.4vw,20px)}#skit-title{color:#fff7d3;text-shadow:0 3px #123d4866;font-size:clamp(28px,4vw,54px);font-weight:800;line-height:1.2}.skit-stage{position:relative;container-type:size;overflow:hidden;background:radial-gradient(at 78% 8%,#fff0ad 0%,#0000 40%),linear-gradient(#bdd994 0%,#88b77a 35%,#448e81 36%,#205c68 100%);border:3px solid #9abc79;border-radius:28px;width:100%;height:min(44vh,440px);min-height:150px;margin:18px auto;box-shadow:0 14px 40px #071f364d,inset 0 -12px 32px #12314266}.skit-stage:before{content:"";position:absolute;background:#fff8cf88;border-radius:50%;width:10%;height:5%;top:11%;left:8%;box-shadow:25cqw 2cqh #fff8cf55,65cqw -1cqh #fff8cf66}.skit-reeds{position:absolute;opacity:.45;background:repeating-linear-gradient(100deg,#0000 0 34px,#4b7e52 35px 39px,#0000 40px 60px);height:16%;inset:24% 0 auto}.skit-ripple{position:absolute;border:3px solid #b5ead34a;border-radius:50%;width:80%;height:12%;top:77%;left:10%}.skit-perch,.skit-pad,.skit-gap-pad{position:absolute;background:#9acd59;border:3px solid #4c813f;border-radius:50%;box-shadow:inset 0 -6px #74a547}.skit-perch{aspect-ratio:4;width:27%;height:auto;top:64%;left:9%}.skit-pad{aspect-ratio:3;width:12%;height:auto}.skit-pad:after{content:"";position:absolute;border-left:3px solid #4c813f;height:50%;top:0;left:50%;transform:rotate(25deg)}.skit-frog{position:absolute;aspect-ratio:1;transform-origin:center;background-repeat:no-repeat;width:min(25%,27vh);top:73%;left:23%}.skit-fly{position:absolute;aspect-ratio:1;background-repeat:no-repeat;background-size:800% 100%;width:min(12%,14vh);transform:translate(-50%,-100%)}.skit-tongue{position:absolute;background:#f58c9e;border:2px solid #b65872;border-radius:999px;height:3%;top:61%;left:27%}.skit-caption{display:flex;color:#fff7d3;background:#103e4bdb;border:1px solid #bfebbb55;border-radius:20px;flex-direction:column;justify-content:center;align-items: center;gap:3px;min-height:112px;margin:0 auto 14px;padding:10px 18px;font-size:clamp(21px,2.5vw,32px);font-weight:700;line-height:1.25}.skit-speaker{letter-spacing:.08em;text-transform:uppercase;color:#c6edff;font-size:.55em;font-weight:800;line-height:1.2}.skit-speaker[data-speaker=lizard]{color:#ffcf82}.skit-speaker[data-speaker=frog]{color:#c7f48e}.skit-speaker[data-speaker=spider]{color:#e0c9ff}.skit-extra{display:none;position:absolute;inset:0}#skit-screen[data-scene]:not([data-scene=snack-break]) .skit-extra{display:block}#skit-screen[data-scene]:not([data-scene=snack-break]) .skit-stage>:-webkit-any(.skit-perch,.skit-tongue,.skit-pad,.skit-frog,.skit-fly){display:none}#skit-screen[data-scene]:not([data-scene=snack-break]) .skit-stage>:-moz-any(.skit-perch,.skit-tongue,.skit-pad,.skit-frog,.skit-fly){display:none}#skit-screen[data-scene]:not([data-scene=snack-break]) .skit-stage>:is(.skit-perch,.skit-tongue,.skit-pad,.skit-frog,.skit-fly){display:none}.scene-actor{position:absolute;aspect-ratio:1;transform-origin:center;filter:drop-shadow(0 3px 1px #123d4833);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(21%,43cqh)}.scene-frog,.scene-lizard,.scene-spider{background-position:0 0;background-size:800% 100%}.scene-fly{background-position:0 0;background-size:800% 100%;width:min(12%,23cqh)}.skit-gap-pad{aspect-ratio:4;width:25%;height:auto;top:72%}.skit-gap-left{left:5%}.skit-gap-right{right:5%}#skit-screen[data-scene=the-web-guitar] .skit-gap-pad{display:none}#skit-screen[data-scene=the-big-plan] .skit-gap-left{width:84%;height:min(18cqh,14cqw);top:75%;left:8%}#skit-screen[data-scene=the-big-plan] .skit-gap-right{display:none}.scene-web{position:absolute;aspect-ratio:1.6;background:repeating-conic-gradient(#0000 0deg 43deg,#e8ffe1bb 44deg 46deg,#0000 47deg 90deg);border:3px solid #f3ffe4;border-radius:45%;width:min(45cqw,68cqh);height:auto;top:14%;left:49.5%;translate:-50%;box-shadow:-8px 0 #547b37,8px 0 #547b37}.scene-web:before,.scene-web:after{content:"";position:absolute;border:2px solid #e8ffe1bb;border-radius:45%;inset:16%}.scene-web:after{inset:32%}.scene-web span{position:absolute;transform-origin:left center;border-top:3px solid #fff7c6;width:57%;top:60%;left:50%}.scene-diagram{position:absolute;display:flex;color:#704328;background:#fff0b7;border:3px solid #a2824c;border-radius:12px;flex-direction:column;justify-content:center;align-items: center;width:18%;height:27%;font-size:clamp(17px,6cqh,30px);font-weight:900;line-height:1;top:49%;left:41%;box-shadow:0 5px #153e4933}.scene-diagram[hidden]{display:none}.scene-diagram span{white-space:nowrap}#skit-screen[data-scene=the-big-plan] #scene-spider:before{content:"";position:absolute;border-left:2px solid #f3ffe4bb;height:100cqh;bottom:94%;left:50%}.scene-splash{position:absolute;border:5px solid #c8fff3;border-top-color:#0000;border-radius:50%;width:22%;height:12%;top:72%;left:47%;box-shadow:0 7px #9ae2d766}.scene-splash:before,.scene-splash:after{content:"";position:absolute;background:#c8fff3;border-radius:50%;width:12%;height:75%;bottom:70%;transform:rotate(-30deg)}.scene-splash:before{left:10%}.scene-splash:after{right:10%;transform:rotate(30deg)}.scene-burst{position:absolute;z-index:4;color:#285767;white-space:nowrap;background:#fff7d3;border-radius:16px;max-width:90%;padding:4px 12px;font-size:clamp(18px,min(4cqw,12cqh),42px);font-weight:900;line-height:1.15;top:8%;left:58%;transform:translate(-50%)rotate(-7deg);box-shadow:0 4px #123d4833}#skit-screen[data-scene=the-web-guitar] .scene-burst{color:#614b7e;font-size:clamp(16px,min(4cqw,10cqh),36px);top:67%;left:50%}#skit-screen[data-scene=the-big-plan] .scene-burst{top:5%;left:50%}.scene-pluck{position:absolute;border-right:3px solid #fff7c6;border-radius:50%;width:4%;height:9%;top:44%;left:69%;transform:rotate(-15deg)}@media (max-width:600px){.skit-stage{height:38vh}.skit-caption{min-height:116px;padding:10px 12px}.scene-actor{width:min(28%,43cqh)}#skit-screen[data-scene=the-big-plan] .scene-actor{width:23%}#skit-screen[data-scene=the-big-plan] .scene-fly{width:17%}.scene-fly{width:min(17%,23cqh)}.scene-diagram{width:28%;left:36%}}@media (max-height:600px) and (orientation:landscape){.skit-kicker{display:none}#skit-title{font-size:24px}.skit-stage{height:34vh;min-height:100px;margin:8px auto}.skit-caption{min-height:66px;margin-bottom:6px;padding:6px 12px;font-size:20px}#skip-skit-btn{padding:8px 20px}.skit-layout .input-prompts-slot--panel{margin-top:6px}.skit-layout .input-prompts-bar{--input-prompt-min-height:30px;--input-prompt-glyph-size:28px;--input-prompt-keycap-height:28px;padding:4px 10px}}@media (prefers-reduced-motion:reduce){.scene-burst{transform:translate(-50%)}}#skit-pad{z-index:2}#skit-gallery-screen{padding:max(env(safe-area-inset-top,0px),24px)max(env(safe-area-inset-right,0px),20px)max(env(safe-area-inset-bottom,0px),24px)max(env(safe-area-inset-left,0px),20px);justify-content:flex-start}.scene-gallery-shell{text-align:center;flex-shrink:0;width:min(100%,1040px);margin-block-start:auto;margin-block-end:auto}.scene-gallery-heading h1{font-size:clamp(32px,4vw,60px);font-weight:800}.scene-gallery-heading p{margin-top:12px;font-size:clamp(18px,1.8vw,28px)}.scene-gallery-count{color:var(--cream);font-weight:700}.scene-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));text-align:left;gap:20px;margin-block-start:28px;margin-block-end:28px}.scene-card{display:flex;border:2px solid var(--reed-border);background:var(--success-gradient);box-shadow:var(--pond-shadow);color:var(--cream);cursor:pointer;border-radius:20px 28px;flex-direction:column;justify-content:center;align-items: center;gap:10px;min-height:240px;padding:24px}.scene-card[aria-disabled=true]{background:var(--panel-gradient-strong);cursor:default}.scene-card-number,.scene-card-detail{font-size:clamp(18px,1.7vw,26px)}.scene-card-symbol{color:var(--reed);font-size:clamp(48px,5vw,76px);line-height:1}.scene-card-title{font-size:clamp(24px,2.4vw,36px);font-weight:800}.scene-gallery-back{min-height:48px}@media (max-height:600px){#skit-gallery-screen{padding-block-start:16px;padding-block-end:16px}.scene-gallery-heading h1{font-size:28px}.scene-gallery-heading p{margin-top:6px;font-size:18px}.scene-gallery-grid{margin-block-start:16px;margin-block-end:16px}.scene-card{gap:6px;min-height:150px;padding:14px}.scene-card-symbol{font-size:40px}.scene-card-title{font-size:24px}}#game-canvas{pointer-events:auto;touch-action:none;background:var(--cream-panel);border:7px solid var(--cream-panel);box-shadow:0 0 0 4px #246b35db,0 0 0 8px #6d7a3452,0 16px 32px #051f2452}#canvas-container{margin-bottom:clamp(6rem,10vh,8rem)}.gameplay-header{--hud-control-size:clamp(44px,3.5vw,64px);display:grid;grid-template-columns:minmax(0,1fr)auto;padding:max(env(safe-area-inset-top,0px),clamp(10px,1.5vw,24px))max(env(safe-area-inset-right,0px),clamp(12px,2vw,40px))8px max(env(safe-area-inset-left,0px),clamp(12px,2vw,40px));color:var(--cream);flex:none;align-items: center;gap:12px;font-size:clamp(14px,1.25vw,24px);font-weight:700}.gameplay-status,.gameplay-actions{display:flex;align-items: center;gap:8px}.gameplay-status{position:absolute;font-variant-numeric:tabular-nums}.gameplay-header #level-display{justify-self:start;min-width:0}.gameplay-actions{pointer-events:auto;justify-self:end}.gameplay-header .hud-chip{display:flex;min-height:var(--hud-control-size);white-space:nowrap;border-radius:10px;align-items: center;padding:6px 12px}.gameplay-header #level-display span+span:before{content:" - ";white-space:pre}.gameplay-action{display:inline-flex;min-width:var(--hud-control-size);min-height:var(--hud-control-size);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:10px;justify-content:center;align-items: center;gap:8px;padding:8px 12px}.gameplay-action svg{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.15em;height:1.15em}.gameplay-action:focus-visible{outline:3px solid var(--cream);outline-offset:3px}@media (max-width:600px){.gameplay-header{gap:8px}.gameplay-header #level-display{white-space:normal;font-size:clamp(12px,3.1vw,14px);line-height:1.15}}@media (max-width:380px){.gameplay-header{font-size:13px}.gameplay-header .hud-chip,.gameplay-action{padding-inline-start:8px;padding-inline-end:8px}}@media (max-height:500px){.gameplay-header{font-size:14px}}.hud-chip.level{color:var(--ink);background:linear-gradient(135deg,#fff7c6fa,#f4d27af5)}#pause-btn{touch-action:manipulation}@media (max-height:500px){#top-hud{padding:max(env(safe-area-inset-top,0px),6px)max(env(safe-area-inset-right,0px),10px)6px max(env(safe-area-inset-left,0px),10px)}#canvas-container{margin-bottom:8px}}@media (orientation:landscape) and (max-height:600px){#top-hud{position:absolute;z-index:20;padding:max(env(safe-area-inset-top,0px),6px)max(env(safe-area-inset-right,0px),10px)6px max(env(safe-area-inset-left,0px),10px);inset:0 0 auto}.gameplay-header #level-display{white-space:normal;flex-direction:column;align-items: flex-start;max-width:min(24vw,220px);font-size:clamp(12px,1.5vw,16px);line-height:1.15}.gameplay-header #level-display span+span:before{content:none}#canvas-container{margin-block-start:8px;margin-block-end:8px;margin-inline-start:min(24vw,220px);margin-inline-end:min(24vw,220px);padding-inline-start:0;padding-inline-end:0}}@media (orientation:landscape) and (max-width:600px){.gameplay-actions #pause-btn span{display:none}}.gameplay-toast-region{position:absolute;inset:auto 0 max(env(safe-area-inset-bottom,0px),5rem);z-index:30;display:flex;padding-inline:max(env(safe-area-inset-left,0px),16px)max(env(safe-area-inset-right,0px),16px);pointer-events:none;justify-content:center}.gameplay-toast{border:2px solid var(--reed);background:var(--leaf-glint),var(--pond-deep);box-shadow:var(--pond-shadow);color:var(--cream);text-align:center;overflow-wrap:anywhere;border-radius:1.25rem 1.25rem 1.25rem .4rem;max-width:min(100%,48rem);margin:0;padding:.8em 1.2em;font-size:clamp(1rem,1.6vw,1.6rem);font-weight:700;line-height:1.4}.gameplay-toast[hidden]{display:none}@media (orientation:portrait){.gameplay-toast-region{padding-inline:max(env(safe-area-inset-left,0px),12px)max(env(safe-area-inset-right,0px),12px)}}@media (orientation:landscape) and (max-height:600px){.gameplay-toast-region{bottom:max(env(safe-area-inset-bottom,0px),12px)}.gameplay-toast{padding:.5em .8em}}#game-container[data-pond-phase=morning]{--primary-gradient:radial-gradient(ellipse at 84% 20%,#ffe8a77a,transparent 36%),linear-gradient(180deg,var(--sky-top)0%,#328e9a 48%,#15536a 100%);--celestial-color:#fff0b5;--celestial-glow:#ffe7a161;--sky-top:#7ccdc5;--sky-mid:#a9ded2;--sky-horizon:#ffe7b5;--cloud-color:#fff6dc;--cloud-opacity:.66;--hills-far:#77a49a;--hills-near:#477b75;--scenery-reed:#274f47;--scenery-bank:#34645a}#game-container[data-pond-phase=dusk]{--primary-gradient:radial-gradient(ellipse at 84% 44%,#ffb77573,transparent 42%),linear-gradient(180deg,var(--sky-top)0%,#bf8497 36%,#715c7c 62%,#283f61 100%);--cream-panel:#ffdfbe;--panel-gradient:linear-gradient(135deg,#3f314edb,#2d304cc2);--secondary-gradient:linear-gradient(135deg,#716078,#354869);--celestial-color:#ffd095;--celestial-glow:#ffad6a66;--sky-top:#79618a;--sky-mid:#c68a9b;--sky-horizon:var(--celestial-color);--cloud-color:#f4bcae;--cloud-opacity:.52;--hills-far:#87778c;--hills-near:#584f70;--scenery-reed:#393850;--scenery-bank:#41465d}#game-container[data-pond-phase=night]{--primary-gradient:radial-gradient(ellipse at 84% 20%,#8fb9e230,transparent 36%),linear-gradient(180deg,var(--sky-top)0%,var(--sky-mid)48%,#101f34 100%);--cream-panel:#d5e5ef;--panel-gradient:linear-gradient(135deg,#1a2f4ee6,#102239cc);--secondary-gradient:linear-gradient(135deg,#3c5d75,#20364e);--celestial-color:#e4f2ff;--celestial-glow:#b4d7f942;--sky-top:#15233f;--sky-mid:#263d63;--sky-horizon:#567693;--cloud-color:#96b2ce;--cloud-opacity:.16;--hills-far:#354e6d;--hills-near:#213950;--scenery-reed:#101f30;--scenery-bank:#172e3f}#game-container[data-pond-phase]:before,#game-container[data-pond-phase]:after{display:none}.pond-scenery{position:absolute;z-index:-1;overflow:hidden;pointer-events:none;inset:0}.pond-sky{position:absolute;background:linear-gradient(180deg,var(--sky-top),var(--sky-mid)64%,var(--sky-horizon));height:50%;inset:0 0 auto}.pond-stars,.pond-landscape{position:absolute;width:100%;height:100%;inset:0}.pond-stars{display:none;fill:#e4f2ff}[data-pond-phase=night] .pond-stars{display:block}.pond-horizon{position:absolute;width:100%;height:20%;top:40%}.pond-celestial{position:absolute;aspect-ratio:1;background:var(--celestial-color);box-shadow:0 0 44px 18px var(--celestial-glow);border-radius:50%;width:clamp(52px,6vw,110px);top:14%;right:9%}[data-pond-phase=dusk] .pond-celestial{top:39%}[data-pond-phase=night] .pond-celestial{background:radial-gradient(circle at 34% 32%,#8fb1d438 0 9%,transparent 10%),radial-gradient(circle at 65% 62%,#8fb1d42e 0 15%,transparent 16%),var(--celestial-color)}.pond-cloud{position:absolute;fill:var(--cloud-color);opacity:var(--cloud-opacity);width:clamp(180px,25vw,440px);height:auto}.pond-cloud--near{top:20%;left:-4%}.pond-cloud--far{width:clamp(130px,19vw,300px);top:31%;right:4%}.pond-cloud--high{opacity:calc(var(--cloud-opacity)*.65);width:clamp(100px,14vw,230px);top:10%;left:25%}.pond-hills-far{fill:var(--hills-far)}.pond-hills-near{fill:var(--hills-near)}.pond-horizon-ripples{fill:none;stroke:var(--celestial-color);stroke-width:2;opacity:.14}.pond-bank{fill:var(--scenery-bank)}.pond-reeds{fill:none;stroke:var(--scenery-reed);stroke-width:5;stroke-linecap:round}.pond-cattails{fill:none;stroke:var(--scenery-reed);stroke-width:13;stroke-linecap:round}[data-pond-phase=dusk] .hud-chip.level{background:linear-gradient(135deg,#ffe6c6,#f3bb91)}[data-pond-phase=night] .hud-chip.level{background:linear-gradient(135deg,#e4f2ff,#b8d6ea)}@media (max-width:600px) and (orientation:portrait){.pond-sky{height:23%}.pond-horizon{height:10%;top:17%}.pond-celestial{width:52px;top:12%;right:7%}[data-pond-phase=dusk] .pond-celestial{top:17%}.pond-cloud--near{top:14%;left:-18%}.pond-cloud--far{top:18%;right:-10%}.pond-cloud--high{top:9%;left:24%}}@media (orientation:landscape) and (max-height:600px){.pond-celestial{box-shadow:0 0 24px 10px var(--celestial-glow);width:44px;top:20%;right:7%}[data-pond-phase=dusk] .pond-celestial{top:37%}.pond-cloud--high{display:none}}.gameplay-onboarding{position:absolute;z-index:35;display:flex;color:var(--cream);pointer-events:auto;background:linear-gradient(#12343bf5,#051f24eb);border:2px solid #fff7c66b;border-radius:16px;flex-direction:column;align-items:stretch;gap:16px;width:min(28vw,340px);padding:16px 18px;top:clamp(5.5rem,12vh,8rem);right:20px;box-shadow:0 14px 28px #051f246b}.gameplay-onboarding.hidden{display:none}.gameplay-onboarding-kicker{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.8rem;font-weight:800}.gameplay-onboarding h2{font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:800}.gameplay-onboarding p:last-child{margin-top:3px;font-size:clamp(.95rem,1.7vw,1.15rem);line-height:1.35}.gameplay-onboarding button{flex:none}.gameplay-onboarding-copy{flex:auto;min-width:0}.gameplay-onboarding-actions{display:grid;grid-template-columns:repeat(2,auto);flex:none;justify-content:center;align-items: center;gap:8px}.gameplay-onboarding-actions .tutorial-skip-btn{grid-column:1/-1;width:100%;min-height:48px;font-size:1rem}.gameplay-onboarding-actions button:disabled{opacity:.38;cursor:default;transform:none}#gameplay-onboarding:not(.hidden)~.touch-controls{display:none!important}#gameplay-ui.tutorial-mode #canvas-container{padding-right:min(31vw,380px)}@media (max-width:900px){.gameplay-onboarding{flex-direction:row;align-items: center;gap:10px;width:calc(100vw - 20px);padding:11px 12px;top:auto;bottom:76px;right:10px}#gameplay-ui.tutorial-mode #canvas-container{margin-bottom:13rem;padding-right:.5rem}.gameplay-onboarding button{align-self: center;padding:10px 12px;font-size:.82rem}.gameplay-onboarding-actions{align-self: center}}@media (max-height:500px){.gameplay-onboarding{flex-direction:column;width:min(34vw,340px);padding:8px 12px;top:3.25rem;bottom:auto;right:8px}#gameplay-ui.tutorial-mode #canvas-container{margin-bottom:8px;padding-right:min(37vw,360px)}.gameplay-onboarding-kicker{display:none}}#tutorial-touch-guidance[hidden]{display:none}.tutorial-tap-example{text-align:center;color:var(--gold);margin:6px 0 8px;font-size:.9rem;font-weight:700}.tutorial-tap-diagram{display:block;width:200px;height:64px;margin:auto}.tutorial-gamepad-option{display:flex;border-top:1px solid #fff7c64d;align-items: center;gap:10px;padding-top:8px}.tutorial-gamepad-option svg{flex:0 0 90px;width:90px;height:44px}.gameplay-onboarding .tutorial-gamepad-option p{margin:0;font-size:.85rem;line-height:1.3}@media (max-width:900px) and (min-height:501px){.gameplay-onboarding.touch-guidance{position:relative;margin:0 10px max(12px,env(safe-area-inset-bottom));flex-direction:column;flex:none;align-items:stretch;bottom:auto;right:auto}#gameplay-ui.tutorial-mode:has(.touch-guidance) #canvas-container{margin-bottom:8px}.touch-guidance .gameplay-onboarding-actions{grid-template-columns:repeat(3,auto);width:100%}.touch-guidance .tutorial-skip-btn{grid-column:auto}}#gameplay-ui.tutorial-mode:has(.touch-guidance) #bottom-hud{display:none}.touch-guidance .gameplay-onboarding-copy{overflow-y:auto;min-height:0}@media (max-width:900px) and (min-height:501px) and (max-height:700px){.gameplay-onboarding.touch-guidance{overflow:hidden;gap:8px;max-height:60dvh;padding:8px 12px}.touch-guidance #gameplay-onboarding-copy{font-size:.9rem;line-height:1.25}.touch-guidance .tutorial-tap-diagram{height:44px}}@media (max-height:500px){.gameplay-onboarding.touch-guidance{overflow:hidden;width:min(40vw,400px);max-height:calc(100dvh - 4rem)}#gameplay-ui.tutorial-mode:has(.touch-guidance) #canvas-container{margin-inline-start:0;margin-inline-end:0;margin-top:62px;margin-right:min(43vw,420px);padding-right:.5rem}.touch-guidance .tutorial-tap-diagram{height:44px}}@media (min-width:901px) and (min-height:501px){#gameplay-ui.tutorial-mode:has(.touch-guidance) #canvas-container{margin-right:min(31vw,380px);padding-right:.5rem}}.touch-controls,#show-gamepad-btn{display:none}body[data-touch-controls=off] #gameplay-ui:not(.tutorial-mode) #show-gamepad-btn{display:inline-flex}body[data-touch-controls=on] .touch-controls{display:grid}body[data-touch-controls=on] #touch-action{display:flex;justify-content:center;align-items: center}body[data-touch-controls=on] .input-prompts-slot{display:none}#gameplay-ui{--touch-edge-gap:14px;--touch-control-gap:6px;--touch-dpad-cluster-size:180px;--touch-dpad-button-size:56px;--touch-action-size:180px;--touch-eat-size:110px}#touch-dpad{position:fixed;z-index:30;width:var(--touch-dpad-cluster-size);height:var(--touch-dpad-cluster-size);grid-template-columns:repeat(3,var(--touch-dpad-button-size));grid-template-rows:repeat(3,var(--touch-dpad-button-size));gap:var(--touch-control-gap);pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}#touch-dpad button,#touch-action button{appearance:none;border:2px solid var(--reed-border);color:var(--cream);font-size:calc(var(--touch-dpad-button-size)*.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:radial-gradient(at 24% 18%,#fff7c62e,#0000 36%),#0f4f62cc;border-radius:14px;font-weight:700;box-shadow:0 6px 14px #051f2461}#touch-dpad button{width:var(--touch-dpad-button-size);height:var(--touch-dpad-button-size)}#touch-dpad button:active,#touch-action button:active{filter:brightness(1.14)}#touch-up{grid-area:1/2}#touch-left{grid-area:2/1}#touch-right{grid-area:2/3}#touch-down{grid-area:3/2}.dpad-glyph{display:inline-block;transform-origin:center;line-height:1}#touch-right .dpad-glyph{transform:rotate(90deg)}#touch-down .dpad-glyph{transform:rotate(180deg)}#touch-left .dpad-glyph{transform:rotate(-90deg)}#touch-action{position:fixed;z-index:30;width:var(--touch-action-size);height:var(--touch-action-size);pointer-events:auto;touch-action:none}#touch-eat{width:var(--touch-eat-size);height:var(--touch-eat-size);background:var(--success-gradient);font-size:calc(var(--touch-eat-size)*.18);letter-spacing:.05em;border-radius:54% 46% 58% 42%}#touch-eat:active{filter:brightness(1.15)}@media (orientation:portrait){#touch-dpad{left:max(env(safe-area-inset-left,0px),var(--touch-edge-gap));top:var(--touch-portrait-top)}#touch-action{right:max(env(safe-area-inset-right,0px),var(--touch-edge-gap));top:var(--touch-portrait-top)}body[data-touch-controls=on] #bottom-hud{display:none}}@media (orientation:landscape){#touch-dpad{left:max(env(safe-area-inset-left,0px),var(--touch-edge-gap));top:50%;transform:translateY(-50%)}#touch-action{right:max(env(safe-area-inset-right,0px),var(--touch-edge-gap));top:50%;transform:translateY(-50%)}body[data-touch-controls=on] #bottom-hud{display:none}}body[data-touch-controls=on] #canvas-container{margin-bottom:8px}@media (orientation:portrait){body[data-touch-controls=on] #gameplay-ui:not(.tutorial-mode) #canvas-container{margin-bottom:calc(50vw + max(0px,env(safe-area-inset-bottom,0px) - var(--touch-edge-gap)))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mode-card:hover{transform:none}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and ( not (margin-trim: inline))) or ((-moz-orient: inline) and ( not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}