@font-face{font-family:Balsamiq Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/BalsamiqSans-400-DuUqbZG9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Balsamiq Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/BalsamiqSans-700-CGk_g3Ft.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/Caveat-700-C1hSzPvX.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fbf3e2;--paper-deep:#f2e5c9;--surface:#fffaf1;--surface-2:#f6ead3;--surface-sunken:#efe0c4;--ink:#2e241c;--ink-soft:#6b5747;--ink-faint:#7d6a58;--accent-ink:#a1521f;--on-brand:#fff3e2;--brand:#803720;--brand-deep:#5a2411;--accent:#d06f30;--primary:#a8531f;--accent-soft:#e5c19c;--gold-bright:#efb046;--success:#2c6f4d;--danger:#97302a;--line:#3a2b2238;--line-strong:#3a2b228c;--focus-ring:#a1521f;--primary-edge:#6b3414;--shadow-color:28 20 14;--shadow-sm:0 1px 2px rgb(var(--shadow-color) / .08), 0 2px 4px rgb(var(--shadow-color) / .06);--shadow-md:0 2px 4px rgb(var(--shadow-color) / .08), 0 6px 14px rgb(var(--shadow-color) / .1);--shadow-lg:0 4px 8px rgb(var(--shadow-color) / .1), 0 16px 32px rgb(var(--shadow-color) / .16);--shadow-xl:0 8px 16px rgb(var(--shadow-color) / .12), 0 32px 64px rgb(var(--shadow-color) / .24);--backdrop:#1e161080;--paw-ink:#b18f5f;--paw-alpha:.1;--paw-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.839 48.839'><path fill='black' d='M39.041,36.843c2.054,3.234,3.022,4.951,3.022,6.742c0,3.537-2.627,5.252-6.166,5.252 c-1.56,0-2.567-0.002-5.112-1.326c0,0-1.649-1.509-5.508-1.354c-3.895-0.154-5.545,1.373-5.545,1.373 c-2.545,1.323-3.516,1.309-5.074,1.309c-3.539,0-6.168-1.713-6.168-5.252c0-1.791,0.971-3.506,3.024-6.742 c0,0,3.881-6.445,7.244-9.477c2.43-2.188,5.973-2.18,5.973-2.18h1.093v-0.001c0,0,3.698-0.009,5.976,2.181 C35.059,30.51,39.041,36.844,39.041,36.843z M16.631,20.878c3.7,0,6.699-4.674,6.699-10.439S20.331,0,16.631,0 S9.932,4.674,9.932,10.439S12.931,20.878,16.631,20.878z M10.211,30.988c2.727-1.259,3.349-5.723,1.388-9.971 s-5.761-6.672-8.488-5.414s-3.348,5.723-1.388,9.971C3.684,29.822,7.484,32.245,10.211,30.988z M32.206,20.878 c3.7,0,6.7-4.674,6.7-10.439S35.906,0,32.206,0s-6.699,4.674-6.699,10.439C25.507,16.204,28.506,20.878,32.206,20.878z M45.727,15.602c-2.728-1.259-6.527,1.165-8.488,5.414s-1.339,8.713,1.389,9.972c2.728,1.258,6.527-1.166,8.488-5.414 S48.455,16.861,45.727,15.602z'/></svg>");--home-green:#174d31;--home-ring:inset 0 0 0 2px var(--home-green), inset 0 0 0 3.5px #ffffffe6;--home-paw:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48.839 48.839'><path fill='%23174d31' d='M39.041,36.843c2.054,3.234,3.022,4.951,3.022,6.742c0,3.537-2.627,5.252-6.166,5.252 c-1.56,0-2.567-0.002-5.112-1.326c0,0-1.649-1.509-5.508-1.354c-3.895-0.154-5.545,1.373-5.545,1.373 c-2.545,1.323-3.516,1.309-5.074,1.309c-3.539,0-6.168-1.713-6.168-5.252c0-1.791,0.971-3.506,3.024-6.742 c0,0,3.881-6.445,7.244-9.477c2.43-2.188,5.973-2.18,5.973-2.18h1.093v-0.001c0,0,3.698-0.009,5.976,2.181 C35.059,30.51,39.041,36.844,39.041,36.843z M16.631,20.878c3.7,0,6.699-4.674,6.699-10.439S20.331,0,16.631,0 S9.932,4.674,9.932,10.439S12.931,20.878,16.631,20.878z M10.211,30.988c2.727-1.259,3.349-5.723,1.388-9.971 s-5.761-6.672-8.488-5.414s-3.348,5.723-1.388,9.971C3.684,29.822,7.484,32.245,10.211,30.988z M32.206,20.878 c3.7,0,6.7-4.674,6.7-10.439S35.906,0,32.206,0s-6.699,4.674-6.699,10.439C25.507,16.204,28.506,20.878,32.206,20.878z M45.727,15.602c-2.728-1.259-6.527,1.165-8.488,5.414s-1.339,8.713,1.389,9.972c2.728,1.258,6.527-1.166,8.488-5.414 S48.455,16.861,45.727,15.602z'/></svg>");--font-body:"Balsamiq Sans", "Comic Sans MS", "Chalkboard SE", system-ui, sans-serif;--font-display:"Caveat", "Bradley Hand", "Segoe Script", cursive;--text-2xs:clamp(.75rem, 1.6vw, .8rem);--text-sm:clamp(.82rem, 2.1vw, .9rem);--text-base:clamp(.92rem, 2.4vw, 1rem);--text-md:clamp(1rem, 2.7vw, 1.12rem);--text-lg:clamp(1.1rem, 3vw, 1.3rem);--text-xl:clamp(1.3rem, 4vw, 1.6rem);--display-sm:clamp(1.7rem, 5.5vw, 2.3rem);--display:clamp(2.1rem, 7vw, 3.2rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.25rem;--space-lg:1.75rem;--space-xl:2.5rem;--btn-min-block-size:46px;--btn-pad-block:var(--space-2xs);--btn-row-block-size:max(var(--btn-min-block-size), calc(var(--text-lg) * 1.5 + 2 * var(--btn-pad-block) + 4px));--radius-xs:6px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.46, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.14s;--dur:.24s;--dur-slow:.42s;--tile-gap:1px;--swap-duration:.26s;--swap-ease:cubic-bezier(.25, 1.18, .5, 1);--land-duration:.48s;--win-glide:.46s;--topbar-height:56px;--play-gutter:6px;--board-cap:560px}@media (width>=600px){:root{--play-gutter:16px;--board-cap:680px}}@media (width>=768px){:root{--topbar-height:68px;--tile-gap:2px}}@media (width>=900px){:root{--play-gutter:28px;--board-cap:820px}}@media (width>=1280px){:root{--board-cap:900px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#17120f;--paper-deep:#120e0b;--surface:#241c16;--surface-2:#2f251d;--surface-sunken:#100c09;--ink:#f3e9db;--ink-soft:#c3b09b;--ink-faint:#9c8874;--accent-ink:#f0a463;--on-brand:#1a120c;--brand:#f0c88a;--brand-deep:#d8a45f;--accent:#e08a49;--primary:#e08a49;--accent-soft:#6a4529;--gold-bright:#f6ce78;--success:#6ecb99;--danger:#e8776f;--line:#f3e9db33;--line-strong:#f3e9db85;--focus-ring:#e08a49;--primary-edge:#a9582a;--shadow-color:0 0 0;--backdrop:#080503a8;--paw-ink:#e6cfa8;--paw-alpha:.05}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#17120f;--paper-deep:#120e0b;--surface:#241c16;--surface-2:#2f251d;--surface-sunken:#100c09;--ink:#f3e9db;--ink-soft:#c3b09b;--ink-faint:#9c8874;--accent-ink:#f0a463;--on-brand:#1a120c;--brand:#f0c88a;--brand-deep:#d8a45f;--accent:#e08a49;--primary:#e08a49;--accent-soft:#6a4529;--gold-bright:#f6ce78;--success:#6ecb99;--danger:#e8776f;--line:#f3e9db33;--line-strong:#f3e9db85;--focus-ring:#e08a49;--primary-edge:#a9582a;--shadow-color:0 0 0;--backdrop:#080503a8;--paw-ink:#e6cfa8;--paw-alpha:.05}*,:before,:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;height:100%}html,.screen__body,.overlay,.sheet{touch-action:manipulation}html{overscroll-behavior:none}.screen--play{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body{overscroll-behavior:none;height:100dvh;min-height:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(125% 90% at 50% -25%, var(--paper-deep) 0%, transparent 62%);background-attachment:fixed;flex-direction:column;margin:0;line-height:1.5;display:flex;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-color:var(--paw-ink);opacity:var(--paw-alpha);--paw-trail:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'><defs><path id='p' d='M39.041,36.843c2.054,3.234,3.022,4.951,3.022,6.742c0,3.537-2.627,5.252-6.166,5.252 c-1.56,0-2.567-0.002-5.112-1.326c0,0-1.649-1.509-5.508-1.354c-3.895-0.154-5.545,1.373-5.545,1.373 c-2.545,1.323-3.516,1.309-5.074,1.309c-3.539,0-6.168-1.713-6.168-5.252c0-1.791,0.971-3.506,3.024-6.742 c0,0,3.881-6.445,7.244-9.477c2.43-2.188,5.973-2.18,5.973-2.18h1.093v-0.001c0,0,3.698-0.009,5.976,2.181 C35.059,30.51,39.041,36.844,39.041,36.843z M16.631,20.878c3.7,0,6.699-4.674,6.699-10.439S20.331,0,16.631,0 S9.932,4.674,9.932,10.439S12.931,20.878,16.631,20.878z M10.211,30.988c2.727-1.259,3.349-5.723,1.388-9.971 s-5.761-6.672-8.488-5.414s-3.348,5.723-1.388,9.971C3.684,29.822,7.484,32.245,10.211,30.988z M32.206,20.878 c3.7,0,6.7-4.674,6.7-10.439S35.906,0,32.206,0s-6.699,4.674-6.699,10.439C25.507,16.204,28.506,20.878,32.206,20.878z M45.727,15.602c-2.728-1.259-6.527,1.165-8.488,5.414s-1.339,8.713,1.389,9.972c2.728,1.258,6.527-1.166,8.488-5.414 S48.455,16.861,45.727,15.602z'/></defs><use href='%23p' transform='translate(20.5 185.5) rotate(33) scale(0.4914) translate(-24.42 -24.42)'/><use href='%23p' transform='translate(89.5 144.5) rotate(57) scale(0.4914) translate(-24.42 -24.42)'/><use href='%23p' transform='translate(130.5 75.5) rotate(33) scale(0.4914) translate(-24.42 -24.42)'/><use href='%23p' transform='translate(199.5 34.5) rotate(57) scale(0.4914) translate(-24.42 -24.42)'/></svg>");-webkit-mask-image:var(--paw-trail);-webkit-mask-image:var(--paw-trail);mask-image:var(--paw-trail);position:fixed;inset:0;-webkit-mask-size:220px 220px;mask-size:220px 220px;-webkit-mask-repeat:repeat;mask-repeat:repeat}img{max-width:100%;display:block}.chosen-photo img,.sheet--peek img{height:auto}button{font:inherit;color:inherit}kbd{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-xs);border-bottom-width:2px;padding:.1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.hidden,[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:2000;background:var(--brand);color:var(--on-brand);min-height:44px;padding:var(--space-2xs) var(--space-md);border-radius:0 0 var(--radius-md) var(--radius-md);transition:translate var(--dur) var(--ease-out);align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:fixed;top:0;left:50%;translate:-50% -120%}.skip-link:focus-visible{translate:-50%}:where(button,a,input,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes toast-in-top{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-8px)}}@keyframes tile-land{0%{scale:1}40%{scale:.95}to{scale:1}}@keyframes home-flash{0%{opacity:0;box-shadow:var(--home-ring)}30%{opacity:1;box-shadow:inset 0 0 0 3px var(--gold-bright), inset 0 0 0 200px #ffffff38}to{opacity:1;box-shadow:var(--home-ring)}}@keyframes tile-settle{0%{rotate:0deg}30%{rotate:-2.5deg}65%{rotate:2deg}to{rotate:0deg}}@keyframes hint-pulse{0%,to{box-shadow:inset 0 0 0 3px var(--gold-bright), 0 0 0 0 #e0a63c80}50%{box-shadow:inset 0 0 0 3px var(--gold-bright), 0 0 0 10px #e0a63c00}}@keyframes victory-pop{0%{scale:1}45%{scale:1.04}to{scale:1}}@keyframes logo-stamp{0%{opacity:0;transform:scale(.84)rotate(-6deg)}60%{opacity:1;transform:scale(1.04)rotate(1.5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes logo-bob{0%{translate:0;rotate:-.8deg}to{translate:0 -5px;rotate:.8deg}}@keyframes sheet-stagger{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes win-paw-stamp{0%{opacity:0;transform:scale(1.6)}45%{opacity:1;transform:scale(.9,.8)}70%{transform:scale(1.07,1.05)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(1turn)}}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);--btn-edge:var(--line-strong);appearance:none;justify-content:center;align-items:center;gap:var(--space-2xs);min-height:var(--btn-min-block-size);padding:var(--btn-pad-block) var(--space-md);font-weight:700;font-size:var(--text-md);letter-spacing:.01em;text-align:center;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:translate var(--dur) var(--ease-spring), scale var(--dur) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);border-bottom-width:3px;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn:hover:not(:disabled){box-shadow:var(--shadow-md);filter:brightness(1.04);translate:0 -2px}}.btn:active:not(:disabled){box-shadow:none;transition-duration:70ms;transition-timing-function:var(--ease-out);border-bottom-width:1px;margin-bottom:2px;translate:0 2px;scale:.97}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn--primary{--btn-bg:var(--primary);--btn-fg:var(--on-brand);--btn-edge:var(--primary-edge);font-size:var(--text-lg);padding-inline:var(--space-lg)}.btn--quiet{--btn-bg:transparent;--btn-fg:var(--ink-soft);--btn-edge:var(--line-strong);font-size:var(--text-base);box-shadow:none}.btn--start{width:100%}.btn.is-loading{color:#0000;pointer-events:none;position:relative}.btn.is-loading:after{content:"";border:2px solid color-mix(in srgb, var(--btn-fg) 30%, transparent);border-top-color:var(--btn-fg);border-radius:50%;width:20px;height:20px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.icon-btn{appearance:none;width:44px;height:44px;color:var(--brand);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);cursor:pointer;transition:translate var(--dur) var(--ease-spring), scale var(--dur) var(--ease-spring), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-size:1.15rem;line-height:1;display:inline-flex;position:relative}@media (pointer:coarse){.icon-btn{width:46px;height:46px}}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled,[aria-disabled=true]){box-shadow:var(--shadow-md);translate:0 -2px}}.icon-btn:active:not(:disabled,[aria-disabled=true]){box-shadow:none;transition-duration:70ms;transition-timing-function:var(--ease-out);translate:0 1px;scale:.92}.icon-btn:disabled,.icon-btn[aria-disabled=true]{cursor:default;box-shadow:none;background:var(--surface-2);border-style:dashed}.icon-btn:disabled>[aria-hidden=true]:first-child,.icon-btn[aria-disabled=true]>[aria-hidden=true]:first-child{opacity:.45;filter:grayscale()}.icon-btn--accent{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.icon-btn__badge{min-width:20px;height:20px;color:var(--on-brand);background:var(--primary);border-radius:var(--radius-pill);box-shadow:0 0 0 2px var(--paper);place-items:center;padding:0 4px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.icon-btn.is-empty .icon-btn__badge{background:var(--ink-soft);color:var(--surface)}#app{flex-direction:column;flex:1;width:100%;max-width:1400px;min-height:0;margin-inline:auto;display:flex}#app:focus{outline:none}.screen{width:100%;min-height:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;align-items:center;display:flex}.screen>:not(.topbar){animation:screen-in var(--dur) var(--ease-out)}.screen__body{align-items:center;gap:var(--space-2xs);width:100%;min-height:0;padding:var(--space-sm) var(--space-sm) var(--space-md);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.screen__body::-webkit-scrollbar{display:none}@property --scroll-fade{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-fade{0%,85%{--scroll-fade:44px}to{--scroll-fade:0px}}@supports (animation-timeline:scroll()){.screen__body{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self)}}.screen-title{font-family:var(--font-display);font-size:var(--display-sm);color:var(--brand);text-wrap:balance;margin:0;font-weight:700;line-height:1.1}.screen-title:focus{outline:none}.screen-subtitle{margin:0 0 var(--space-2xs);font-size:max(.9375rem, var(--text-base));color:var(--ink-soft);text-align:center;text-wrap:balance}.topbar{width:100%;min-height:var(--topbar-height);align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm);padding-left:max(var(--space-sm), env(safe-area-inset-left));padding-right:max(var(--space-sm), env(safe-area-inset-right));border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(8px);flex:none;grid-template-columns:1fr auto 1fr;display:grid}.topbar__side{align-items:center;gap:var(--space-2xs);min-width:0;display:flex}.topbar__side--end{justify-content:flex-end}.topbar__logo{height:calc(var(--topbar-height) - 2 * var(--space-3xs));object-view-box:inset(7% 18% 9% 18%);justify-self:center;width:auto}.topbar__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--brand);white-space:nowrap;text-overflow:ellipsis;justify-self:center;max-width:100%;margin:0;padding:.05em .2em;font-weight:700;overflow:hidden}.topbar__title:focus{outline:none}.screen--title{justify-content:center;gap:var(--space-sm);background:radial-gradient(ellipse 70% 42% at 50% 34%, color-mix(in srgb, var(--accent) 13%, transparent) 0%, transparent 70%)}.title-strip{justify-content:center;align-items:flex-end;gap:var(--space-2xs);width:fit-content;max-width:100%;padding:var(--space-2xs) var(--space-lg) 0;pointer-events:none;display:flex;position:relative}.title-strip:before{content:"";background-color:color-mix(in srgb, var(--ink-soft) 70%, transparent);height:14px;position:absolute;top:1px;left:0;right:0;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14' preserveAspectRatio='none'><path d='M0 2 Q50 14 100 2' fill='none' stroke='black' stroke-width='1.5' vector-effect='non-scaling-stroke'/></svg>") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14' preserveAspectRatio='none'><path d='M0 2 Q50 14 100 2' fill='none' stroke='black' stroke-width='1.5' vector-effect='non-scaling-stroke'/></svg>") 50%/100% 100% no-repeat}.title-strip:empty:before{display:none}@keyframes title-strip-sway{0%{rotate:calc(var(--tilt) - 1.4deg)}to{rotate:calc(var(--tilt) + 1.4deg)}}.title-strip__item{--print:clamp(46px, 13vw, 84px);--tilt:0deg;rotate:var(--tilt);transform-origin:50% 0;animation:sheet-stagger .52s var(--ease-out) both, title-strip-sway 3.6s var(--ease-in-out) infinite alternate;display:block;position:relative}.title-strip__item:before{--peg:19px;content:"";z-index:1;top:calc(var(--print) * .075 - var(--peg));width:8px;height:var(--peg);box-shadow:0 1px 2px rgb(var(--shadow-color) / .35);background:linear-gradient(#0000 34%,#4a2c16b3 34% 44%,#0000 44%),linear-gradient(90deg,#0000 46%,#4a2c1659 46% 54%,#0000 54%),linear-gradient(90deg,#b67f47,#e0b27a 45%,#c38c52);border-radius:2px 2px 3px 3px;position:absolute;left:50%;translate:-50%}.title-strip__item:first-child{--tilt:-4deg;animation-delay:.18s,-.4s}.title-strip__item:nth-child(2){--tilt:3deg;animation-delay:.25s,-2.1s}.title-strip__item:nth-child(3){--tilt:-2deg;animation-delay:.32s,-1.2s}.title-strip__item:nth-child(4){--tilt:4deg;animation-delay:.39s,-3s}.title-strip__item:nth-child(5){--tilt:-3deg;animation-delay:.46s,-.9s}.title-strip__photo{width:var(--print);aspect-ratio:1;object-fit:cover;height:auto;padding:calc(var(--print) * .1) calc(var(--print) * .06) calc(var(--print) * .18);box-shadow:0 1px 2px rgb(var(--shadow-color) / .18), 0 6px 12px -2px rgb(var(--shadow-color) / .22);background:#fffaf1;border-radius:3px}@media (height<=620px),(width<=340px),(orientation:landscape) and (height<=700px){.title-strip{display:none}}.title-card{isolation:isolate;align-items:center;gap:var(--space-2xs);min-height:0;padding:var(--space-md);text-align:center;flex-direction:column;width:100%;max-width:460px;display:flex;position:relative}.title-strip,.title-footer{flex-shrink:0}.title-logo-wrap{aspect-ratio:1;width:clamp(170px,42vw,290px);max-width:100%;min-height:0;position:relative}.title-logo{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 6px 14px rgb(var(--shadow-color) / .22));animation:logo-stamp .62s var(--ease-spring) both, logo-bob 2.2s var(--ease-in-out) .62s infinite alternate;position:absolute;inset:0}@keyframes title-rays{to{rotate:1turn}}@supports (anchor-name:--a){.title-logo-wrap:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle closest-side,var(--lightningcss-light,#ffde9ebf)var(--lightningcss-dark,#f6ce7833) 0%,var(--lightningcss-light,#efb04638)var(--lightningcss-dark,#f6ce7814) 48%,#0000 100%),repeating-conic-gradient(var(--lightningcss-light,#e0963c21)var(--lightningcss-dark,#f6ce780b) 0deg 5deg,#0000 5deg 15deg);border-radius:50%;animation:150s linear infinite title-rays;position:absolute;inset:-25%;-webkit-mask:radial-gradient(circle closest-side,#000 25%,#0000 100%);mask:radial-gradient(circle closest-side,#000 25%,#0000 100%)}}.title-tagline{margin:0 0 var(--space-sm);font-family:var(--font-display);font-size:var(--text-xl);color:var(--brand)}.title-actions{gap:var(--space-2xs);flex-direction:column;width:100%;max-width:340px;display:flex}.title-sign-in{min-height:40px;padding-inline:var(--space-2xs);font-size:max(.875rem, var(--text-sm));color:var(--accent-ink);text-underline-offset:2px;text-wrap:balance;align-self:center;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@media (orientation:landscape) and (height<=560px){.title-sign-in{display:none}}.title-actions__row{gap:var(--space-2xs);display:flex}.title-actions__row .btn{flex:1}.title-progress{--trail:color-mix(in srgb, var(--ink-faint) 30%, transparent);align-items:center;column-gap:var(--space-3xs);max-width:100%;margin:var(--space-sm) 0 0;min-height:1.4em;padding:3px var(--space-xs) 5px var(--space-2xs);font-size:max(.875rem, var(--text-sm));color:var(--ink-soft);text-wrap:balance;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:auto auto;justify-self:center;row-gap:3px;line-height:1.35;display:grid}.title-progress:before{content:"";background-color:var(--accent-ink);width:1.1em;height:1.1em;-webkit-mask:var(--paw-mask) center / contain no-repeat;-webkit-mask:var(--paw-mask) center / contain no-repeat;mask:var(--paw-mask) center / contain no-repeat;rotate:-12deg}.title-progress.is-complete:before{display:none}.title-progress:after{content:"";background:linear-gradient(to right, var(--gold-bright), var(--accent) calc(var(--solved,0) * 100%), var(--trail) 0);border-radius:999px;grid-column:1/-1;justify-self:stretch;height:5px;margin-top:1px}.title-progress:empty{box-shadow:none;background:0 0;border:0;padding:0}.title-progress:empty:before,.title-progress:empty:after{display:none}.screen--title>.title-card{margin-top:auto}.title-footer{justify-content:center;gap:var(--space-xs);margin-top:auto;display:flex}.title-privacy{padding:var(--space-3xs) var(--space-2xs);font-size:max(.875rem, var(--text-2xs));color:color-mix(in srgb, var(--ink-faint) 90%, var(--ink));text-underline-offset:2px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.title-privacy:hover{color:var(--accent-ink)}}.photo-grid{gap:var(--space-sm) var(--space-xs);width:100%;max-width:900px;padding-bottom:var(--space-sm);grid-template-columns:repeat(2,1fr);align-content:start;display:grid}.photo-card__item{display:contents}.photo-card{cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 1px 1px rgb(var(--shadow-color) / .1), 0 8px 14px -6px rgb(var(--shadow-color) / .28);rotate:var(--tilt,0deg);transition:transform var(--dur) var(--ease-spring), rotate var(--dur) var(--ease-spring), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;padding:0;display:flex;position:relative}.photo-card__item:nth-child(3n+1) .photo-card{--tilt:-1.4deg}.photo-card__item:nth-child(3n+2) .photo-card{--tilt:1deg}.photo-card__item:nth-child(3n+3) .photo-card{--tilt:-.6deg}.photo-card:before{--tape:color-mix(in srgb, var(--gold-bright) 38%, #fff8e8);content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(-45deg, #ffffff38 0 2px, transparent 2px 6px), color-mix(in srgb, var(--tape) 78%, transparent);width:clamp(56px,38%,84px);height:20px;box-shadow:0 1px 2px rgb(var(--shadow-color) / .18);-webkit-mask:conic-gradient(from -45deg at left, #0000 25%, #000 0) left / 51% 4px repeat-y, conic-gradient(from 135deg at right, #0000 25%, #000 0) right / 51% 4px repeat-y;-webkit-mask:conic-gradient(from -45deg at left, #0000 25%, #000 0) left / 51% 4px repeat-y, conic-gradient(from 135deg at right, #0000 25%, #000 0) right / 51% 4px repeat-y;mask:conic-gradient(from -45deg at left, #0000 25%, #000 0) left / 51% 4px repeat-y, conic-gradient(from 135deg at right, #0000 25%, #000 0) right / 51% 4px repeat-y;position:absolute;top:-10px;left:50%;translate:-50%;rotate:-3deg}.photo-card__item:nth-child(3n+2) .photo-card:before{--tape:color-mix(in srgb, var(--accent) 30%, #fff4ea);rotate:2.5deg}.photo-card__item:nth-child(3n+3) .photo-card:before{rotate:-1.5deg}.photo-card__media{aspect-ratio:1;border-radius:calc(var(--radius-lg) - 1px) calc(var(--radius-lg) - 1px) 0 0;background:linear-gradient(110deg, var(--surface-2) 30%, var(--surface) 50%, var(--surface-2) 70%);background-size:220% 100%;display:block;position:relative;overflow:hidden}.photo-card__media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transform:scale(1.02)}.photo-card.is-loaded .photo-card__media img{opacity:1;transform:none}.photo-card__caption{padding:var(--space-2xs) var(--space-xs) var(--space-xs);font-size:max(.9375rem, var(--text-sm));color:var(--ink);text-align:center;font-weight:700;line-height:1.25}.photo-card__best{font-size:max(.875rem, var(--text-2xs));font-variant-numeric:tabular-nums;color:var(--success);margin-top:2px;font-weight:400;display:block}.photo-card__badge{z-index:1;top:var(--space-2xs);right:var(--space-2xs);width:28px;height:28px;color:var(--on-brand);background:var(--success);border-radius:var(--radius-pill);box-shadow:0 1px 3px rgb(var(--shadow-color) / .3);border:2px solid #fff;place-items:center;font-size:.8rem;display:grid;position:absolute;rotate:12deg}.photo-card__badge:not(.is-crown):before{content:"";width:14px;height:14px;-webkit-mask:var(--paw-mask) center / contain no-repeat;-webkit-mask:var(--paw-mask) center / contain no-repeat;mask:var(--paw-mask) center / contain no-repeat;background-color:currentColor}.photo-card__badge.is-crown{background:var(--gold-bright)}.photo-card.is-cleared{border-color:color-mix(in srgb, var(--success) 45%, transparent)}@media (hover:hover) and (pointer:fine){.photo-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-5px)rotate(0)}.photo-card:hover .photo-card__media img{transform:scale(1.05)}}.photo-card:focus-visible{box-shadow:var(--shadow-lg);transform:translateY(-5px)rotate(0)}.select-body{--gutter-start:max(var(--space-sm), env(safe-area-inset-left));--gutter-end:max(var(--space-sm), env(safe-area-inset-right))}.album-panel{flex-direction:column;align-items:center;width:100%;display:flex}.select-body.has-tabs{padding-inline:0;padding-bottom:0;overflow:hidden}.select-body.has-tabs>.screen-title,.select-body.has-tabs>.screen-subtitle{padding-inline:var(--gutter-start) var(--gutter-end);flex:none}.select-body.has-tabs .album-panel{min-height:0;padding:var(--space-xs) var(--gutter-end) var(--space-md) var(--gutter-start);overscroll-behavior:contain;touch-action:manipulation;scrollbar-width:none;flex:1;overflow-y:auto}.select-body.has-tabs .album-panel::-webkit-scrollbar{display:none}@supports (animation-timeline:scroll()){.select-body.has-tabs{-webkit-mask-image:none;mask-image:none}.select-body.has-tabs .album-panel{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self)}}@property --album-fade-start{syntax:"<length>";inherits:false;initial-value:0}@property --album-fade-end{syntax:"<length>";inherits:false;initial-value:0}.album-bar{--album-fade:36px;width:100%;max-width:calc(900px + var(--gutter-start) + var(--gutter-end));flex:none;align-items:stretch;display:flex}.album-bar__viewport{flex:auto;min-width:0;display:flex;position:relative}.album-tabs{gap:var(--space-2xs);min-width:0;padding:6px var(--gutter-end) 6px var(--gutter-start);scroll-padding-inline:max(var(--gutter-start), var(--album-fade)) max(var(--gutter-end), var(--album-fade));overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--album-fade-start), #000 calc(100% - var(--album-fade-end)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--album-fade-start), #000 calc(100% - var(--album-fade-end)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--album-fade-start), #000 calc(100% - var(--album-fade-end)), transparent);transition:--album-fade-start var(--dur) var(--ease-out), --album-fade-end var(--dur) var(--ease-out);flex:auto;display:flex;position:relative;overflow-x:auto}.album-tabs::-webkit-scrollbar{display:none}.album-bar.has-more-start .album-tabs{--album-fade-start:var(--album-fade)}.album-bar.has-more-end .album-tabs{--album-fade-end:var(--album-fade)}.album-bar__step{z-index:1;width:30px;height:30px;color:var(--brand);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);cursor:pointer;place-items:center;padding:0;font-size:1.25rem;font-weight:700;line-height:1;display:none;position:absolute;top:50%;translate:0 -50%}.album-bar__step--start{left:max(4px, calc(var(--gutter-start) - 26px))}.album-bar__step--end{right:4px}@media (hover:hover) and (pointer:fine){.album-bar.has-more-start .album-bar__step--start,.album-bar.has-more-end .album-bar__step--end{display:grid}.album-bar__step:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}}.album-bar__all{appearance:none;min-width:64px;min-height:44px;margin:6px var(--gutter-end) 6px var(--space-3xs);padding:var(--space-3xs) var(--space-2xs);font:inherit;font-size:max(.875rem, var(--text-2xs));color:var(--ink);background:var(--surface-2);border:2px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;font-weight:700;line-height:1.15;display:flex}.album-bar__all-icon{color:var(--accent-ink);flex:none}.album-bar__all-label{white-space:nowrap}@media (hover:hover) and (pointer:fine){.album-bar__all:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}}.album-tab{appearance:none;align-items:center;gap:var(--space-2xs);min-width:136px;max-width:210px;padding:var(--space-3xs) var(--space-sm) var(--space-3xs) var(--space-3xs);font:inherit;text-align:left;color:var(--ink);background:var(--surface-2);border:2px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex:none;grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.album-tab__cover{object-fit:cover;border-radius:var(--radius-xs);background:var(--surface-sunken);width:40px;height:40px}.album-tab__cover.is-missing{visibility:hidden}.album-tab__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.album-tab__title{font-size:max(.9375rem, var(--text-sm));white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.album-tab__count{font-size:max(.875rem, var(--text-2xs));color:var(--ink-soft);font-variant-numeric:tabular-nums}.album-tab__dot{border-radius:var(--radius-pill);background:var(--accent-ink);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface-2);display:none;position:absolute;top:6px;right:6px}.album-tab.has-new .album-tab__dot{display:block}.album-tab.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:var(--accent);box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}@media (hover:hover) and (pointer:fine){.album-tab:not(.is-active):hover{border-color:var(--accent)}}.photo-notice{align-items:center;gap:var(--space-sm);max-width:340px;margin:var(--space-xl) auto;text-align:center;flex-direction:column;display:flex}.photo-notice__text{font-size:max(.9375rem, var(--text-base));color:var(--ink-soft);text-wrap:balance;margin:0}@media (width>=768px){.select-body{--gutter-start:max(var(--space-lg), env(safe-area-inset-left));--gutter-end:max(var(--space-lg), env(safe-area-inset-right))}}@media (orientation:landscape) and (height<=560px){.album-tab{min-width:120px;padding-block:2px}.album-tab__cover{width:30px;height:30px}.album-bar__all{gap:var(--space-3xs);padding-inline:var(--space-xs);font-size:max(.875rem, var(--text-sm));flex-direction:row}.select-body.has-tabs>.screen-subtitle{display:none}}.difficulty-layout{align-items:center;gap:var(--space-sm);flex-direction:column;width:100%;max-width:900px;margin-block:auto;display:flex}.chosen-photo{align-items:center;gap:var(--space-2xs);flex-direction:column;margin:0;display:flex}.chosen-photo img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);border:3px solid var(--surface);width:clamp(110px,30vw,200px);box-shadow:var(--shadow-md);rotate:-1.5deg}.chosen-photo figcaption{font-family:var(--font-display);font-size:var(--text-xl);color:var(--brand)}.difficulty-panel{gap:var(--space-xs);flex-direction:column;width:100%;max-width:520px;display:flex}.difficulty-grid{gap:var(--space-2xs);grid-template-columns:repeat(2,1fr);display:grid}.difficulty-card{appearance:none;padding:var(--space-xs) var(--space-2xs);text-align:center;cursor:pointer;background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-spring), border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);grid-template-rows:auto auto auto auto;gap:1px;display:grid}.difficulty-card.is-active .difficulty-card__preview{box-shadow:inset 0 0 0 1px rgb(var(--shadow-color) / .4), 0 0 0 2px var(--accent)}.difficulty-card__preview{--n:3;aspect-ratio:1;border-radius:var(--radius-xs);background-position:50%;background-size:cover;background-color:var(--surface-2);width:46px;box-shadow:inset 0 0 0 1px rgb(var(--shadow-color) / .4), var(--shadow-sm);justify-self:center;position:relative;overflow:hidden}.difficulty-card__preview:after{content:"";background-image:repeating-linear-gradient(to right, #ffffffd9 0 1px, transparent 1px calc(100% / var(--n))), repeating-linear-gradient(to bottom, #ffffffd9 0 1px, transparent 1px calc(100% / var(--n)));opacity:.75;position:absolute;inset:0}.difficulty-card__name{font-weight:700;font-size:var(--text-md)}.difficulty-icon{vertical-align:-.3em;width:1.3em;height:1.3em;color:var(--brand);display:inline-block}.difficulty-card__grid{font-size:max(.875rem, var(--text-2xs));color:var(--ink-soft)}.difficulty-card__blurb{font-size:max(.875rem, var(--text-2xs));color:var(--ink-soft);display:none}.difficulty-card__record{margin-top:var(--space-3xs);font-size:max(.875rem, var(--text-2xs));color:var(--ink-soft);font-variant-numeric:tabular-nums;text-wrap:balance}.difficulty-card__record.has-record{color:var(--success);font-weight:700}@media (hover:hover) and (pointer:fine){.difficulty-card:hover{border-color:var(--accent);transform:translateY(-2px)}}.difficulty-card.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:var(--accent);box-shadow:var(--shadow-md), inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}@media (width>=480px){.difficulty-card__blurb{display:block}}.difficulty-offline{justify-content:space-between;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-xs);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius-md);display:flex}.difficulty-offline__text{font-size:max(.9375rem, var(--text-sm));color:var(--ink);text-wrap:balance;flex:1;margin:0}.difficulty-offline .btn{flex:none}.difficulty-offline__art{width:52px;height:34px;color:var(--ink-soft);flex:none}.difficulty-offline__collar{stroke:var(--accent)}.difficulty-offline__tag{fill:var(--gold-bright)}.difficulty-offline__paws{fill:var(--accent-ink);opacity:.7}@media (width>=860px),(orientation:landscape) and (height<=560px){.difficulty-layout{justify-content:center;align-items:center;gap:var(--space-xl);flex-direction:row}.chosen-photo img{width:240px}.difficulty-panel{max-width:460px}}@media (orientation:portrait) and (height<=700px){.chosen-photo{gap:var(--space-3xs)}.chosen-photo img{width:clamp(64px,14dvh,110px)}.chosen-photo figcaption{font-size:var(--text-lg);line-height:1.2}.difficulty-card{padding-block:var(--space-2xs)}.difficulty-card__preview{width:36px}}@media (orientation:portrait) and (height<=600px){.screen__body:has(>.difficulty-layout)>.screen-title{font-size:var(--text-xl)}.difficulty-layout{gap:var(--space-2xs)}.chosen-photo img{width:clamp(56px,11dvh,110px)}}@media (orientation:landscape) and (height<=560px){.screen__body{padding:var(--space-2xs) var(--space-sm) var(--space-sm);padding-left:max(var(--space-sm), env(safe-area-inset-left));padding-right:max(var(--space-sm), env(safe-area-inset-right))}.screen-title{font-size:var(--text-xl)}.difficulty-layout{gap:var(--space-md)}.chosen-photo img{width:clamp(88px,36dvh,170px)}.chosen-photo figcaption{font-size:var(--text-lg);line-height:1.2}.difficulty-panel{gap:var(--space-2xs);max-width:600px}.difficulty-grid{grid-template-columns:repeat(4,1fr)}.difficulty-card{padding:var(--space-2xs) var(--space-3xs)}}@media (orientation:landscape) and (height<=560px) and (width<=799px){.difficulty-card__blurb{display:none}}.screen--play{overflow:hidden}.play-layout{justify-content:center;gap:var(--space-2xs);width:100%;min-height:0;padding:var(--space-2xs) var(--play-gutter) var(--space-2xs);padding-left:max(var(--play-gutter), env(safe-area-inset-left));padding-right:max(var(--play-gutter), env(safe-area-inset-right));flex-direction:column;flex:1;display:flex}.board-area{aspect-ratio:1;max-block-size:var(--board-cap);touch-action:none;flex:0 auto;place-items:center;min-width:0;min-height:0;display:grid;container-type:size}.board-area.is-held{transform:translate(0)}.board-frame{inline-size:min(100cqi, 100cqb, var(--board-cap));block-size:min(100cqi, 100cqb, var(--board-cap));position:relative}@supports not (width:1cqi){.board-frame{width:min(96vw,58vh);height:min(96vw,58vh)}}.board{width:100%;height:100%;padding:var(--tile-gap);background:var(--surface-sunken);border:3px solid var(--brand);border-radius:var(--radius-lg);box-shadow:inset 0 2px 10px rgb(var(--shadow-color) / .35), var(--shadow-lg);touch-action:none;transition:box-shadow var(--dur-slow) var(--ease-out);position:relative;overflow:hidden}.board:focus{outline:none}.board.is-solved{box-shadow:inset 0 0 0 2px var(--success), 0 0 0 4px color-mix(in srgb, var(--success) 30%, transparent), var(--shadow-lg)}.board.is-revealed{box-shadow:var(--shadow-lg);transition:border-color .38s var(--ease-out) .32s, border-width .38s var(--ease-out) .32s, box-shadow .38s var(--ease-out) .32s, padding .38s var(--ease-out) .32s;background-position:50%;background-repeat:no-repeat;background-size:cover;border-width:0;border-color:#0000;padding:0}.board.is-revealed .tile{opacity:0;transition:opacity .38s var(--ease-out) .32s}.board.is-revealed .tile:after,.board.is-revealed .tile:before{opacity:0;transition:opacity .2s var(--ease-out)}.board-loading{background:color-mix(in srgb, var(--paper) 88%, transparent);border-radius:var(--radius-lg);z-index:5;place-items:center;display:grid;position:absolute;inset:0}.spinner{border:3px solid color-mix(in srgb, var(--brand) 30%, transparent);border-top-color:var(--brand);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}.board-peek{--peek-w:clamp(84px, 24cqi, 112px);left:50%;bottom:calc(100% - var(--peek-w) * 107 / 1034);z-index:2;width:var(--peek-w);pointer-events:none;opacity:0;height:auto;transition:opacity var(--dur) var(--ease-out);display:block;position:absolute;translate:-50%}.board-frame.has-peek-room .board-peek{opacity:1}.board.is-solved~.board-peek,.board.is-revealed~.board-peek{opacity:0}.tile-row{display:contents}.tile{top:var(--tile-gap);left:var(--tile-gap);width:calc((100% - 2 * var(--tile-gap) - (var(--grid-size) - 1) * var(--tile-gap)) / var(--grid-size));aspect-ratio:1;background-color:var(--surface-sunken);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:translate var(--swap-duration) var(--swap-ease), rotate var(--dur-fast) var(--ease-spring), scale var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);background-repeat:no-repeat;border:0;border-radius:2px;margin:0;padding:0;position:absolute;translate:0;rotate:0deg;scale:1;box-shadow:inset 0 0 0 1px #ffffff0f}.tile:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;box-shadow:var(--home-ring);transition:opacity var(--dur) var(--ease-out);position:absolute;inset:0}.tile.is-home:after{opacity:1;transition-delay:var(--swap-duration)}.tile:before{content:"";aspect-ratio:1;background:var(--home-paw) center / 66% no-repeat, #fffffff0;width:clamp(11px,19%,18px);box-shadow:0 0 0 1.5px var(--home-green), 0 1px 3px #00000059;opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-spring);pointer-events:none;border-radius:50%;position:absolute;bottom:5%;right:5%;transform:scale(.4)}.tile.is-home:before{opacity:1;transition-delay:var(--swap-duration);transform:none}.tile.just-landed:before{animation:paw-stamp var(--land-duration) var(--ease-out) both}@keyframes paw-stamp{0%{opacity:0;transform:scale(.3)rotate(-20deg)}30%{opacity:1;transform:scale(1.35)rotate(3deg)}55%{opacity:1;transform:scale(1)rotate(0)}to{opacity:1;transform:none}}@keyframes tile-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02857)}}.tile:active{cursor:grabbing}.tile:focus-visible{outline:3px solid var(--gold-bright);outline-offset:-3px;z-index:30;box-shadow:inset 0 0 0 6px #1a120cd9,0 0 0 2px #1a120c99}.tile.is-selected{animation:tile-breathe 1.8s var(--ease-in-out) var(--dur-fast) infinite;z-index:25;box-shadow:inset 0 0 0 3px var(--gold-bright), inset 0 0 0 5px #1a120ccc, 0 6px 18px rgb(var(--shadow-color) / .4);filter:saturate(1.1);rotate:1.5deg;scale:1.05}.tile.is-dragging{z-index:40;transition:rotate var(--dur-fast) var(--ease-spring), scale var(--dur-fast) var(--ease-spring), box-shadow var(--dur-fast) var(--ease-out);box-shadow:inset 0 0 0 3px var(--gold-bright), inset 0 0 0 5px #1a120cbf, 0 18px 36px rgb(var(--shadow-color) / .55);filter:brightness(1.06)saturate(1.08);cursor:grabbing;will-change:translate;animation:none;rotate:-2deg;scale:1.13}.tile.is-target{z-index:20;transition:translate .15s var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 0 5px #1a120cb3, 0 0 0 3px color-mix(in srgb, var(--accent) 40%, transparent)}.tile.just-landed{animation:tile-land .26s var(--ease-out);z-index:15}.tile.just-landed:after{animation:home-flash .36s var(--ease-out)}.tile.is-home,.tile.is-home:active{cursor:default}.tile.is-settled{animation:tile-settle .18s var(--ease-out)}.tile.is-settled:after{box-shadow:inset 0 0 0 3px var(--home-green), inset 0 0 0 200px #ffffff24}.tile.is-hinted{animation:hint-pulse .9s var(--ease-in-out) infinite;z-index:22}.tile.is-hinted-target{animation-delay:.45s}.tile.is-victorious{animation:victory-pop .38s var(--ease-out) both;animation-delay:var(--victory-delay,0s)}.board.is-solved .tile{cursor:default}.board.is-solved .tile:after{opacity:0}.hud{justify-content:center;align-items:center;gap:var(--space-2xs) var(--space-sm);width:100%;padding-block:var(--space-2xs);transition:opacity var(--dur) var(--ease-out);flex-wrap:wrap;flex:none;display:flex}.hud.is-muted .stats{opacity:0;pointer-events:none}.reference{appearance:none;aspect-ratio:1;cursor:zoom-in;background:var(--surface);border:2px solid var(--surface);border-radius:var(--radius-md);width:clamp(58px,11vh,108px);box-shadow:var(--shadow-md);transition:transform var(--dur) var(--ease-spring), rotate var(--dur) var(--ease-spring);flex:none;padding:0;position:relative;overflow:hidden;rotate:-2deg}@media (hover:hover) and (pointer:fine){.reference:hover{transform:scale(1.06)rotate(0)}}.reference img{object-fit:cover;border-radius:calc(var(--radius-md) - 3px);width:100%;height:100%}.reference__grid,.peek-frame__grid{--n:4;pointer-events:none;border-radius:inherit;background-image:repeating-linear-gradient(to right, #fffc 0 1px, transparent 1px calc(100% / var(--n))), repeating-linear-gradient(to bottom, #fffc 0 1px, transparent 1px calc(100% / var(--n)));opacity:.65;mix-blend-mode:overlay;position:absolute;inset:0}.peek-frame{width:min(100%,62vh);display:block;position:relative}.peek-frame img{width:100%}.reference__hint{letter-spacing:.04em;color:#fff;opacity:1;transition:opacity var(--dur) var(--ease-out);background:#0009;padding:2px;font-size:.8125rem;font-weight:700;line-height:1.2;position:absolute;inset:auto 0 0}@media (hover:hover) and (pointer:fine){.reference__hint{opacity:0}.reference:hover .reference__hint,.reference:focus-visible .reference__hint{opacity:1}}.stats{justify-content:center;align-items:stretch;gap:var(--space-3xs);min-width:0;transition:opacity var(--dur) var(--ease-out);flex:0 auto;display:flex}.stat{min-width:0;padding:var(--space-3xs) var(--space-2xs);background:linear-gradient(to bottom, var(--surface) 30%, color-mix(in srgb, var(--accent-soft) 14%, var(--surface)));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), inset 0 1px 0 color-mix(in srgb, var(--gold-bright) 40%, transparent);flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.stat:before{content:"";background:var(--paper);border:2px solid color-mix(in srgb, var(--gold-bright) 55%, var(--ink-faint));width:9px;height:9px;box-shadow:inset 0 1px 1px rgb(var(--shadow-color) / .3);pointer-events:none;border-radius:50%;position:absolute;top:-4px;left:50%;translate:-50%}.stat__label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);white-space:nowrap;font-size:.8125rem}.stat__value{font-size:max(1.15rem, var(--text-lg));font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700;line-height:1.15}#stat-time{text-align:center;min-width:2.75em}@media (width>=900px) and (height>=560px),(orientation:landscape) and (height<=560px){#stat-time{text-align:right}}.stat__value.is-over-par{color:var(--accent-ink)}.stat__note{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.8125rem}.stat--ring{justify-content:center;align-items:center;gap:var(--space-2xs);flex-direction:row}.ring-wrap{--ring-label:.8125rem;flex:none;place-items:center;display:grid;position:relative}.ring{width:calc(4.25 * var(--ring-label));height:calc(4.25 * var(--ring-label));transform:rotate(-90deg)}.ring__track{fill:none;stroke:var(--line);stroke-width:6px;stroke-dasharray:var(--ring-dash,1) var(--ring-gap,0);stroke-dashoffset:var(--ring-offset,0)}.ring__value{fill:none;stroke:var(--success);stroke-width:6px}.ring__value.is-bumped{animation:ring-step .38s var(--ease-spring);transform-origin:50%;transform-box:fill-box}@keyframes ring-step{0%{scale:1}40%{scale:1.07}to{scale:1}}.ring__label{font-size:var(--ring-label);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:700;position:absolute}@media (width<=899.98px) and (height>=560.02px){.hud{--hud-row:clamp(80px, 9.5dvh, 92px);column-gap:var(--space-3xs)}.reference{width:auto;height:var(--hud-row);background:var(--surface);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), inset 0 1px 0 color-mix(in srgb, var(--gold-bright) 40%, transparent);padding:3px;rotate:none}.reference img{border-radius:calc(var(--radius-lg) - 4px)}.reference__grid{border-radius:calc(var(--radius-lg) - 4px);inset:3px}.reference__hint{border-radius:0 0 calc(var(--radius-lg) - 4px) calc(var(--radius-lg) - 4px);inset:auto 3px 3px}.stat{min-height:var(--hud-row)}.stat--ring{flex-direction:column;gap:0}.stat__label{line-height:1.2}.coach{flex-basis:100%}}@media (width>=900px) and (height>=560px){.play-layout{justify-content:center;align-items:stretch;gap:var(--space-lg);padding-inline:var(--space-lg);flex-direction:row}.play-layout:before{content:"";flex:0 0 210px;order:-1}.board-area{aspect-ratio:auto;flex:1 1 0;max-block-size:none}.hud{justify-content:center;gap:var(--space-sm);flex-direction:column;flex:0 0 210px;order:0}.reference{width:100%;rotate:-1.5deg}.stats{align-items:stretch;gap:var(--space-2xs);flex-direction:column;width:100%}.stat{justify-content:space-between;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs) var(--space-2xs) 20px;flex-direction:row}.stat--ring{justify-content:space-between}.stat:before{top:50%;left:6px;translate:0 -50%}.stat__value{margin-left:auto}}@media (orientation:landscape) and (height<=560px){:root{--topbar-height:46px}.play-layout{justify-content:center;align-items:stretch;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-2xs) var(--space-2xs);flex-direction:row}.play-layout:before{content:"";flex:0 0 116px;order:-1}.board-area{aspect-ratio:auto;flex:1 1 0;max-block-size:none}.hud{justify-content:center;gap:var(--space-2xs);flex-flow:column;flex:0 0 116px;order:0;min-height:0}.reference{width:54px}.reference__hint{letter-spacing:0;padding-inline:0}.stats{flex-direction:column;align-items:stretch;width:100%}.stat{justify-content:flex-end;gap:0 var(--space-3xs);flex-flow:wrap;min-width:0;padding:2px 6px}.stat__label{margin-right:auto}.stat__note{white-space:nowrap}.stat--ring,.stat:before{display:none}}.overlay{z-index:1000;padding:var(--space-sm);padding-top:max(var(--space-sm), env(safe-area-inset-top));padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom));background:var(--backdrop);-webkit-backdrop-filter:blur(6px);animation:fade-in var(--dur) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sheet{--sheet-pad-b:var(--space-lg);align-items:center;gap:var(--space-sm);width:min(440px,100%);max-height:100%;padding:var(--space-lg) var(--space-md) var(--sheet-pad-b);text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;display:flex;overflow-y:auto}.sheet::-webkit-scrollbar{display:none}.overlay.is-entering .sheet{animation:sheet-in var(--dur-slow) var(--ease-spring)}.overlay.is-entering .sheet--win>*{animation:sheet-stagger .32s var(--ease-out) both}.overlay.is-entering .sheet--win>:first-child{animation-delay:.12s}.overlay.is-entering .sheet--win>:nth-child(2){animation-delay:.16s}.overlay.is-entering .sheet--win>:nth-child(3){animation-delay:.2s}.overlay.is-entering .sheet--win>:nth-child(4){animation-delay:.24s}.overlay.is-entering .sheet--win>:nth-child(5){animation-delay:.28s}.overlay.is-entering .sheet--win>:nth-child(6){animation-delay:.32s}.overlay.is-entering .sheet--win>:nth-child(7){animation-delay:.36s}.sheet__eyebrow{font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin:0;font-weight:700}.sheet__title{font-family:var(--font-display);font-size:var(--display);color:var(--brand);margin:0;line-height:1}.sheet:not(.sheet--win)>.sheet__title:after{content:"";background:var(--accent);opacity:.75;width:76px;height:9px;-webkit-mask:var(--paw-mask) center / 9px 9px no-repeat, linear-gradient(to right, transparent, #000) left center / 28px 2px no-repeat, linear-gradient(to left, transparent, #000) right center / 28px 2px no-repeat;-webkit-mask:var(--paw-mask) center / 9px 9px no-repeat, linear-gradient(to right, transparent, #000) left center / 28px 2px no-repeat, linear-gradient(to left, transparent, #000) right center / 28px 2px no-repeat;mask:var(--paw-mask) center / 9px 9px no-repeat, linear-gradient(to right, transparent, #000) left center / 28px 2px no-repeat, linear-gradient(to left, transparent, #000) right center / 28px 2px no-repeat;margin:3px auto 0;display:block}@media (height<=600px){.sheet:not(.sheet--win)>.sheet__title:after{display:none}}.sheet__text{font-size:max(.9375rem, var(--text-base));color:var(--ink-soft);text-wrap:balance;margin:0}.sheet__actions{justify-content:center;gap:var(--space-2xs);flex-wrap:wrap;width:100%;display:flex}.sheet__actions .btn{flex:auto;min-width:44%}.sheet__actions .btn--primary{flex-basis:100%}.sheet>.sheet__actions:last-child{bottom:calc(-1 * var(--sheet-pad-b));z-index:1;margin-bottom:calc(-1 * var(--sheet-pad-b));padding-block:var(--space-3xs) var(--sheet-pad-b);background:var(--surface);position:sticky}.sheet:has(>.sheet__actions:last-child){scroll-padding-block-end:calc(var(--space-3xs) + var(--btn-row-block-size) + var(--sheet-pad-b))}.sheet--albums{width:min(720px,100%);overflow:hidden}.album-browser{align-content:start;gap:var(--space-xs);overscroll-behavior:contain;touch-action:manipulation;scrollbar-width:none;flex:auto;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));width:100%;min-height:0;margin:0;padding:6px;list-style:none;display:grid;position:relative;overflow-y:auto}.album-browser::-webkit-scrollbar{display:none}@supports (animation-timeline:scroll()){.album-browser{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--scroll-fade)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self)}}.album-card__item{display:flex}.album-card{appearance:none;min-width:0;padding:var(--space-3xs) var(--space-3xs) var(--space-2xs);font:inherit;text-align:left;color:var(--ink);background:var(--surface-2);border:2px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;flex:1;align-items:stretch;gap:2px;display:flex;position:relative}.album-card__cover{aspect-ratio:1;object-fit:cover;width:100%;height:auto;margin-bottom:var(--space-3xs);border-radius:calc(var(--radius-md) - 4px);background:var(--surface-sunken)}.album-card__cover.is-missing{visibility:hidden}.album-card__title{padding-inline:var(--space-3xs);font-size:max(.875rem, var(--text-sm));overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.album-card__count{padding-inline:var(--space-3xs);font-size:max(.875rem, var(--text-2xs));color:var(--ink-soft);font-variant-numeric:tabular-nums}.album-card__dot{border-radius:var(--radius-pill);background:var(--accent-ink);width:11px;height:11px;box-shadow:0 0 0 2px var(--surface-2);display:none;position:absolute;top:10px;right:10px}.album-card.has-new .album-card__dot{display:block}.album-card.is-active{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border-color:var(--accent);box-shadow:var(--shadow-sm), inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}@media (hover:hover) and (pointer:fine){.album-card:not(.is-active):hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}}@media (width<=599px) and (orientation:portrait){.overlay--albums{padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:max(var(--space-xl), env(safe-area-inset-top));align-items:flex-end}.sheet--albums{--sheet-pad-b:max(var(--space-sm), env(safe-area-inset-bottom));width:100%;padding:var(--space-md) var(--space-sm) var(--sheet-pad-b);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0}.sheet--albums .sheet__title{font-size:var(--display-sm)}.album-browser{gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.overlay--albums.is-entering .sheet--albums{animation:win-sheet-in var(--dur-slow) var(--ease-out)}}@media (orientation:landscape) and (height<=560px){.sheet--albums{width:min(760px,100%)}.album-browser{gap:var(--space-2xs);grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.album-card{column-gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm) var(--space-3xs) var(--space-3xs);grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);align-items:center;display:grid}.album-card__cover{grid-row:1/3;width:40px;margin:0}.album-card__title{-webkit-line-clamp:1;line-clamp:1;align-self:end}.album-card__count{align-self:start}.album-card__dot{width:9px;height:9px;top:6px;right:6px}}.stars{align-items:center;gap:var(--space-2xs);font-size:2rem;line-height:1;display:flex}.star{width:1.05em;height:1em;filter:drop-shadow(1.5px 0 0 var(--ink-faint)) drop-shadow(-1.5px 0 0 var(--ink-faint)) drop-shadow(0 1.5px 0 var(--ink-faint)) drop-shadow(0 -1.5px 0 var(--ink-faint));display:block;position:relative;rotate:-8deg;scale:.84}.star:nth-child(2){translate:0 -.08em;rotate:0deg}.star:nth-child(3){rotate:8deg}.star:before{content:"";background:color-mix(in srgb, var(--ink-faint) 14%, var(--surface));-webkit-mask:var(--paw-mask) center / contain no-repeat;-webkit-mask:var(--paw-mask) center / contain no-repeat;mask:var(--paw-mask) center / contain no-repeat;position:absolute;inset:0}.star.is-earned{filter:drop-shadow(1.5px 0 #5a2411)drop-shadow(-1.5px 0 #5a2411)drop-shadow(0 1.5px #5a2411)drop-shadow(0 -1.5px #5a2411)drop-shadow(0 2px 5px #e0a63c80);transform-origin:50% 80%;animation:win-paw-stamp .56s var(--ease-out) both;animation-delay:var(--star-delay,0s);scale:1}.star.is-earned:before{background:var(--gold-bright)}@media (forced-colors:active){.star{filter:none}.star:before{forced-color-adjust:none;background:graytext}.star.is-earned:before{background:canvastext}}.win-caption{font-family:var(--font-display);font-size:var(--text-xl);color:var(--brand);margin:0}.win-caption__note{font-family:var(--font-body);color:var(--ink-soft);margin-top:2px;font-size:.9375rem;line-height:1.3;display:block}.win-stats{column-gap:var(--space-md);padding:var(--space-3xs) var(--space-md);background:var(--surface-2);border-radius:var(--radius-md);grid-template-rows:auto auto;grid-auto-flow:column;justify-content:center;align-items:center;margin:0;line-height:1.15;display:grid}.win-stats dt{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap;font-size:.8125rem}.win-stats dd{font-size:var(--text-md);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:var(--space-3xs);white-space:nowrap;margin:0;font-weight:700;display:flex}@container win-sheet (width<=440px){.win-stats:has(>dt:nth-of-type(3)){grid-template-rows:repeat(4,auto)}}.best-badge{text-transform:uppercase;letter-spacing:.08em;color:var(--on-brand);background:var(--success);border-radius:var(--radius-pill);padding:1px 6px;font-size:.75rem;font-weight:700}.help-list{text-align:left;gap:var(--space-2xs);color:var(--ink-soft);font-size:max(.9375rem, var(--text-sm));flex-direction:column;margin:0;padding-left:1.2em;line-height:1.35;display:flex}.help-list strong{color:var(--ink)}.help-note{font-size:max(.9375rem, var(--text-sm));color:var(--ink-faint);margin:0;line-height:1.35}@media (width<=359px){.overlay:has(>.sheet--scroll){padding-inline:var(--space-2xs)}.sheet.sheet--scroll{padding-inline:var(--space-xs)}}@media (orientation:landscape) and (height<=560px){.sheet.sheet--scroll{--sheet-pad-b:var(--space-xs);gap:var(--space-2xs);padding-block:var(--space-xs) var(--sheet-pad-b)}}.settings-list{gap:var(--space-2xs);flex-direction:column;width:100%;display:flex}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:46px;padding:var(--space-2xs) var(--space-xs);background:var(--surface-2);border-radius:var(--radius-md);cursor:pointer;display:flex}.switch-row--group{cursor:default;flex-wrap:wrap}.switch-row__label{font-size:var(--text-base);font-weight:700}.switch{opacity:0;cursor:pointer;width:46px;height:26px;margin:0;position:absolute}.switch__track{background:var(--surface);border:2px solid var(--ink-soft);border-radius:var(--radius-pill);width:46px;height:26px;transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);flex:none;position:relative}.switch__track:after{content:"";background:var(--ink-soft);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:translate var(--dur-fast) var(--ease-spring), background-color var(--dur-fast) var(--ease-out);border-radius:50%;position:absolute;top:1px;left:1px}.switch:checked+.switch__track{background:var(--success);border-color:var(--success)}.switch:checked+.switch__track:after{background:var(--surface);translate:22px}.switch:focus-visible+.switch__track{outline:3px solid var(--focus-ring);outline-offset:2px}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);gap:2px;padding:3px;display:flex}.segmented__option{appearance:none;min-width:44px;min-height:44px;font-size:max(.875rem, var(--text-sm));color:var(--ink-soft);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;padding:6px 14px;font-weight:700}@media (width<=360px){.settings-list .switch-row--group{gap:var(--space-2xs)}.segmented__option{padding-inline:8px}}.segmented__option.is-active{background:var(--primary);color:var(--on-brand)}.account-row{gap:var(--space-2xs);width:100%;padding:var(--space-2xs) var(--space-xs);text-align:left;background:var(--surface-2);border-radius:var(--radius-md);flex-direction:column;display:flex}.account-row__heading{font-size:var(--text-base);margin:0;font-weight:700}.account-row__body{gap:var(--space-2xs);flex-direction:column;display:flex}.account-row__cta{min-height:44px;color:var(--accent-ink);text-underline-offset:2px;align-items:center;font-weight:700;text-decoration:underline;display:flex}.account-row__who{justify-content:space-between;align-items:baseline;gap:var(--space-3xs) var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.account-row__email{overflow-wrap:anywhere;font-weight:700}.account-row__status{font-size:max(.875rem, var(--text-sm));color:var(--ink-soft)}.account-row__actions{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.account-row__btn{min-height:44px;padding-inline:var(--space-xs);font-size:max(.875rem, var(--text-sm));flex:auto;text-decoration:none}@media (height<=640px){#account-admin{display:none}}.account-row__btn--danger{--btn-fg:var(--danger);--btn-edge:var(--danger)}.coach{max-width:28ch;color:var(--ink-soft);text-align:center;text-wrap:balance;margin:0;font-size:.9375rem;line-height:1.35}.coach.is-dismissed{visibility:hidden}@media (width<=899px){.coach{flex:100%;max-width:none}}@media (orientation:landscape) and (height<=560px){.coach{flex:none;max-width:100%;line-height:1.3}}body:has(>#dialog-win:not(.hidden)) .play-layout.is-finished{justify-content:flex-start}.play-layout.is-finished .hud{opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease-out)}.overlay--win{padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);-webkit-backdrop-filter:none;background:linear-gradient(#1e16100d 0%,#1e161059 55%,#1e16108c 100%);align-items:flex-end}@keyframes win-sheet-in{0%{translate:0 100%}to{translate:0}}@keyframes win-sheet-in-side{0%{translate:100%}to{translate:0}}.overlay--win.is-entering{animation:fade-in var(--win-glide) var(--ease-out)}.overlay--win.is-entering .sheet--win{animation:win-sheet-in var(--win-glide) var(--ease-out)}.sheet--win{--sheet-pad-b:max(var(--space-sm), env(safe-area-inset-bottom));gap:var(--space-2xs);width:min(560px,100%);max-height:min(100%,62dvh);padding:var(--space-sm) var(--space-sm) var(--sheet-pad-b);border-radius:var(--radius-xl) var(--radius-xl) 0 0;place-items:center;column-gap:var(--space-xs);border-bottom:0;grid-template-columns:1fr auto auto 1fr;grid-template-areas:"eyebrow eyebrow eyebrow eyebrow"".title stars.""caption caption caption caption""stats stats stats stats""actions actions actions actions";display:grid;container:win-sheet/inline-size}.sheet--win .sheet__eyebrow{grid-area:eyebrow}.sheet--win .sheet__title{grid-area:title}.sheet--win .stars{grid-area:stars}.sheet--win .win-caption{grid-area:caption}.sheet--win .win-stats{grid-area:stats}.sheet--win .sheet__actions{grid-area:actions}.sheet--win .sheet__eyebrow{font-size:.8125rem;line-height:1.2}.sheet--win .sheet__title{font-size:var(--display-sm);line-height:1.1}.sheet--win .stars{font-size:1.45rem}.sheet--win .win-caption{font-size:var(--text-lg);line-height:1.2}.sheet--win .sheet__actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sheet--win .sheet__actions .btn--primary{grid-column:1/-1}.sheet--win .sheet__actions .btn{min-width:0;padding-inline:var(--space-3xs)}.sheet--win .sheet__actions .btn:not(.btn--primary){font-size:.9375rem}.win-sign-in{justify-content:center;align-items:center;column-gap:var(--space-3xs);color:var(--ink-soft);flex-wrap:wrap;grid-column:1/-1;margin:0;font-size:.875rem;line-height:1.3;display:flex}.win-sign-in__link,.win-sign-in__later{min-height:32px;font:inherit;text-underline-offset:2px;align-items:center;padding:0 2px;font-weight:700;text-decoration:underline;display:inline-flex}.win-sign-in__link{color:var(--accent-ink)}.win-sign-in__later{appearance:none;color:var(--ink-soft);cursor:pointer;background:0 0;border:0}@container win-sheet (width<=317.98px){.win-sign-in__text{text-align:center;flex-basis:100%}.win-sign-in__link,.win-sign-in__later{min-height:24px}}@media (orientation:portrait) and (height<=720px){.sheet--win{padding-top:var(--space-xs)}.sheet--win .sheet__title{font-size:var(--text-xl)}.sheet--win .stars{font-size:1.35rem}}@media (orientation:portrait) and (height<=600px){.sheet--win{max-height:min(100%,66dvh)}}@media (height<=600px){.sheet--win .win-caption:has(>.win-caption__note){font-size:0;line-height:0}.sheet--win .win-caption:has(>.win-caption__note) .win-caption__note{margin-top:0}}@media (orientation:landscape) and (height<=560px){.sheet--win:has(.win-caption__note) .win-sign-in{display:none}}@media (width>=900px) and (height>=561px){.sheet--win{align-items:center;column-gap:var(--space-md);width:min(860px,100%);padding-inline:var(--space-lg);grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"eyebrow eyebrow stats""title stars actions""caption caption actions";display:grid}.sheet--win .sheet__title{justify-self:end}.sheet--win .stars{justify-self:start}.sheet--win .sheet__actions{grid-template-columns:1.3fr repeat(3,minmax(0,1fr))}.sheet--win .sheet__actions .btn--primary{grid-column:auto}}@media (orientation:landscape) and (height<=560px){.overlay--win{padding:var(--space-2xs);padding-right:max(var(--space-2xs), env(safe-area-inset-right));background:linear-gradient(270deg,#1e16108c 0%,#1e16104d 45%,#1e16100d 100%);justify-content:flex-end;align-items:stretch}.sheet--win{--sheet-pad-b:var(--space-sm);width:clamp(260px,100vw - 100dvh + 24px,440px);max-height:100%;padding:var(--space-sm);border-bottom:1px solid var(--line);border-radius:var(--radius-xl);justify-content:safe center}.sheet--win .sheet__title{font-size:var(--text-xl)}.sheet--win .stars{font-size:1.35rem}.sheet--win .win-caption{font-size:1rem}.sheet--win .win-stats{padding-block:2px}.overlay--win.is-entering .sheet--win{animation-name:win-sheet-in-side}body:has(>#dialog-win:not(.hidden)) #screen-play .topbar{opacity:0;transition:opacity var(--dur) var(--ease-out)}body:has(>#dialog-win:not(.hidden)) .play-layout.is-finished:before{flex-basis:0}body:has(>#dialog-win:not(.hidden)) .play-layout.is-finished .board-area{justify-items:start}}.sheet--peek{gap:var(--space-sm);width:min(560px,100%);padding:var(--space-sm);overflow-y:auto}.sheet--peek img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);width:min(100%,62vh);height:auto;box-shadow:var(--shadow-md)}.toast-host{left:50%;top:calc(var(--topbar-height) + var(--space-2xs) + env(safe-area-inset-top));--toast-enter:toast-in-top;z-index:1500;align-items:center;gap:var(--space-2xs);pointer-events:none;flex-direction:column;width:min(92vw,420px);display:flex;position:fixed;translate:-50%}.toast{padding:var(--space-2xs) var(--space-md);text-align:center;color:var(--on-brand);background:var(--brand-deep);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:var(--toast-enter,toast-in) var(--dur) var(--ease-spring);font-size:.9375rem;font-weight:700}.toast--good{background:var(--success)}.toast--warn{background:var(--danger)}.toast.is-leaving{animation:toast-out .2s var(--ease-out) forwards}body:has(.screen--play.is-active):not(:has(>#dialog-win:not(.hidden)))>.toast-host{--toast-enter:toast-in;top:auto;bottom:calc(var(--space-sm) + env(safe-area-inset-bottom))}@media (width>=900px) and (height>=560px){body:has(.screen--play.is-active):not(:has(>#dialog-win:not(.hidden)))>.toast-host{left:var(--space-lg);width:210px;bottom:var(--space-lg);translate:none}}@media (orientation:landscape) and (height<=560px){body:has(.screen--play.is-active):not(:has(>#dialog-win:not(.hidden)))>.toast-host{left:var(--space-2xs);width:116px;bottom:calc(var(--space-2xs) + env(safe-area-inset-bottom));translate:none}body:has(.screen--play.is-active):not(:has(>#dialog-win:not(.hidden)))>.toast-host .toast{padding-inline:var(--space-2xs)}}@media (width>=900px) and (height>=560px),(orientation:landscape) and (height<=560px){body:has(.screen--play.is-active):not(:has(>#dialog-win:not(.hidden)))>.toast-host .toast{border-radius:var(--radius-md)}}@media (width>=768px){.screen__body{padding:var(--space-md) var(--space-lg) var(--space-lg);gap:var(--space-xs)}.photo-grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}.difficulty-grid{gap:var(--space-xs)}}@media (height<=620px){.title-logo-wrap{width:clamp(96px,28vh,200px)}.title-tagline{margin-bottom:var(--space-2xs);font-size:var(--text-lg)}.title-progress{margin-top:var(--space-2xs)}}@media (orientation:landscape) and (height<=560px){.title-card{align-items:center;gap:var(--space-2xs) var(--space-lg);grid-template:"logo actions"minmax(0,1fr)"tagline progress"/minmax(0,1fr) minmax(0,340px);max-width:720px;display:grid}.title-logo-wrap{grid-area:logo;justify-self:center;width:100%;max-width:290px;height:100%;max-height:290px}.title-tagline{grid-area:tagline;margin:0}.title-actions{grid-area:actions}.title-progress{grid-area:progress;margin:0}}@media (height<=600px){.sheet{--sheet-pad-b:var(--space-sm);gap:var(--space-xs);padding:var(--space-sm) var(--space-md) var(--sheet-pad-b)}.sheet--win{padding-inline:var(--space-sm);gap:6px}.sheet__title{font-size:var(--display-sm)}.help-list{gap:var(--space-3xs)}}@media (orientation:landscape) and (height<=560px){.photo-grid{gap:var(--space-sm);grid-template-columns:repeat(4,1fr)}.sheet--settings,.sheet--scroll{width:min(660px,100%)}.sheet--settings{align-items:start;column-gap:var(--space-md);grid-template:"title title""list account"1fr"list actions"/minmax(0,1fr) minmax(0,1fr);display:grid}.sheet--settings>.sheet__title{grid-area:title;justify-self:center}.sheet--settings>.settings-list{grid-area:list}.sheet--settings>.account-row{grid-area:account}.sheet--settings>.sheet__actions:last-child{grid-area:actions;align-self:end;margin-bottom:0;padding-block:0;position:static}.settings-list .switch-row--group{gap:var(--space-2xs);flex-wrap:nowrap}.sheet--settings .segmented__option{padding-inline:8px}}@media (prefers-contrast:more){:root:not([data-theme=dark]){--line:#3a2b2280;--line-strong:#3a2b22cc;--ink-soft:#453529;--ink-faint:#574434}:root[data-theme=dark]{--line:#f3e9db73;--line-strong:#f3e9dbcc;--ink-soft:#ded0be;--ink-faint:#c8b6a2}.tile{box-shadow:inset 0 0 0 1px #00000080}.btn,.icon-btn,.stat{border-width:2px}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root:not([data-theme=light]){--line:#f3e9db73;--line-strong:#f3e9dbcc;--ink-soft:#ded0be;--ink-faint:#c8b6a2}}@media (forced-colors:active){.tile.is-home:after{outline-offset:-3px;outline:3px solid highlight}.tile.is-home:before{forced-color-adjust:none}.tile.is-selected,.tile.is-target,.tile.is-hinted{outline-offset:-4px;outline:4px dashed highlight}.tile:focus-visible{outline-offset:-4px;outline:4px solid highlight}.difficulty-card.is-active,.album-tab.is-active,.album-card.is-active,.segmented__option.is-active,.photo-card.is-cleared{outline-offset:-3px;outline:3px solid highlight}.switch__track{border-color:buttontext}.switch:checked+.switch__track{background:highlight}.switch__track:after{background:buttontext}.switch:checked+.switch__track:after{background:canvas}.ring__value{stroke:highlight}.ring__track{stroke:graytext}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}:root{--swap-duration:90ms}.tile{transition-duration:90ms!important}.tile.is-settled{animation:none!important}.tile.is-hinted{box-shadow:inset 0 0 0 3px var(--gold-bright), 0 0 0 4px #e0a63c80!important;animation:none!important}}