@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/167cd0713aa75522-s.25158358.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e455bcff747f0d5e-s.5f7c7356.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/791bf8c4bb753ed6-s.p.fb4c44d9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_3d2b8831-module__C2q4bW__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_3d2b8831-module__C2q4bW__variable{--font-display:"Fraunces","Fraunces Fallback"}
@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.a188d1ff.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.d9ee93eb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.a6d6de71.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_b4c0ac3d-module__BUqT-q__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_b4c0ac3d-module__BUqT-q__variable{--font-body:"Bricolage Grotesque","Bricolage Grotesque Fallback"}
@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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xl:.75rem;--radius-2xl:1rem;--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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing)*0)}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.-mt-2{margin-top:calc(var(--spacing)*-2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.-mr-2{margin-right:calc(var(--spacing)*-2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-\[72px\]{height:72px}.min-h-5{min-height:calc(var(--spacing)*5)}.min-h-6{min-height:calc(var(--spacing)*6)}.min-h-\[40px\]{min-height:40px}.min-h-\[104px\]{min-height:104px}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-7{width:calc(var(--spacing)*7)}.w-9{width:calc(var(--spacing)*9)}.w-11{width:calc(var(--spacing)*11)}.w-\[72px\]{width:72px}.w-full{width:100%}.max-w-\[260px\]{max-width:260px}.max-w-\[270px\]{max-width:270px}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.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))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.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-x-2{column-gap:calc(var(--spacing)*2)}.gap-x-3{column-gap:calc(var(--spacing)*3)}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--thread\)\]>:not(:last-child)){border-color:var(--thread)}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[11px\]{border-radius:11px}.rounded-\[18px\]{border-radius:18px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[var\(--ink\)\]{background-color:var(--ink)}.bg-\[var\(--linen\)\]{background-color:var(--linen)}.bg-\[var\(--surface\)\]{background-color:var(--surface)}.p-3{padding:calc(var(--spacing)*3)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-2{padding-top:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[15px\]{font-size:15px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[56px\]{font-size:56px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--ink-faint\)\]{color:var(--ink-faint)}.text-\[var\(--ink-soft\)\]{color:var(--ink-soft)}.text-\[var\(--linen\)\]{color:var(--linen)}.text-\[var\(--valid\)\]{color:var(--valid)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-60{opacity:.6}.shadow-\[0_0_0_1\.5px_var\(--thread\)\]{--tw-shadow:0 0 0 1.5px var(--tw-shadow-color,var(--thread));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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}@media (hover:hover){.hover\:text-\[var\(--ink\)\]:hover{color:var(--ink)}.hover\:text-\[var\(--ink-soft\)\]:hover{color:var(--ink-soft)}}}*{-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100%}body{background:var(--linen)}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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}
:root{--linen:#f6f1e7;--linen-deep:#ece4d4;--surface:#fffdf8;--ink:#2a2622;--ink-soft:#6b635a;--ink-faint:#a39a8e;--thread:#d9cfbd;--board:#e9e0cf;--tile:#fffdf8;--accent:#c2553d;--accent-ink:#fff;--valid:#2f7d5b;--invalid:#c0392b;--hint:#b7791f;--patch-ink:#2a2622;--clue-tint:46%;--clue-edge:22%;--shadow:0 1px 0 #2a26220a,0 8px 24px -12px #2a26222e}.mg-root{color:var(--ink);background-color:var(--linen);font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;min-height:100dvh;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);background-image:repeating-linear-gradient(0deg,#2a262205 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#2a262205 0 1px,#0000 1px 3px)}@media (prefers-color-scheme:dark){:root{--linen:#1d1a17;--linen-deep:#26221e;--surface:#2b2622;--ink:#f1eadd;--ink-soft:#b8ad9d;--ink-faint:#7d7468;--thread:#453e36;--board:#171412;--tile:#2e2924;--accent:#e0765e;--accent-ink:#1d1a17;--valid:#6fcf9f;--invalid:#ff8a7a;--hint:#f0b95a;--clue-tint:82%;--clue-edge:40%;--shadow:0 1px 0 #0000004d,0 10px 28px -12px #000000b3}}.mg-root input,.mg-root textarea{-webkit-user-select:text;user-select:text}.mg-display{font-family:var(--font-display),ui-serif,Georgia,serif;font-optical-sizing:auto;letter-spacing:-.01em}.mg-root :focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}.mg-shell{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;min-height:100dvh;margin:0 auto;padding:12px 16px 20px;display:flex}.mg-stage{width:min(100%,max(240px,100dvh - 350px))}@media (orientation:landscape) and (max-height:520px){.mg-shell{grid-template-columns:auto minmax(200px,320px);grid-template-areas:"stage header""stage status""stage controls""stage footer";place-content:center;gap:10px 24px;max-width:none;padding:10px 16px;display:grid}.mg-header{grid-area:header}.mg-stage{grid-area:stage;align-self:center;width:calc(100dvh - 24px)}.mg-status{grid-area:status}.mg-controls{grid-area:controls}.mg-footer{grid-area:footer}}.mg-footer{margin-top:auto}.mg-card{background:var(--surface);width:100%;box-shadow:var(--shadow),0 0 0 1.5px var(--thread);border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex}.mg-board{--cols:6;--rows:6;--board-pad:5px;--tile-gap:clamp(1.5px,calc(100cqw/var(--cols)*.035),3px);--tile-radius:clamp(5px,calc(100cqw/var(--cols)*.17),12px);--board-width:calc(round(down,100% - 2*var(--board-pad),var(--cols)*1px) + 2*var(--board-pad));width:100%;width:var(--board-width);margin-inline:auto;margin-left:round(down,calc((100% - var(--board-width))/2),1px);aspect-ratio:var(--cols)/var(--rows);background:var(--board);box-shadow:var(--shadow),0 0 0 1.5px var(--thread);touch-action:none;border-radius:18px;position:relative;overflow:hidden;container-type:inline-size}.mg-board[data-drawing=true]{cursor:grabbing}.mg-grid,.mg-layer{inset:var(--board-pad);position:absolute}.mg-grid{grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);display:grid}.mg-layer{pointer-events:none}.mg-cell{outline:none;position:relative}.mg-cell:before{content:"";inset:var(--tile-gap);border-radius:var(--tile-radius);background:var(--tile);position:absolute}.mg-cell[data-clue=true]{cursor:grab}.mg-cell[data-clue=true]:before{background:color-mix(in oklab,var(--patch)var(--clue-tint),var(--tile));box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--patch)72%,#2a2622 var(--clue-edge))}.mg-board[data-locked=true] .mg-cell[data-clue=true],.mg-board[data-drawing=true] .mg-cell[data-clue=true]{cursor:inherit}.mg-cell:focus-visible:after{content:"";inset:calc(var(--tile-gap) + 1px);border-radius:calc(var(--tile-radius) - 1px);box-shadow:0 0 0 2.5px var(--ink),0 0 0 4.5px var(--surface);z-index:8;pointer-events:none;position:absolute}.mg-board[data-shake=true]{animation:.28s ease-in-out board-shake}.mg-button{min-height:48px;color:var(--ink);background:var(--surface);box-shadow:0 0 0 1.5px var(--thread),0 2px 0 var(--thread);touch-action:manipulation;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;transition:transform 90ms,box-shadow 90ms,background-color .12s;display:inline-flex}.mg-button:hover:not(:disabled){background:var(--linen-deep)}.mg-button:active:not(:disabled){box-shadow:0 0 0 1.5px var(--thread),0 0 0 var(--thread);transform:translateY(2px)}.mg-button:disabled{opacity:.4;cursor:not-allowed}.mg-button svg{flex:none;width:18px;height:18px}.mg-button[data-layout=stacked]{white-space:nowrap;flex-direction:column;gap:3px;min-height:58px;padding:0 4px;font-size:12.5px}.mg-button[data-layout=stacked] svg{width:20px;height:20px}.mg-controls.grid-cols-5{gap:6px}.mg-controls.grid-cols-5 .mg-button[data-layout=stacked]{padding:0 2px;font-size:12px}.mg-button[data-variant=primary]{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 0 color-mix(in oklab,var(--accent)70%,black)}.mg-button[data-variant=primary]:hover:not(:disabled){background:color-mix(in oklab,var(--accent)90%,black)}.mg-button[data-variant=primary]:active:not(:disabled){box-shadow:0 0 #0000}.mg-icon-button{width:44px;height:44px;color:var(--ink-soft);touch-action:manipulation;cursor:pointer;border-radius:12px;place-items:center;display:grid}.mg-icon-button:hover{background:var(--linen-deep);color:var(--ink)}.mg-icon-button svg{width:21px;height:21px}.mg-chip{letter-spacing:.06em;text-transform:uppercase;height:24px;color:var(--ink-soft);background:var(--linen-deep);white-space:nowrap;border-radius:99px;align-items:center;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.mg-status{text-align:center;width:100%;min-height:58px;color:var(--ink-soft);text-wrap:balance;justify-content:center;align-items:center;font-size:14px;line-height:1.35;display:flex}.mg-status[data-kind=invalid]{color:var(--invalid);font-weight:600}.mg-status[data-kind=hint]{color:var(--ink);text-align:left}.mg-status[data-kind=success]{color:var(--valid);font-weight:600}.mg-status svg{flex:none;width:16px;height:16px;margin-right:6px}.mg-dialog{width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);background:var(--surface);box-shadow:0 0 0 1.5px var(--thread),0 30px 80px -20px #00000073;border:0;border-radius:22px;margin:auto;padding:24px;overflow-y:auto}.mg-dialog:focus-visible{outline:none}.mg-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e1a1680}.mg-dialog[open]{animation:.26s cubic-bezier(.2,.9,.3,1.1) both dialog-in}.mg-dialog[open]::backdrop{animation:.2s both fade-in}.mg-stat{background:var(--linen);border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.mg-stat dt{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.mg-stat dd{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.mg-switch{background:var(--thread);cursor:pointer;border-radius:99px;flex:none;width:48px;height:28px;transition:background-color .14s;position:relative}.mg-switch:after{content:"";background:var(--surface);border-radius:50%;width:22px;height:22px;transition:transform .14s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.mg-switch[aria-checked=true]{background:var(--valid)}.mg-switch[aria-checked=true]:after{transform:translate(20px)}.mg-field{width:100%;min-height:48px;color:var(--ink);background:var(--surface);box-shadow:0 0 0 1.5px var(--thread);border-radius:12px;padding:0 14px;font-size:16px}.mg-segment{background:var(--linen-deep);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.mg-segment button{min-height:44px;color:var(--ink-soft);touch-action:manipulation;cursor:pointer;border-radius:10px;font-size:14px;font-weight:600}.mg-segment button[aria-pressed=true]{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #0000001f}.mg-loading-cell:before{animation:1.1s ease-in-out infinite loading-cell;animation-delay:var(--delay,0s)}@keyframes board-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes dialog-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes loading-cell{0%,to{opacity:.25}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){.mg-root *,.mg-root :before,.mg-root :after,.mg-dialog,.mg-dialog::backdrop{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
