@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--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-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--leading-tight:1.25;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing) * 0)}.z-20{z-index:20}.mx-auto{margin-inline:auto}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-48{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48)}.size-\[60\%\]{width:60%;height:60%}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-full{height:100%}.h-px{height:1px}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-44{min-height:calc(var(--spacing) * 44)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[1120px\]{max-width:1120px}.max-w-\[1440px\]{max-width:1440px}.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-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize-y{resize:vertical}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--game-accent\)\]{border-color:var(--game-accent)}.border-border,.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/80{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-\[var\(--game-soft\)\]{background-color:var(--game-soft)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.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-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--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-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-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)}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-\[\#9b514d\]{color:#9b514d}.text-\[\#55312f\]{color:#55312f}.text-\[var\(--game-accent\)\]{color:var(--game-accent)}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.decoration-2{text-decoration-thickness:2px}.underline-offset-4{text-underline-offset:4px}.opacity-40{opacity:.4}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-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))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:border-primary:hover{border-color:var(--primary)}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:\!text-white:hover{color:var(--color-white)!important}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-destructive:focus-visible{outline-color:var(--destructive)}.focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:border-input[data-state=active]{border-color:var(--input)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}@media not all and (min-width:640px){.max-\[640px\]\:p-5{padding:calc(var(--spacing) * 5)}.max-\[640px\]\:p-6{padding:calc(var(--spacing) * 6)}.max-\[640px\]\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-\[640px\]\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.max-\[640px\]\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.max-\[640px\]\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:flex{display:flex}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.15fr_0\.85fr\]{grid-template-columns:1.15fr .85fr}.lg\:grid-cols-\[1fr_280px\]{grid-template-columns:1fr 280px}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}}:root{--radius:7px;--background:#fcf9ef;--foreground:#0d151c;--card:#fefdf7;--card-foreground:#0d151c;--popover:#fefdf7;--popover-foreground:#0d151c;--primary:#00688e;--primary-foreground:#fdfcf7;--secondary:#ede2b5;--secondary-foreground:#141b23;--muted:#eae9d8;--muted-foreground:#46515d;--accent:#9ee8de;--accent-foreground:#0b1219;--destructive:#da4339;--border:#182028;--input:#182028;--ring:#00688e;--sketch-shadow:var(--foreground)}@supports (color:lab(0% 0 0)){:root{--background:lab(97.9889% -.163198 5.36046);--foreground:lab(6.17074% -1.41411 -5.87802);--card:lab(99.3621% -.484049 3.00493);--card-foreground:lab(6.17074% -1.41411 -5.87802);--popover:lab(99.3621% -.484049 3.00493);--popover-foreground:lab(6.17074% -1.41411 -5.87802);--primary:lab(39.8322% -20.8775 -39.1149);--primary-foreground:lab(98.8838% -.366122 2.25158);--secondary:lab(89.8773% -.941336 23.606);--secondary-foreground:lab(9.49402% -1.78466 -6.17805);--muted:lab(92.0516% -1.75938 8.1977);--muted-foreground:lab(33.855% -2.5699 -8.30757);--accent:lab(86.9827% -25.5823 -2.6819);--accent-foreground:lab(5.24448% -1.2458 -5.46331);--destructive:lab(51.7542% 59.2919 41.3066);--border:lab(11.8107% -1.97355 -6.86134);--input:lab(11.8107% -1.97355 -6.86134);--ring:lab(39.8322% -20.8775 -39.1149)}}@supports (color:color-mix(in lab, red, red)){:root{--sketch-shadow:color-mix(in oklch, var(--foreground) 18%, transparent)}}:root{--sketch-soft-shadow:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root{--sketch-soft-shadow:color-mix(in oklch, var(--foreground) 10%, transparent)}}:root{--sketch-paper:#fefdf7}@supports (color:lab(0% 0 0)){:root{--sketch-paper:lab(99.3621% -.484049 3.00493)}}*{box-sizing:border-box}body{background:linear-gradient(90deg, var(--foreground) 1px, transparent 1px), linear-gradient(var(--foreground) 1px, transparent 1px), radial-gradient(circle at 1px 1px, var(--foreground) 1px, transparent 0), var(--background);margin:0}@supports (color:color-mix(in lab, red, red)){body{background:linear-gradient(90deg, color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in oklch, var(--foreground) 5%, transparent) 1px, transparent 1px), radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--foreground) 8%, transparent) 1px, transparent 0), var(--background)}}body{color:var(--foreground);background-size:34px 34px,34px 34px,17px 17px,auto;background-attachment:fixed;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,system-ui,sans-serif}::selection{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklch, var(--primary) 25%, white)}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{touch-action:manipulation}.game-surface{min-height:430px}.sketch-card,.control-panel,.stat-tile,.reaction-pad{border:2px solid var(--foreground);background:linear-gradient(135deg, var(--card) 0%, var(--muted) 100%);border-radius:7px 5px 8px 6px;position:relative}@supports (color:color-mix(in lab, red, red)){.sketch-card,.control-panel,.stat-tile,.reaction-pad{background:linear-gradient(135deg, color-mix(in oklch, var(--card) 93%, white) 0%, color-mix(in oklch, var(--muted) 25%, var(--card)) 100%)}}.sketch-card,.control-panel,.stat-tile,.reaction-pad{box-shadow:5px 6px 0 var(--sketch-shadow)}.sketch-card{transition:border-color .16s,box-shadow .16s,transform .16s}.group:hover .sketch-card,.sketch-card:hover{box-shadow:7px 8px 0 var(--sketch-shadow);transform:translate(-1px,-1px)rotate(-.12deg)}.sketch-button,.sketch-badge,.sketch-tabs-list,.sketch-tabs-trigger,.sketch-icon,.sketch-link-card{border-color:var(--foreground);border-radius:6px 8px 5px 7px;position:relative}.sketch-button{box-shadow:3px 3px 0 var(--sketch-shadow);border-width:2px;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}.sketch-button:hover{box-shadow:5px 5px 0 var(--sketch-shadow);transform:translate(-1px,-1px)rotate(-.18deg)}.sketch-button:active{box-shadow:1px 1px 0 var(--sketch-shadow);transform:translate(1px,1px)}.sketch-button:disabled{box-shadow:2px 2px 0 var(--sketch-soft-shadow);transform:none}.sketch-badge{box-shadow:2px 2px 0 var(--sketch-soft-shadow);border-width:1.5px;transform:rotate(-.25deg)}.sketch-tabs-list{background:var(--muted);border-width:2px}@supports (color:color-mix(in lab, red, red)){.sketch-tabs-list{background:color-mix(in oklch, var(--muted) 82%, var(--card))}}.sketch-tabs-list{box-shadow:2px 3px 0 var(--sketch-soft-shadow);gap:4px}.sketch-tabs-trigger[data-state=active]{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.sketch-tabs-trigger[data-state=active]{border-color:color-mix(in oklch, var(--foreground) 72%, var(--card))}}.sketch-tabs-trigger[data-state=active]{background:var(--game-soft,var(--accent))!important}@supports (color:color-mix(in lab, red, red)){.sketch-tabs-trigger[data-state=active]{background:color-mix(in oklch, var(--game-soft,var(--accent)) 34%, var(--card))!important}}.sketch-tabs-trigger[data-state=active]{box-shadow:1px 2px 0 var(--sketch-soft-shadow);transform:none}.sketch-tabs-trigger:not([data-state=active]):hover{background:var(--card)}@supports (color:color-mix(in lab, red, red)){.sketch-tabs-trigger:not([data-state=active]):hover{background:color-mix(in oklch, var(--card) 70%, var(--muted))}}.sketch-tabs-trigger:not([data-state=active]):hover{color:var(--foreground)}.sketch-icon{background:repeating-linear-gradient(-35deg, var(--game-soft,var(--accent)), var(--game-soft,var(--accent)) 8px, var(--game-soft,var(--accent)) 9px, var(--game-soft,var(--accent)) 12px);border-width:2px}@supports (color:color-mix(in lab, red, red)){.sketch-icon{background:repeating-linear-gradient(-35deg, color-mix(in oklch, var(--game-soft,var(--accent)) 75%, white), color-mix(in oklch, var(--game-soft,var(--accent)) 75%, white) 8px, color-mix(in oklch, var(--game-soft,var(--accent)) 52%, white) 9px, color-mix(in oklch, var(--game-soft,var(--accent)) 52%, white) 12px)}}.sketch-icon{box-shadow:3px 3px 0 var(--sketch-soft-shadow)}.sketch-link-card{background:var(--card);box-shadow:3px 4px 0 var(--sketch-soft-shadow);border-width:2px}.sketch-link-card:hover{box-shadow:5px 6px 0 var(--sketch-shadow);transform:translate(-1px,-1px)rotate(.12deg)}.sketch-header{border-bottom:2px solid var(--foreground);background:linear-gradient(90deg, var(--card), var(--accent))}@supports (color:color-mix(in lab, red, red)){.sketch-header{background:linear-gradient(90deg, color-mix(in oklch, var(--card) 92%, transparent), color-mix(in oklch, var(--accent) 18%, var(--card)))}}.sketch-header{box-shadow:0 4px 0 var(--sketch-soft-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.control-panel{overflow:hidden}.control-input,.control-select{border:2px solid var(--input);background:var(--card);min-width:0;color:var(--foreground);box-shadow:2px 2px 0 var(--sketch-soft-shadow);border-radius:6px 7px 5px 8px;outline:none;height:36px;padding:0 10px}.control-input:focus,.control-select:focus{border-color:var(--ring);box-shadow:3px 3px 0 var(--ring)}@supports (color:color-mix(in lab, red, red)){.control-input:focus,.control-select:focus{box-shadow:3px 3px 0 color-mix(in oklch, var(--ring) 20%, transparent)}}.stat-tile{flex-direction:column;justify-content:center;gap:4px;min-height:64px;padding:12px;display:flex}.stat-label{color:var(--muted-foreground);font-size:12px;line-height:1}.stat-value{color:var(--foreground);font-size:22px;font-weight:700;line-height:1}.accent-cyan{--game-accent:#005f8f;--game-soft:#b7e7f8}@supports (color:lab(0% 0 0)){.accent-cyan{--game-accent:lab(37.1425% -12.0518 -39.371);--game-soft:lab(88.7056% -13.3902 -13.5859)}}.accent-amber{--game-accent:#8b5f18;--game-soft:#f8dfa8}@supports (color:lab(0% 0 0)){.accent-amber{--game-accent:lab(44.2069% 13.8574 44.591);--game-soft:lab(89.7898% 3.2205 29.9969)}}.accent-green{--game-accent:#105c31;--game-soft:#b8edc8}@supports (color:lab(0% 0 0)){.accent-green{--game-accent:lab(33.9971% -31.4058 17.9562);--game-soft:lab(89.3995% -23.1965 12.4745)}}.accent-rose{--game-accent:#9d343b;--game-soft:#ffd5d0}@supports (color:lab(0% 0 0)){.accent-rose{--game-accent:lab(38.2033% 44.8649 20.8535);--game-soft:lab(88.99% 18.6083 9.66086)}}.accent-violet{--game-accent:#4f3f83;--game-soft:#ded8ff}@supports (color:lab(0% 0 0)){.accent-violet{--game-accent:lab(31.1669% 20.375 -36.4905);--game-soft:lab(87.7848% 8.31881 -19.9403)}}.wheel-disc{aspect-ratio:1;border:3px solid var(--foreground);width:min(360px,88vw);box-shadow:8px 9px 0 var(--sketch-shadow);border-radius:51% 49% 52% 48%;transition:transform 4s cubic-bezier(.12,.76,.16,1);position:relative}.wheel-label{transform-origin:0 0;color:#fff;text-align:center;text-shadow:0 1px 2px #00000059;width:42%;font-size:16px;font-weight:700;line-height:1.2;position:absolute;top:50%;left:50%}.wheel-pointer{border-left:14px solid #0000;border-right:14px solid #0000;border-top:24px solid var(--foreground);width:0;height:0}.coin-scene{aspect-ratio:1;perspective:900px;width:min(220px,70vw)}.coin{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease-in-out;position:relative;transform:rotateX(0)}.coin.is-tails{transform:rotateX(180deg)}.coin.is-flipping{transition:none;animation:.72s linear infinite coin-flip}.coin-side{backface-visibility:hidden;border:3px solid var(--foreground);box-shadow:7px 8px 0 var(--sketch-shadow);border-radius:51% 48% 50% 49%;place-items:center;font-size:54px;font-weight:800;display:grid;position:absolute;inset:0}.coin-heads{color:#3f2a06;background:radial-gradient(circle at 38% 32%,#ffe892 0 20%,#0000 21%),repeating-linear-gradient(-28deg,#f6ca4f 0 9px,#edb93d 10px 13px)}.coin-tails{color:#1f3550;background:radial-gradient(circle at 38% 32%,#d8e6f5 0 20%,#0000 21%),repeating-linear-gradient(-28deg,#9fb6cf 0 9px,#8aa3bf 10px 13px);transform:rotateX(180deg)}@keyframes coin-flip{0%{transform:rotateX(0)translateY(0)}50%{transform:rotateX(540deg)translateY(-14px)}to{transform:rotateX(1080deg)translateY(0)}}.coin-history-chip{border:1.5px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.coin-history-chip.is-heads{color:#7a5410;background:#fdf0d2;border-color:#d8a93c}.coin-history-chip.is-tails{color:#1f4f8f;background:#dce8f7;border-color:#5a8cc9}.dice-grid{--dice-gap:clamp(6px, 2vw, 10px);--dice-size:clamp(48px, calc((100vw - 96px) / 5), 76px);align-items:center;gap:var(--dice-gap);perspective:700px;flex-direction:column;width:100%;max-width:420px;display:flex}.dice-row{height:var(--dice-size);justify-content:center;align-items:center;gap:var(--dice-gap);width:100%;display:flex}.dice-face{aspect-ratio:1;width:var(--dice-size,76px);border:2px solid var(--foreground);box-shadow:4px 5px 0 var(--sketch-shadow);background:radial-gradient(circle at 24% 20%,#ffffffc7,#0000 28%),linear-gradient(165deg,#fff 0%,#eef2ee 100%);border-radius:8px 6px 7px 5px;position:relative}.dice-pip{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#4a5a5f,#1d292d 75%);border-radius:999px;width:16%;position:absolute;transform:translate(-50%,-50%)}.dice-pip.is-red{background:radial-gradient(circle at 35% 30%,#e5604a,#a8261a 75%)}.dice-history-row{border:1.5px solid var(--foreground);justify-content:space-between;align-items:center;gap:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.dice-history-row{border:1.5px solid color-mix(in oklch, var(--foreground) 22%, transparent)}}.dice-history-row{background:var(--card);border-radius:5px 7px 4px 6px;padding:5px 8px}.dice-history-dice{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.dice-face-mini{width:22px;box-shadow:1px 1px 0 var(--sketch-soft-shadow);border-width:1.5px;border-radius:5px 4px 6px;flex-shrink:0}.dice-face-mini .dice-pip{width:18%}.dice-history-total{text-align:right;min-width:28px;color:var(--game-accent,var(--foreground));flex-shrink:0;font-size:15px;font-weight:800}.dice-face.is-rolling{transform-style:preserve-3d;animation:.72s cubic-bezier(.45,0,.25,1) both dice-roll}@keyframes dice-roll{0%{transform:translateY(0)rotateX(0)}40%{transform:translateY(-22px)rotateX(540deg)}88%{transform:translateY(2px)rotateX(1080deg)}to{transform:translateY(0)rotateX(1080deg)}}@media (prefers-reduced-motion:reduce){.dice-face.is-rolling{animation:.4s ease-in-out dice-shake}@keyframes dice-shake{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}}.grid-2048{border:2px solid var(--foreground);width:min(420px,88vw);box-shadow:6px 7px 0 var(--sketch-shadow);background:#cbab86;border-radius:7px 5px 8px 6px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;display:grid}.tile-2048{aspect-ratio:1;border:1px solid var(--foreground);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.tile-2048{border:1px solid color-mix(in oklch, var(--foreground) 14%, transparent)}}.tile-2048{color:#4a2c12;background:#f5ece0;border-radius:6px 8px 5px 7px;font-size:clamp(20px,6vw,34px);font-weight:800;line-height:1;animation:.18s tile-pop}.tile-2048[data-value="0"]{color:#0000;background:#785c3c2e;border-color:#0000;animation:none}@keyframes tile-pop{0%{opacity:.4;transform:scale(.55)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.snake-board,.matrix-board{border:2px solid var(--foreground);background:var(--foreground);width:min(420px,88vw);box-shadow:6px 7px 0 var(--sketch-shadow);border-radius:6px 8px 5px 7px;gap:1px;padding:1px;display:grid;overflow:hidden}.snake-cell,.matrix-cell{aspect-ratio:1;background:var(--card);border:0}.snake-board{background:#d9ded6}.snake-cell.snake{background:var(--game-accent)}.snake-cell.food{background:#f15f45}.matrix-cell{color:var(--foreground);background:#fff;place-items:center;font-weight:700;display:grid}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(420px,88vw);display:grid}.board-button{aspect-ratio:1;border:2px solid var(--foreground);background:var(--card);color:var(--foreground);box-shadow:3px 4px 0 var(--sketch-soft-shadow);border-radius:6px 8px 5px 7px;place-items:center;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.board-button:hover{border-color:var(--foreground);box-shadow:5px 6px 0 var(--sketch-shadow);transform:translate(-1px,-1px)}.mole-hole{background:radial-gradient(ellipse 80% 55% at 50% 118%, #6b4a30 0 60%, transparent 62%), var(--game-soft,#efe6d8);padding:0;position:relative;overflow:hidden}.mole{opacity:0;align-self:end;width:78%;height:78%;transition:transform .15s cubic-bezier(.34,1.56,.64,1),opacity .12s;transform:translateY(115%)}.mole-hole.is-up .mole{opacity:1;transform:translateY(-6%)}.mole-hole.is-whacked .mole{opacity:0;transition:transform .12s ease-in,opacity .12s ease-in;transform:translateY(60%)scaleY(.6)}@media (prefers-reduced-motion:reduce){.mole{transition-duration:60ms}}.memory-card{aspect-ratio:1;perspective:700px;cursor:pointer;background:0 0;border:0;padding:0}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .36s cubic-bezier(.4,.1,.2,1);display:block;position:relative}.memory-card.is-flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-face{border:2px solid var(--foreground);box-shadow:3px 4px 0 var(--sketch-soft-shadow);backface-visibility:hidden;border-radius:6px 8px 5px 7px;place-items:center;font-size:24px;font-weight:800;display:grid;position:absolute;inset:0}.memory-card-front{background:var(--game-soft);color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.memory-card-front{color:color-mix(in oklch, var(--foreground) 45%, transparent)}}.memory-card-back{background:var(--card);transform:rotateY(180deg)}.memory-card.is-matched .memory-card-back{box-shadow:2px 3px 0 var(--sketch-soft-shadow);opacity:.85}.memory-card:not(.is-flipped):hover .memory-card-front{border-color:var(--foreground);box-shadow:5px 6px 0 var(--sketch-shadow)}@media (prefers-reduced-motion:reduce){.memory-card-inner{transition-duration:.12s}}.mine-grid{border:2px solid var(--foreground);gap:2px;width:min(430px,88vw);display:grid}@supports (color:color-mix(in lab, red, red)){.mine-grid{border:2px solid color-mix(in oklch, var(--foreground) 62%, var(--card))}}.mine-grid{background:var(--muted);border-radius:7px 5px 8px 6px}@supports (color:color-mix(in lab, red, red)){.mine-grid{background:color-mix(in oklch, var(--muted) 78%, var(--card))}}.mine-grid{box-shadow:5px 6px 0 var(--sketch-soft-shadow);padding:6px}.mine-cell{aspect-ratio:1;border:1px solid var(--foreground);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.mine-cell{border:1px solid color-mix(in oklch, var(--foreground) 16%, transparent)}}.mine-cell{color:#314454;background:#f7f4ec;border-radius:5px 7px 4px 6px;font-size:clamp(14px,3.7vw,22px);font-weight:800;line-height:1;transition:background-color .12s,border-color .12s,box-shadow .12s;box-shadow:inset 0 -1px #31445414}.mine-cell:not(.is-open){background:#dde9e3;border-color:#b9cec8;box-shadow:inset 0 1px #ffffff9e,inset 0 -2px #455c561f}.mine-cell:not(.is-open):hover{background:#d3e2dc;border-color:#9dbab2}.mine-cell.is-open{box-shadow:none;background:#fbfaf4;border-color:#ddd8c8}.mine-cell.is-flagged{background:#e8ddd8;border-color:#cbaea7}.mine-cell.is-mine{color:#55312f;background:#ead6d2}.mine-cell[data-count="1"]{color:#2d6f9f}.mine-cell[data-count="2"]{color:#357a57}.mine-cell[data-count="3"]{color:#a24d48}.mine-cell[data-count="4"]{color:#5a5796}.mine-cell[data-count="5"],.mine-cell[data-count="6"],.mine-cell[data-count="7"],.mine-cell[data-count="8"]{color:#6f4c2e}.sudoku-grid{border:2px solid var(--foreground);background:var(--foreground);width:min(460px,88vw);box-shadow:6px 7px 0 var(--sketch-shadow);border-radius:7px 5px 8px 6px;gap:1px;display:grid;overflow:hidden}.sudoku-cell{aspect-ratio:1;background:var(--card);min-width:0;color:var(--foreground);text-align:center;border:0;font-size:clamp(15px,4vw,24px);font-weight:700}.sudoku-cell.is-given{color:#2a2a2a}.sudoku-cell:not(.is-given){color:#2563c9;cursor:pointer}.sudoku-cell.is-peer{background:var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell.is-peer{background:color-mix(in oklch, var(--game-accent) 8%, white)}}.sudoku-cell.is-same{background:var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell.is-same{background:color-mix(in oklch, var(--game-accent) 30%, white)}}.sudoku-cell.is-conflict{color:#d23b3b;background:#fbe3e3}.sudoku-cell.is-selected{background:var(--game-accent)}@supports (color:color-mix(in lab, red, red)){.sudoku-cell.is-selected{background:color-mix(in oklch, var(--game-accent) 26%, white)}}.sudoku-cell.is-selected{outline:2px solid var(--game-accent);outline-offset:-2px}.sudoku-grid .sudoku-cell:nth-child(9n+3),.sudoku-grid .sudoku-cell:nth-child(9n+6){border-right:2px solid var(--foreground)}.sudoku-grid .sudoku-cell:nth-child(n+19):nth-child(-n+27),.sudoku-grid .sudoku-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--foreground)}.sudoku-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.reaction-pad{color:#fff;text-align:center;background:#599fd8;background:lab(62.6703% -10.0033 -36.2012);place-items:center;min-height:240px;display:grid}.reaction-pad.is-ready{color:#fff;background:#00a153;background:lab(58.0717% -53.7734 30.9049)}.reaction-pad.is-early{color:#fff;background:#d74843;background:lab(51.8195% 56.5545 35.5012)}.reaction-history-row{border:1.5px solid var(--foreground);align-items:center;gap:8px;height:32px;display:flex}@supports (color:color-mix(in lab, red, red)){.reaction-history-row{border:1.5px solid color-mix(in oklch, var(--foreground) 20%, transparent)}}.reaction-history-row{background:var(--card);border-radius:5px 7px 4px 6px;padding:0 10px}.reaction-history-row.is-empty{border-style:dashed;border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.reaction-history-row.is-empty{border-color:color-mix(in oklch, var(--foreground) 14%, transparent)}}.reaction-history-row.is-empty{background:0 0}.reaction-history-rank{background:var(--game-soft,var(--accent));border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.reaction-history-rank{background:color-mix(in oklch, var(--game-soft,var(--accent)) 45%, var(--card))}}.reaction-history-rank{color:var(--foreground);font-size:11px;font-weight:700}.reaction-history-row.is-empty .reaction-history-rank{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.reaction-history-row.is-empty .reaction-history-rank{background:color-mix(in oklch, var(--foreground) 8%, transparent)}}.reaction-history-row.is-empty .reaction-history-rank{color:var(--muted-foreground)}.reaction-history-value{color:var(--foreground);font-size:14px;font-weight:700}.reaction-history-row.is-empty .reaction-history-value{color:var(--muted-foreground)}.slide-grid{border:2px solid var(--foreground);background:var(--game-soft,var(--accent));border-radius:7px 5px 8px 6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(390px,88vw);display:grid}@supports (color:color-mix(in lab, red, red)){.slide-grid{background:color-mix(in oklch, var(--game-soft,var(--accent)) 30%, var(--card))}}.slide-grid{box-shadow:6px 7px 0 var(--sketch-shadow);padding:8px}.slide-cell{aspect-ratio:1;border:1px solid var(--foreground);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.slide-cell{border:1px solid color-mix(in oklch, var(--foreground) 45%, transparent)}}.slide-cell{color:var(--foreground);background:#f7f3e8;border-radius:5px 7px 4px 6px;font-size:32px;font-weight:800}.slide-cell.is-empty{background:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.slide-cell.is-empty{background:color-mix(in oklch, var(--foreground) 8%, transparent)}}.slide-cell.is-empty{box-shadow:none;border-color:#0000}.slide-cell.has-image{background-repeat:no-repeat;position:relative}.slide-cell-number{border:1px solid var(--foreground);min-width:20px;height:20px;color:var(--foreground);background:#ffffffe0;border-radius:5px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:4px;left:4px}.crop-stage{border:2px solid var(--foreground);max-width:100%;box-shadow:5px 6px 0 var(--sketch-shadow);-webkit-user-select:none;user-select:none;border-radius:7px 5px 8px 6px;display:inline-block;position:relative;overflow:hidden}.crop-image{max-width:min(360px,84vw);max-height:360px;display:block}.crop-box{outline:2px solid var(--game-accent,#2b7fbf);outline-offset:-2px;cursor:move;border:2px dashed #fff;position:absolute;box-shadow:0 0 0 9999px #00000073}.snake-key-active{transform:scale(.92);background:var(--game-accent)!important;border-color:var(--game-accent)!important;color:#fff!important}.ttt-cell{font-size:52px;font-weight:900;line-height:1}.ttt-cell.is-x{color:#2e7dd1}.ttt-cell.is-o{color:#e0476b}.ttt-cell.is-win{background:#fdf3cf;border-color:#d9a626;animation:.5s ttt-win}.ttt-cell.is-fading{animation:1.1s ease-in-out infinite ttt-fade}@keyframes ttt-fade{0%,to{opacity:.85}50%{opacity:.28}}@keyframes ttt-win{0%{background:#fff}50%{background:#f7df8e}}.cell-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(330px,88vw);display:grid}.confetti-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.confetti-piece{animation-name:confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-12px}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(480px) rotate(var(--confetti-spin,540deg));opacity:0}}.hanzi-grid{gap:8px;width:min(520px,90vw);display:grid}.hanzi-cell{aspect-ratio:1;border:2px solid var(--foreground);background:var(--card);color:var(--foreground);box-shadow:3px 4px 0 var(--sketch-soft-shadow);border-radius:6px 8px 5px 7px;place-items:center;font-size:clamp(22px,6vw,40px);font-weight:700;transition:box-shadow .16s,transform .16s;display:grid}.hanzi-cell:hover{box-shadow:5px 6px 0 var(--sketch-shadow);transform:translate(-1px,-1px)}.segmented-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.aim-stage{border:2px solid var(--foreground);width:min(560px,88vw);min-height:360px;box-shadow:6px 7px 0 var(--sketch-soft-shadow);background-color:#f6faf8;background-image:linear-gradient(90deg,#31445414 1px,#0000 1px),linear-gradient(#31445414 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:7px 5px 8px 6px;position:relative;overflow:hidden}.aim-target{background:radial-gradient(circle,#fff 0 18%,#ef5350 19% 38%,#fff 39% 58%,#2c8fc8 59% 100%);border:2px solid #17313a;border-radius:999px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:3px 4px #17313a2e}.aim-target:hover{transform:translate(-50%,-50%)scale(1.04)}.aim-stage-label{color:var(--foreground);place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.aim-stage-label{color:color-mix(in oklch, var(--foreground) 55%, transparent)}}.aim-stage-label{font-size:28px;font-weight:800}.circle-stage{aspect-ratio:1;border:2px solid var(--foreground);width:min(430px,88vw);box-shadow:6px 7px 0 var(--sketch-soft-shadow);touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#3144540a,#0000 48%),#fbfaf4;border-radius:7px 5px 8px 6px}.circle-stage-path{fill:none;stroke:#263238;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6px}.flower-stage{aspect-ratio:1;border:2px solid var(--foreground);width:min(410px,88vw);box-shadow:6px 7px 0 var(--sketch-soft-shadow);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 43%,#ffd8e55c,#0000 36%),radial-gradient(at 50% 76%,#639b6921,#0000 32%),#fbfaf4;border-radius:7px 5px 8px 6px;overflow:hidden}.flower-ground-shadow{fill:#3144541a}.flower-stem{fill:none;stroke:#557753;stroke-linecap:round;stroke-width:2.1px}.flower-leaf{fill:#a9c98b;stroke:#506b43;stroke-linejoin:round;stroke-width:.72px}.flower-leaf-left{fill:#b9d897}.flower-leaf-right{fill:#8fbf86}.flower-petal-shell{transform-box:fill-box;transform-origin:50%}.flower-petal-shell.is-torn{pointer-events:none;animation:.56s cubic-bezier(.18,.72,.28,1) forwards flower-petal-tear}.flower-petal{cursor:pointer;outline:none}.flower-petal-shape{filter:drop-shadow(0 1.2px #3f2a3638);transition:filter .14s,stroke-width .14s}.flower-petal-shade{opacity:.18;transform-box:fill-box;transform-origin:50%;transform:translate(-.6px,.8px)scale(.92)}.flower-petal-highlight,.flower-petal-vein{fill:none;opacity:.72;pointer-events:none;stroke-linecap:round;stroke-width:.52px}.flower-petal-vein{opacity:.34;stroke-width:.42px}.flower-petal:hover .flower-petal-shape,.flower-petal:focus-visible .flower-petal-shape{filter:brightness(1.06)drop-shadow(0 2px #3f2a363d);stroke-width:.9px}.flower-petal:focus-visible .flower-petal-shape{stroke:#263238}.flower-center{pointer-events:none}.flower-center-ring{fill:#de5579;opacity:.92;stroke:#78334a;stroke-width:.7px}.flower-center-core{fill:#ea7898;stroke:#78334a;stroke-width:.85px}.flower-center-label{fill:#fff7fa;paint-order:stroke;pointer-events:none;stroke:#78334ad6;stroke-linejoin:round;stroke-width:1.15px;font-weight:900;line-height:1}@keyframes flower-petal-tear{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}56%{opacity:.82}to{opacity:0;transform:translate(var(--tear-x), var(--tear-y)) rotate(var(--tear-rotate)) scale(.64)}}.flower-result-text{font-size:16px;font-weight:800}.cut-circle{fill:#f7f4ec;stroke:#314454;stroke-width:1.8px}.cut-player-line{fill:none;stroke:#2d6f9f;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px}.cut-perfect-effects{pointer-events:none}.cut-perfect-label{fill:#263238;paint-order:stroke;stroke:#fbfaf4;stroke-linejoin:round;stroke-width:1.6px;text-anchor:middle;font-size:10px;font-weight:900;animation:.9s cubic-bezier(.2,.9,.24,1.2) both cut-perfect-pop}@keyframes cut-perfect-pop{0%{opacity:0;transform:translateY(5px)scale(.76)}36%{opacity:1;transform:translateY(0)scale(1.14)}to{opacity:1;transform:translateY(0)scale(1)}}.simon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(360px,82vw);display:grid}.simon-pad{aspect-ratio:1;border:3px solid var(--foreground);box-shadow:5px 6px 0 var(--sketch-soft-shadow);filter:saturate(.9)brightness(.94);border-radius:8px 6px 7px 5px;transition:filter .12s,transform .12s,box-shadow .12s}.simon-pad.is-active{box-shadow:2px 2px 0 var(--sketch-soft-shadow);filter:saturate(1.2)brightness(1.16);transform:translate(2px,2px)}.color-sense-grid{gap:8px;width:min(480px,88vw);display:grid}.color-sense-cell{aspect-ratio:1;border:2px solid var(--foreground)}@supports (color:color-mix(in lab, red, red)){.color-sense-cell{border:2px solid color-mix(in oklch, var(--foreground) 72%, transparent)}}.color-sense-cell{box-shadow:3px 4px 0 var(--sketch-soft-shadow);border-radius:6px 8px 5px 7px;transition:opacity .12s,transform .12s,box-shadow .12s}.color-sense-cell:hover{box-shadow:5px 6px 0 var(--sketch-shadow);transform:translate(-1px,-1px)}.schulte-board{gap:8px;width:min(430px,88vw);display:grid}.schulte-cell{aspect-ratio:1;border:2px solid var(--foreground);color:var(--foreground);box-shadow:3px 4px 0 var(--sketch-soft-shadow);background:#fbfaf4;border-radius:6px 8px 5px 7px;place-items:center;font-size:clamp(18px,5vw,34px);font-weight:800;display:grid}.schulte-cell.is-done{color:#9bb3a7;box-shadow:none;background:#eef4f0;border-color:#cdddd4}.maze-stage{width:min(620px,88vw);position:relative}.maze-board{aspect-ratio:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#f8f8f6;border:1px solid #50524e1f;border-radius:4px;width:100%;display:block;overflow:hidden;box-shadow:0 1px #141e180a}.maze-settlement{background:var(--card);border:2px solid #18201ac2;border-radius:6px 5px 7px 4px;gap:10px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}@supports (color:color-mix(in lab, red, red)){.maze-settlement{background:color-mix(in oklch, var(--card) 94%, white)}}.maze-settlement{padding:14px;box-shadow:5px 6px #141e182e}.maze-settlement-kicker{color:var(--muted-foreground);font-size:12px;font-weight:700}.maze-settlement h3{margin:2px 0 0;font-size:24px;font-weight:900;line-height:1}.maze-settlement-stats{flex-wrap:wrap;gap:8px;display:flex}.maze-settlement-stats span{background:#68d1b221;border:1.5px solid #18201a94;padding:4px 8px;font-size:12px;font-weight:800}.maze-controls{flex-direction:column;align-items:center;gap:8px;display:flex}.maze-controls button[data-active=true]{color:#12724f;background:#68d1b238;border-color:#128a5ebf;transform:translate(2px,2px);box-shadow:1px 2px #141e182e}textarea{box-shadow:3px 3px 0 var(--sketch-soft-shadow);border-width:2px!important;border-color:var(--foreground)!important;border-radius:6px 8px 5px 7px!important}textarea:focus-visible{box-shadow:4px 4px 0 var(--ring)}@supports (color:color-mix(in lab, red, red)){textarea:focus-visible{box-shadow:4px 4px 0 color-mix(in oklch, var(--ring) 20%, transparent)}}input[type=range]{accent-color:var(--game-accent,var(--primary))}@media (max-width:640px){.grid-2048,.snake-board,.matrix-board,.card-grid,.mine-grid,.sudoku-grid,.slide-grid,.aim-stage,.color-sense-grid,.schulte-board,.maze-stage,.maze-board,.typing-passage,.typing-input,.stroop-word-box,.stroop-options{width:100%}.card-grid{gap:8px}}.typing-passage{border:2px solid var(--foreground);width:min(560px,88vw);max-height:220px;box-shadow:3px 4px 0 var(--sketch-soft-shadow);font-size:clamp(18px,3.4vw,24px);line-height:1.7;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.5px;cursor:text;-webkit-user-select:none;user-select:none;background:#fbfaf4;border-radius:8px 10px 7px 9px;padding:18px 20px;overflow:hidden}.typing-passage.is-cjk{letter-spacing:2px;font-family:inherit;font-size:clamp(20px,4vw,26px)}.typing-char{color:#b3b1a4;transition:color 80ms}.typing-char.is-correct{color:#3cae6a}.typing-char.is-wrong{color:#e0524a;background:#e0524a29;border-radius:3px}.typing-char.is-active{background:#3b8de838;border-radius:3px}.typing-input{border:2px solid var(--foreground);width:min(560px,88vw);min-height:64px;font-size:16px;font-family:var(--font-mono,ui-monospace, monospace);resize:none;background:#fff;border-radius:8px 10px 7px 9px;outline:none;padding:12px 14px}.typing-input:focus{box-shadow:3px 4px 0 var(--sketch-soft-shadow)}.typing-input:disabled{color:#9bb3a7;background:#eef4f0}.stroop-instruction{text-align:center;color:#6f6e66;max-width:420px;font-size:14px}.stroop-word-box{border:2px solid var(--foreground);width:min(360px,86vw);height:150px;box-shadow:3px 4px 0 var(--sketch-soft-shadow);background:#fbfaf4;border-radius:10px 12px 9px 11px;place-items:center;transition:background .12s,border-color .12s;display:grid}.stroop-word-box.is-hit{background:#3cae6a29;border-color:#3cae6a}.stroop-word-box.is-miss{background:#e0524a29;border-color:#e0524a}.stroop-word{font-size:clamp(48px,12vw,76px);font-weight:800;line-height:1}.stroop-summary{color:var(--foreground);font-size:20px;font-weight:700}.stroop-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(420px,88vw);display:grid}.stroop-option{aspect-ratio:1;border:2px solid var(--foreground);color:#fff;box-shadow:3px 4px 0 var(--sketch-soft-shadow);border-radius:7px 9px 6px 8px;place-items:center;font-size:clamp(16px,4vw,22px);font-weight:800;transition:transform 80ms;display:grid}.stroop-option:hover:not(:disabled){transform:translateY(-2px)}.stroop-option:disabled{opacity:.55}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-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}