@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-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-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-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-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--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-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-sm:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--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);--color-background:#f7f6f2;--color-surface:white;--color-cell-unknown:#f0eee9;--color-cell-filled:#3d5a80;--color-cell-marked-empty:#c9c5bc;--color-cell-hover:#d8d5cc;--color-accent-primary:#3d5a80;--color-accent-error:#e07a5f;--color-result-win:#4caf78;--color-result-loss:#f43f5e;--color-result-win-background:#d1fae5;--color-result-loss-background:#ffe4e6;--color-contrast-background:white;--color-contrast-cell-filled:black;--color-contrast-accent-primary:#0053bf;--color-contrast-accent-error:#d62e00;--color-contrast-accent-win:#00ff73;--font-ui:"Cairo", "Montserrat", sans-serif;--font-clue:"Cairo", "Montserrat", monospace}}@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{h1{font-size:var(--text-3xl);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);font-family:var(--font-ui)}h2{font-size:var(--text-xl);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-family:var(--font-ui)}p{font-size:var(--text-base);font-family:var(--font-ui)}h3{font-size:var(--text-sm);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);font-family:var(--font-ui)}h4{font-size:var(--text-sm);font-weight:var(--text-muted);font-family:var(--font-clue)}@layer theme;@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}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components,utilities;.timer{margin:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-white);width:fit-content;padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 1);text-align:center;font-family:var(--font-mono);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--color-gray-800);border-width:1px;margin-inline:auto}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-\[640px\]{height:640px}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-48{width:calc(var(--spacing) * 48)}.w-56{width:calc(var(--spacing) * 56)}.w-\[896px\]{width:896px}.w-full{width:100%}.max-w-\[95vw\]{max-width:95vw}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-px{gap:1px}:where(.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)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[var\(--color-accent-error\)\]{border-color:var(--color-accent-error)}.border-\[var\(--color-blue-200\)\]{border-color:var(--color-blue-200)}.border-\[var\(--color-blue-400\)\]{border-color:var(--color-blue-400)}.border-\[var\(--color-line\)\]{border-color:var(--color-line)}.border-\[var\(--color-line-strong\)\]{border-color:var(--color-line-strong)}.border-black{border-color:var(--color-black)}.border-gray-800{border-color:var(--color-gray-800)}.border-transparent{border-color:#0000}.bg-\[\#3D5A80\]{background-color:#3d5a80}.bg-\[\#29292D\]{background-color:#29292d}.bg-\[\#484850\]{background-color:#484850}.bg-\[\#B8D0EC\]{background-color:#b8d0ec}.bg-\[\#F7F6F2\]{background-color:#f7f6f2}.bg-\[var\(--color-background\)\]{background-color:var(--color-background)}.bg-\[var\(--color-blue-200\)\]{background-color:var(--color-blue-200)}.bg-\[var\(--color-blue-400\)\]{background-color:var(--color-blue-400)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-coral-50\)\]{background-color:var(--color-coral-50)}.bg-\[var\(--color-line-strong\)\]{background-color:var(--color-line-strong)}.bg-\[var\(--color-paper\)\]{background-color:var(--color-paper)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-sunk\)\]{background-color:var(--color-surface-sunk)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-cell-filled{background-color:var(--color-cell-filled)}.bg-cell-marked-empty{background-color:var(--color-cell-marked-empty)}.bg-cell-unknown{background-color:var(--color-cell-unknown)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-8{padding:calc(var(--spacing) * 8)}.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-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-\[10px\]{padding-left:10px}.text-center{text-align:center}.text-left{text-align:left}.font-ui{font-family:var(--font-ui)}.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))}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.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-\[0\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[var\(--color-accent-error\)\]{color:var(--color-accent-error)}.text-\[var\(--color-accent-primary\)\]{color:var(--color-accent-primary)}.text-\[var\(--color-blue-400\)\]{color:var(--color-blue-400)}.text-\[var\(--color-blue-600\)\]{color:var(--color-blue-600)}.text-\[var\(--color-coral-500\)\]{color:var(--color-coral-500)}.text-\[var\(--color-ink\)\]{color:var(--color-ink)}.text-\[var\(--color-ink-faint\)\]{color:var(--color-ink-faint)}.text-\[var\(--color-ink-muted\)\]{color:var(--color-ink-muted)}.text-\[var\(--color-ink-soft\)\]{color:var(--color-ink-soft)}.text-\[var\(--color-on-accent\)\]{color:var(--color-on-accent)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-green-700{color:var(--color-green-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.accent-\[var\(--color-blue-400\)\]{accent-color:var(--color-blue-400)}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.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)}.shadow-sm{--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-xl{--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)}.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-\[var\(--color-blue-500\)\]{--tw-ring-color:var(--color-blue-500)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-\[var\(--color-surface\)\]{--tw-ring-offset-color:var(--color-surface)}.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,)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.focus-within\:border-\[var\(--color-blue-500\)\]:focus-within{border-color:var(--color-blue-500)}@media (hover:hover){.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-\[var\(--color-blue-200\)\]:hover{border-color:var(--color-blue-200)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-surface-sunk\)\]:hover{background-color:var(--color-surface-sunk)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-cell-hover:hover{background-color:var(--color-cell-hover)}.hover\:text-\[var\(--color-ink\)\]:hover{color:var(--color-ink)}.hover\:text-\[var\(--color-ink-faint\)\]:hover{color:var(--color-ink-faint)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px 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)}}.focus\:border-\[var\(--color-accent-primary\)\]:focus{border-color:var(--color-accent-primary)}.focus\:border-\[var\(--color-blue-500\)\]:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--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)}.focus\:ring-\[var\(--color-accent-primary\)\]\/20:focus{--tw-ring-color:#3d5a8033}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--color-accent-primary\)\]\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-accent-primary) 20%, transparent)}}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.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-gray-900:focus-visible{outline-color:var(--color-gray-900)}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:shadow-sm:active{--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)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-80:disabled{opacity:.8}.disabled\:shadow-sm:disabled{--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)}}:root{--color-paper:#f7f6f2;--color-surface:white;--color-surface-sunk:#f0f3f5;--color-ink:#1c1c1e;--color-ink-soft:#4a4a52;--color-ink-muted:#6b6b6b;--color-ink-faint:#9a9892;--color-ink-clue:#3d3d3d;--color-line:#e7e4dc;--color-line-strong:#c9c5bc;--color-blue-50:#eaf2fb;--color-blue-100:#d6e4f5;--color-blue-200:#b8d0ec;--color-blue-400:#3d5a80;--color-blue-500:#3d5a80;--color-blue-600:#2f4868;--color-logo:var(--color-blue-500);--color-coral-50:#fdf0eb;--color-coral-100:#fadbcf;--color-coral-200:#f4baa6;--color-coral-400:#e07a5f;--color-coral-500:#c45f44;--color-on-accent:white;--color-sage-50:#ecf6f0;--color-sage-100:#d4ebde;--color-sage-400:#4caf78;--color-sage-500:#3a8e60;--color-butter-50:#fbf6e8;--color-butter-100:#f6ecc8;--color-butter-300:#d8b977;--color-butter-500:#a98538;--color-lavender-50:#f1eef8;--color-lavender-100:#ddd5ed;--color-lavender-200:#beb0db;--color-lavender-300:#9a86c4;--shadow-xs:0 1px 2px #3d5a800f;--shadow-sm:0 1px 3px #3d5a8014, 0 1px 2px #3d5a800a;--shadow-md:0 6px 16px -4px #3d5a801f, 0 2px 6px #3d5a800f;--shadow-lg:0 18px 38px -12px #3d5a802e, 0 6px 12px -4px #3d5a8014;--shadow-focus:0 0 0 3px #3d5a802e;--dur-fast:.12s;--dur-base:.2s;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.dark{--color-paper:#18191d;--color-background:var(--color-paper);--color-surface:#222328;--color-surface-sunk:#2b2c32;--color-ink:#f3f3f1;--color-ink-soft:#d1d1ce;--color-ink-muted:#a7a7a2;--color-ink-faint:#7f807c;--color-ink-clue:#e2e2df;--color-line:#383a40;--color-line-strong:#55575e;--color-blue-50:#aac2dc;--color-blue-100:#8eadd0;--color-blue-200:#55779d;--color-blue-400:#446086;--color-blue-500:#2e4055;--color-blue-600:#252f3d;--color-logo:var(--color-blue-100);--color-butter-50:#332f24;--color-butter-100:#4d452e;--color-butter-500:#e0c276;--color-sage-50:#064210;--color-sage-100:#096c1a;--color-sage-500:#6fc493;--color-result-win:#34d399;--color-result-loss:#fb7185;--color-result-win-background:#064e3b;--color-result-loss-background:#881337;--color-coral-50:#6c0909;--color-coral-100:#420606;--color-coral-400:#fb324d;--color-coral-500:#f9bdbd}.dark .icons{filter:invert()}.high-contrast{--color-result-win-background:#fff;--color-result-loss-background:#fff}.high-contrast .icons{filter:brightness(0)}html,body{background:var(--color-paper);margin:0;padding:0}#root{text-align:left;box-sizing:border-box;background:var(--color-paper);border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.tile{background:var(--color-surface);border:1px solid var(--color-line);cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out), opacity var(--dur-base) var(--ease-out);box-shadow:var(--shadow-xs);font-family:var(--font-ui);text-align:left;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px;display:flex}.tile:hover:not(:disabled){box-shadow:var(--shadow-md);border-color:var(--color-blue-200);transform:translateY(-2px)}.tile:active:not(:disabled){transform:scale(.99)translateY(0)}.tile:disabled{opacity:.55;cursor:not-allowed}.mode-button{box-shadow:var(--shadow-xs);font-family:var(--font-ui);transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}.mode-button:hover:not(:disabled){box-shadow:var(--shadow-md)}.mode-button:active:not(:disabled){transform:scale(.99)translateY(0)}.mp-surface{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-sm);border-radius:14px}.elo-banner{background:var(--color-sage-50);border:1px solid var(--color-sage-100);box-shadow:var(--shadow-sm);border-radius:14px}.mp-eyebrow{color:var(--color-ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;font-family:var(--font-ui)}.mp-toast{background:var(--color-surface);border:1px solid var(--color-coral-100);box-shadow:var(--shadow-md);color:var(--color-ink);z-index:100;white-space:nowrap;animation:mp-toast-in var(--dur-base) var(--ease-out);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.mp-achievement-toast-stack{z-index:300;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.mp-achievement-toast{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-butter-100);width:max-content;max-width:min(480px,100vw - 32px);box-shadow:var(--shadow-md);animation:mp-achievement-toast-in var(--dur-base) var(--ease-out);border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.mp-achievement-toast-icon{background:var(--color-butter-300);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.high-contrast .mp-achievement-toast-icon{background:var(--color-butter-500)}.mp-achievement-toast-body{flex:1;min-width:0}.mp-achievement-toast-title{letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-faint);font-size:10px;font-weight:700}.mp-achievement-toast-name{color:var(--color-ink);font-size:14px;font-weight:700}.mp-achievement-toast-desc{color:var(--color-ink-muted);font-size:12px}.mp-achievement-toast-count{white-space:nowrap;letter-spacing:0;margin-left:8px;font-weight:600}.mp-achievement-toast-controls{flex-shrink:0;align-items:center;gap:2px;margin-left:4px;display:flex}.mp-achievement-toast-btn{width:24px;height:24px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.mp-achievement-toast-btn:hover:not(:disabled){background:var(--color-butter-100);color:var(--color-ink)}.mp-achievement-toast-btn:disabled{opacity:.3;cursor:default}.mp-life-lost-overlay{z-index:150;pointer-events:none;animation:mp-life-lost-backdrop 1.2s var(--ease-out) forwards;background:#c45f441f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mp-life-lost-card{border:1px solid var(--color-coral-100);background:var(--color-coral-50);min-width:220px;box-shadow:var(--color-coral-100);color:var(--color-ink);animation:mp-life-lost-card 1.2s var(--ease-out) forwards;border-radius:14px;align-items:center;gap:14px;padding:16px 20px;display:flex}.mp-life-lost-title{color:var(--color-ink);font-size:18px;font-weight:800;line-height:1.1}.mp-life-lost-subtitle{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px;line-height:1.25}@keyframes mp-toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes mp-achievement-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-life-lost-backdrop{0%{opacity:0}14%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes mp-life-lost-card{0%{opacity:0;transform:translateY(10px)scale(.94)}16%{opacity:1;transform:translateY(0)scale(1.04)}32%{transform:translateY(0)scale(1)}76%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}@keyframes mp-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.mp-shake{animation:mp-shake .38s var(--ease-out) forwards}@keyframes mp-pop{0%{transform:scale(.72)}55%{transform:scale(1.14)}80%{transform:scale(.97)}to{transform:scale(1)}}.mp-pop{animation:mp-pop .32s var(--ease-out) forwards}.animations-subtle *,.animations-subtle :before,.animations-subtle :after{transition-duration:.1s!important;animation-duration:.1s!important}.animations-off *,.animations-off :before,.animations-off :after{transition:none!important;animation:none!important}.cell-fill-pop-off .mp-pop{animation:none!important}.mp-room-progress-stack{flex-direction:column;gap:12px;min-width:160px;display:flex}.mp-room-progress{flex-direction:column;gap:6px;display:flex}.mp-action-mode{background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-xs);border-radius:12px;align-self:center;gap:4px;padding:4px;display:inline-flex}.mp-action-mode button{width:46px;height:42px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.mp-action-mode button.is-active{color:var(--color-on-accent);background:var(--color-blue-500)}@media (width<=768px){html,body,#root{min-width:0;overflow-x:hidden}body{overscroll-behavior-y:none;font-size:16px}.mp-mobile-shell{height:100svh!important;min-height:100svh!important}.mp-mobile-route{padding-bottom:calc(74px + env(safe-area-inset-bottom))!important}.mp-mobile-bottom-nav{box-sizing:border-box;box-shadow:0 -10px 26px var(--color-surface-sunk);height:calc(64px + env(safe-area-inset-bottom))!important;padding:6px 8px env(safe-area-inset-bottom)!important}.mp-page{box-sizing:border-box;min-height:auto!important;padding:16px 16px 24px!important}.mp-topbar{z-index:300!important;padding:calc(10px + env(safe-area-inset-top)) 16px 10px!important;background:var(--color-paper)!important;margin:-16px -16px 18px!important;position:sticky!important;top:0!important}@supports (color:color-mix(in lab, red, red)){.mp-topbar{background:color-mix(in srgb, var(--color-paper) 94%, transparent)!important}}.mp-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line)}.mp-topbar>div:last-child{width:44px!important}.mp-topbar button,.mp-main-topbar button{min-height:40px}.mp-main-topbar{padding:calc(10px + env(safe-area-inset-top)) 16px 10px!important;background:var(--color-paper)!important;margin:0!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important}@supports (color:color-mix(in lab, red, red)){.mp-main-topbar{background:color-mix(in srgb, var(--color-paper) 94%, transparent)!important}}.mp-main-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-line)}.mp-main-topbar .lucide,.mp-topbar .lucide{flex-shrink:0}.mp-main-content{box-sizing:border-box;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;max-width:430px!important;margin:0 auto!important;padding:22px 16px 12px!important}.mp-wordmark{text-align:center;margin-bottom:6px!important;font-size:34px!important;line-height:1.05!important}.mp-wordmark+p{text-align:center!important;margin-bottom:18px!important}.mp-ranked-banner{box-sizing:border-box;border-radius:14px!important;grid-template-columns:1fr 76px!important;gap:10px 12px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;padding:16px!important;display:grid!important}.mp-ranked-copy{min-width:0;gap:4px!important;padding-right:0!important}.mp-ranked-title{font-size:22px!important;line-height:1.1!important}.mp-ranked-subtitle{font-size:14px!important;line-height:1.25!important}.mp-ranked-rating{margin-top:8px!important}.mp-ranked-rating>div:first-child{font-size:13px!important}.mp-ranked-rating>div:last-child{margin-top:2px!important;font-size:34px!important}.mp-ranked-art{display:contents!important}.mp-ranked-art img{place-self:center;width:58px!important;height:58px!important}.mp-ranked-art button{grid-column:1/-1;min-height:42px;white-space:nowrap!important;width:100%!important;min-width:0!important;padding:9px 12px!important;font-size:14px!important;line-height:1.1!important}.mp-menu-grid{box-sizing:border-box;gap:14px!important;width:100%!important;max-width:100%!important;margin-top:16px!important}.mp-primary-actions{grid-template-columns:1fr 1fr!important;gap:12px!important;display:grid!important}.mp-primary-actions>button,.mp-multiplayer-picker{min-width:0}.mp-primary-actions .tile,.mp-multiplayer-picker .tile{border-radius:14px!important;width:100%!important;height:98px!important;padding:14px 8px!important}.mp-primary-actions .tile span,.mp-secondary-tile span{font-size:15px!important;line-height:1.15!important}.mp-secondary-tile{border-radius:12px!important;gap:14px!important;max-width:none!important;height:52px!important;padding:0 14px!important}.mp-secondary-actions{width:100%!important}.mp-size-select h1,.mp-playing-screen h1,.mp-multiplayer-page h1,.mp-ranked-page h1,.page-placeholder h1{letter-spacing:0!important;text-align:left!important;font-size:28px!important;line-height:1.1!important}.mp-size-select>p,.mp-playing-screen>p,.mp-multiplayer-page>div>p,.mp-ranked-page>div>p,.page-placeholder p{text-align:left!important;font-size:14px!important;line-height:1.45!important}.mp-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.mp-size-tile{border-radius:12px!important;width:auto!important;height:104px!important}.mp-active-choice{min-height:calc(100svh - 74px)!important}.mp-dialog-card{border-radius:14px!important;max-width:none!important;margin:0 16px!important;padding:24px!important}.mp-dialog-card>div:last-child{grid-template-columns:1fr 1fr!important;display:grid!important}.mp-playing-screen{padding-inline:0!important;padding-bottom:96px!important;overflow:visible!important}.mp-game-topbar{margin-inline:0!important}.mp-game-hint{margin-bottom:12px!important;padding:0 16px!important}.mp-game-layout{-webkit-overflow-scrolling:touch;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:12px!important;padding:0 16px 12px!important;display:flex!important;overflow:auto visible!important;transform:none!important}.mp-nonogram-grid{align-self:center}.mp-game-sidebar-wrap{width:100%!important;height:auto!important;padding-top:0!important}.mp-game-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;padding:14px!important;display:grid!important}.mp-game-sidebar>div:nth-child(4),.mp-game-sidebar>div:nth-child(5){display:none!important}.mp-game-sidebar button{grid-column:1/-1;width:100%;min-height:42px}.mp-room-page{padding-inline:0!important;padding-bottom:96px!important;overflow:visible!important}.mp-room-page h1{padding:0 16px}.mp-room-layout{flex-flow:column!important;align-items:center!important;gap:16px!important}.mp-room-board{align-self:center;max-width:100%;padding-top:0!important}.mp-room-board>div:first-child{padding:0 2px}.mp-room-sidebar{width:100%;padding-top:0!important}.mp-room-sidebar>div{box-sizing:border-box;width:100%}.mp-room-progress-stack{width:100%;min-width:0!important;padding-top:0!important}.mp-room-waiting-card{box-sizing:border-box;width:100%;min-width:0!important;margin-top:0!important;padding:24px!important}.mp-toast{justify-content:center;left:16px!important;right:16px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;white-space:normal!important;transform:none!important}.mp-outcome-banner{left:12px!important;right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;white-space:normal!important;grid-template-columns:auto 1fr!important;gap:12px!important;padding:14px!important;display:grid!important;transform:none!important}.mp-outcome-banner>div:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.mp-outcome-banner button{width:100%}.mp-multiplayer-page>div:not(.mp-topbar),.mp-ranked-page>div:not(.mp-topbar){max-width:none!important}.mp-multiplayer-options,.mp-ranked-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:24px!important;display:grid!important}.mp-option-card,.mp-ranked-stats,.mp-ranked-leaderboard{border-radius:14px!important;padding:16px!important}.mp-ranked-stats>div:not(:first-child){padding-top:4px!important}.mp-ranked-stats img{width:32px!important;height:32px!important}.mp-ranked-stats p:last-child{font-size:30px!important}.mp-ranked-leaderboard>div:last-child{justify-content:center;min-height:120px;padding-top:0!important}.mp-ranked-leaderboard>div:last-child>div{margin:0!important;font-size:16px!important}.mp-auth-page{padding:calc(32px + env(safe-area-inset-top)) 16px 96px!important;align-items:flex-start!important}.mp-auth-card{border-radius:14px!important;max-width:none!important}.mp-auth-form{padding:28px 20px!important}.mp-auth-form input,.mp-auth-form button[type=submit]{min-height:44px;font-size:16px}.mp-guest-page>div:nth-child(2){align-items:flex-start!important;min-height:auto!important;padding:20px 0 96px!important}.page-placeholder{min-height:calc(100svh - 74px);padding:calc(24px + env(safe-area-inset-top)) 16px 96px;background:var(--color-paper);color:var(--color-ink);box-sizing:border-box;justify-content:flex-start;align-items:stretch;gap:14px}.page-placeholder button{width:100%;min-height:44px}}.mp-heart-half{pointer-events:none;transform-origin:50% 95%;position:absolute;inset:0}.mp-heart-half--left{clip-path:polygon(0 0,50% 0,50% 24%,42% 42%,57% 58%,45% 76%,50% 100%,0 100%);animation:mp-heart-break-left .7s var(--ease-out) forwards}.mp-heart-half--right{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%,45% 76%,57% 58%,42% 42%,50% 24%);animation:mp-heart-break-right .7s var(--ease-out) forwards}.mp-heart-breaking{animation:mp-heart-break-jolt .7s var(--ease-out)}.mp-heart-break-base{animation:.7s forwards mp-heart-break-base}@keyframes mp-heart-break-jolt{0%{transform:scale(1)}12%{transform:scale(1.25)}20%{transform:scale(1.15)rotate(-6deg)}28%{transform:scale(1.15)rotate(6deg)}36%,to{transform:scale(1)}}@keyframes mp-heart-break-left{0%,32%{opacity:1;transform:none}55%{opacity:1;transform:translate(-3px)rotate(-22deg)}to{opacity:0;transform:translate(-6px,10px)rotate(-38deg)}}@keyframes mp-heart-break-right{0%,32%{opacity:1;transform:none}55%{opacity:1;transform:translate(3px)rotate(22deg)}to{opacity:0;transform:translate(6px,10px)rotate(38deg)}}@keyframes mp-heart-break-base{0%,35%{opacity:0}to{opacity:1}}@keyframes mp-dropdown-spring{0%{opacity:0;transform:scaleX(.88)scaleY(0)}26%{opacity:1;transform:scaleX(1.07)scaleY(1.14)}50%{transform:scaleX(.98)scaleY(.94)}70%{transform:scaleX(1.02)scaleY(1.04)}86%{transform:scaleX(.99)scaleY(.98)}to{opacity:1;transform:scaleX(1)scaleY(1)}}@keyframes mp-dropdown-close{0%{opacity:1;transform:scaleX(1)scaleY(1)}22%{opacity:.9;transform:scaleX(1.04)scaleY(1.07)}to{opacity:0;transform:scaleX(.9)scaleY(0)}}@keyframes mp-trigger-open{0%{transform:scaleX(1)scaleY(1)}18%{transform:scaleX(1.02)scaleY(.92)}50%{transform:scaleX(.99)scaleY(1.05)}75%{transform:scaleX(1)scaleY(.97)}to{transform:scaleX(1)scaleY(1)}}.mp-trigger-open{animation:.6s ease-out mp-trigger-open}@keyframes col-scrim-in{0%{opacity:0}}@keyframes col-tile-in{0%{opacity:0;transform:translateY(10px)}}.col-layout{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:4px 24px 96px}.col-body{align-items:flex-start;gap:24px;display:flex}.col-sidebar-wrap{flex-shrink:0;width:0;margin-left:-24px;overflow:hidden}.col-sidebar-wrap[data-open=true]{width:268px;margin-left:0}.col-sidebar{box-sizing:border-box;opacity:0;width:268px;transition:opacity var(--dur-base) ease, transform .24s var(--ease-out);flex-direction:column;gap:22px;padding:20px 20px 80px;display:flex;transform:translate(12px)}.col-sidebar-wrap[data-open=true] .col-sidebar{opacity:1;transform:none}.col-sort-option{font-family:var(--font-ui);color:var(--color-ink-soft);text-align:left;cursor:pointer;transition:background var(--dur-fast) ease, color var(--dur-fast) ease;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:13px;font-weight:600;display:flex}.col-sort-option[aria-pressed=true]{background:var(--color-blue-50);color:var(--color-blue-600)}.range-slider-header{justify-content:space-between;align-items:baseline;display:flex}.range-slider-values{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.range-slider{height:20px;position:relative}.range-slider-track,.range-slider-fill{border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%}.range-slider-track{background:var(--color-line);left:8px;right:8px}.range-slider-fill{background:var(--color-blue-500)}.range-slider input{pointer-events:none;appearance:none;background:0 0;width:100%;height:20px;margin:0;position:absolute;inset:0}.range-slider input::-webkit-slider-runnable-track{background:0 0}.range-slider input::-moz-range-track{background:0 0}.range-slider input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;border:2px solid var(--color-blue-500);background:var(--color-surface);width:16px;height:16px;box-shadow:var(--shadow-xs);box-sizing:border-box;cursor:grab;border-radius:50%}.range-slider input::-moz-range-thumb{pointer-events:auto;border:2px solid var(--color-blue-500);background:var(--color-surface);width:16px;height:16px;box-shadow:var(--shadow-xs);box-sizing:border-box;cursor:grab;border-radius:50%}.range-slider input:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-focus)}.range-slider input:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-focus)}.col-grid{grid-template-columns:repeat(auto-fill,176px);gap:16px;display:grid}.col-card{color:var(--color-ink);view-transition-class:col-card;animation:col-tile-in .3s var(--ease-out) backwards;border-radius:14px;justify-content:flex-start;align-items:stretch;gap:10px;padding:12px}::view-transition-group(.col-card){animation-duration:.28s;animation-timing-function:var(--ease-out)}.col-art-frame{background:var(--color-surface-sunk);border-radius:8px;justify-content:center;align-items:center;padding:10px;display:flex}.col-filter-pill{z-index:150;border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-lg);font-family:var(--font-ui);color:var(--color-ink);cursor:pointer;transition:transform var(--dur-base) var(--ease-out), border-color var(--dur-fast) ease;border-radius:999px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;right:24px}.col-filter-pill:hover{border-color:var(--color-blue-200);transform:translateY(-2px)}.col-filter-count{box-sizing:border-box;background:var(--color-blue-500);min-width:18px;height:18px;color:var(--color-on-accent);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.col-modal-root{z-index:300;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.col-modal-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:col-scrim-in .22s var(--ease-out);transition:opacity .22s var(--ease-out);background:#1c1c1e66;position:absolute;inset:0}.col-modal{box-sizing:border-box;background:var(--color-surface);max-height:calc(100svh - 48px);box-shadow:var(--shadow-lg);color:var(--color-ink);transform-origin:0 0;transition:transform .32s var(--ease-out), opacity var(--dur-base) ease;border-radius:20px;outline:none;align-items:stretch;gap:32px;padding:24px;display:flex;position:relative;overflow:auto}.col-modal-details{flex-direction:column;width:300px;display:flex}.col-modal-stats{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);gap:24px;margin:22px 0;padding:16px 0;display:flex}.col-modal-row{border-bottom:1px solid var(--color-surface-sunk);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;font-size:13px;display:flex}.col-close{border:1px solid var(--color-line);background:var(--color-surface);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}@media (width<=768px){.col-layout{padding:4px 16px 96px}.col-sidebar-wrap{z-index:160;pointer-events:none;width:auto;max-height:70svh;margin:0;position:fixed;bottom:84px;left:16px;right:16px;overflow:auto}.col-sidebar-wrap[data-open=true]{pointer-events:auto;width:auto}.col-sidebar{width:100%;box-shadow:var(--shadow-lg);padding-bottom:24px;transform:translateY(12px)}.col-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.col-filter-pill{bottom:16px;right:16px}.col-modal-root{padding:16px}.col-modal{flex-direction:column;align-items:center;gap:20px;width:100%}.col-modal-details{width:100%}}@media (prefers-reduced-motion:reduce){.col-card,.col-modal-scrim{animation:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.mp-tut-page{--tut-cell:var(--color-surface);--tut-cell-line:color-mix(in srgb, var(--color-line), var(--color-line-strong));box-sizing:border-box;background:var(--color-paper);min-height:100vh;color:var(--color-ink);padding:24px 24px 64px}.mp-tut-topbar{z-index:200;justify-content:space-between;align-items:center;margin-bottom:28px;display:flex;position:relative}.mp-tut-exit{cursor:pointer;font-family:var(--font-ui);color:var(--color-ink-faint);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.mp-tut-exit:hover{color:var(--color-ink-muted)}.mp-tut-mute{padding:4px}.mp-tut-layout{justify-content:center;align-items:flex-start;gap:40px;max-width:1080px;margin:0 auto;display:flex}.mp-tut-board-col{flex-direction:column;align-items:stretch;gap:12px;display:flex}.mp-tut-board-head{justify-content:space-between;align-items:baseline;gap:16px;min-height:18px;display:flex}.mp-tut-spotlight-note{font-family:var(--font-ui);color:var(--color-ink-faint);letter-spacing:.02em;font-size:11px}.mp-tut-stage{--tut-scrim:#1c1a17;--tut-dim:68%;--tut-glow:#ffffff29;--tut-lit-bg:var(--color-surface-sunk);--tut-stage-dim:color-mix(in srgb, var(--color-surface-sunk), var(--tut-scrim) var(--tut-dim));--tut-dim-cell:color-mix(in srgb, var(--tut-cell), var(--tut-scrim) var(--tut-dim));--tut-dim-line:color-mix(in srgb, var(--tut-cell-line), var(--tut-scrim) var(--tut-dim));--tut-dim-frame:color-mix(in srgb, var(--color-line-strong), var(--tut-scrim) var(--tut-dim));--tut-dim-ink:color-mix(in srgb, var(--color-ink-clue), var(--tut-scrim) var(--tut-dim));--tut-dim-fill:color-mix(in srgb, var(--color-blue-500), var(--tut-scrim) var(--tut-dim));--tut-dim-cross:color-mix(in srgb, var(--color-coral-400), var(--tut-scrim) var(--tut-dim));border:1px solid var(--color-line);background:var(--color-surface-sunk);transition:background-color .34s var(--ease-out), border-color .34s var(--ease-out);border-radius:18px;justify-content:center;align-items:center;padding:26px;display:flex}.dark .mp-tut-stage{--tut-scrim:#000;--tut-dim:62%}.high-contrast .mp-tut-stage{--tut-scrim:#fff;--tut-dim:55%;--tut-glow:#0003}.mp-tut-stage[data-spotlight=on]{background:var(--tut-stage-dim);border-color:var(--tut-stage-dim)}@keyframes mp-tut-target{0%,to{box-shadow:inset 0 0 0 2px var(--mp-tut-ring), 0 0 0 0 transparent}50%{box-shadow:inset 0 0 0 2px var(--mp-tut-ring), 0 0 0 4px var(--tut-glow)}}.mp-tut-target{z-index:1;animation:mp-tut-target 1.4s var(--ease-out) infinite}.mp-tut-shake{z-index:1;animation:mp-shake .38s var(--ease-out) forwards}.mp-tut-legend{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.mp-tut-legend-row{font-family:var(--font-ui);color:var(--color-ink-faint);opacity:.55;transition:opacity var(--dur-base) var(--ease-out);align-items:center;gap:10px;font-size:12px;display:flex}.mp-tut-legend-row[data-active=yes]{opacity:1}.mp-tut-legend-label{color:var(--color-ink);font-weight:700}.mp-tut-legend-row[data-active=no] .mp-tut-legend-label{color:var(--color-ink-muted)}.mp-tut-legend-hint{text-align:right;margin-left:auto}.mp-tut-swatch-fill,.mp-tut-swatch-cross{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;display:inline-flex}.mp-tut-swatch-fill{background:var(--color-blue-500)}.mp-tut-swatch-cross{background:var(--tut-cell);border:1px solid var(--color-line-strong);color:var(--color-coral-400)}.mp-tut-panel{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:16px;width:420px;padding:26px 28px 22px;display:flex}.mp-tut-progress{flex-direction:column;gap:8px;display:flex}.mp-tut-progress-meta{justify-content:space-between;align-items:baseline;display:flex}.mp-tut-progress-count{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--color-ink-faint);font-size:11px}.mp-tut-progress-track{background:var(--color-surface-sunk);border-radius:999px;height:4px;overflow:hidden}.mp-tut-progress-fill{background:var(--color-blue-500);height:100%;transition:width .32s var(--ease-out);border-radius:999px}.mp-tut-title{letter-spacing:-.01em;color:var(--color-ink);margin:0;font-size:23px;font-weight:700;line-height:1.2}.mp-tut-body{flex-direction:column;gap:12px;display:flex}.mp-tut-body p{color:var(--color-ink-muted);margin:0;font-size:14px;line-height:1.6}.mp-tut-action{font-family:var(--font-ui);background:var(--color-blue-50);color:var(--color-blue-500);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.mp-tut-action[data-state=done]{background:var(--color-sage-50);color:var(--color-sage-500)}.mp-tut-controls{align-items:center;gap:8px;margin-top:2px;display:flex}.mp-tut-controls>:last-child{margin-left:auto}.mp-tut-finish{align-items:center;gap:8px;margin-left:auto;display:flex}.mp-tut-figure{border:1px solid var(--color-line);background:var(--color-surface-sunk);border-radius:12px;align-items:flex-start;gap:22px;padding:16px 18px;display:flex}.mp-tut-figure-panel{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.mp-tut-figure-label{font-family:var(--font-ui);text-align:center;color:var(--color-ink-faint);font-size:10.5px;line-height:1.3}@media (width<=900px){.mp-tut-page{min-height:auto;padding:16px 16px 96px}.mp-tut-topbar{margin-bottom:18px}.mp-tut-layout{flex-direction:column;align-items:center;gap:18px}.mp-tut-board-col{align-items:stretch;width:100%;max-width:480px}.mp-tut-stage{padding:14px;overflow-x:auto}.mp-tut-panel{width:100%;max-width:480px;padding:20px}.mp-tut-title{font-size:20px}}.page-placeholder{background:var(--color-paper);min-height:100vh;color:var(--color-ink);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:24px;display:flex}.page-placeholder h1{margin:0;font-size:2.5rem}.page-placeholder p{color:var(--color-ink-muted);text-align:center}@media (width<=768px){.page-placeholder{min-height:auto;padding:calc(24px + env(safe-area-inset-top)) 16px calc(96px + env(safe-area-inset-bottom));justify-content:flex-start;align-items:stretch}.page-placeholder h1,.page-placeholder p{text-align:left}}