:root{--blue-500:#0596d4;--blue-500-a90:#0596d4e6;--blue-500-a10:#0596d41a;--orange-500:#f90;--orange-500-a10:#ff99001a;--text-on-orange:var(--page-dark);--red-500:#f05555;--red-500-a10:#f055551a;--red-700:#c62828;--medal-gold:#f5c542;--medal-gold-rim:#b08000;--medal-silver:#adb5bd;--medal-silver-rim:#6c757d;--medal-bronze:#b5603a;--medal-bronze-rim:#9e5a2e;--medal-gold-light:#ffeba8;--medal-silver-light:#e1e6ea;--medal-bronze-light:#dca288;--seal-gold-mid:#e6be55;--seal-gold-core:#f6de9c;--flame-outer:#c9481a;--flame-core:var(--orange-500);--flame-inner:#ffda7a;--podium-ink-gold:#7a5a00;--podium-ink-silver:#5a6169;--podium-ink-bronze:#8c3d18;--white:#fff;--gray-100:#e9e9e9;--gray-200:#d9d9d9;--gray-500:#6b6b6b;--gray-700:#3c3c3c;--page-light:#f4f7fa;--panel-light:#e9edf1;--key-light:#fdfeff;--page-dark:#12171b;--panel-dark:#1b2126;--key-dark:#262d33;--panel-edge:#ffffffe6;--key-lift:0 1px 3px #14283c14;--cta-lift:0 3px 10px #0596d442;--dark-panel-edge:#ffffff21;--dark-key-lift:inset 0 1px 0 #ffffff29;--dark-cta-lift:0 3px 12px #00000073;--card-lift:0 12px 28px #14283c38;--dark-card-lift:0 12px 28px #0000008c;--dark-surface:var(--page-dark);--dark-text:var(--gray-100);--dark-text-muted:#a8a8a8;--dark-tile-bg-selected:var(--gray-700);--dark-keypad-panel:var(--panel-dark);--dark-key-bg:var(--key-dark);--dark-hover-veil:#ffffff12;--dark-skeleton-sheen:#ffffff1a;--surface:var(--page-light);--text:var(--gray-700);--text-muted:var(--gray-500);--text-brand:var(--blue-500);--text-on-brand:var(--white);--text-expression:var(--orange-500);--link:var(--blue-500);--link-hover:var(--blue-500-a90);--border-brand:var(--blue-500);--surface-danger:var(--red-700);--text-danger:var(--red-700);--tile-bg-selected:var(--gray-200);--tile-outline-active:var(--orange-500);--skeleton-sheen:#ffffff73;--skeleton-sheen-width:120px;--keypad-panel:var(--panel-light);--key-bg:var(--key-light);--control-fg:var(--orange-500);--surface-edge:var(--panel-edge);--surface-key-lift:var(--key-lift);--surface-cta-lift:var(--cta-lift);--surface-card-lift:var(--card-lift);--font-ui:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-wordmark:"Pacifico",cursive;--weight-thin:100;--weight-lighter:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--size-404:148px;--size-milestone:120px;--size-display:64px;--size-wordmark-phone:72px;--size-heading:48px;--size-subheading:36px;--size-title:24px;--size-label:20px;--size-nav:19px;--size-cta:19px;--size-body:16px;--size-caption:14px;--size-fine:12px;--size-verdict:18px;--size-mode-label:11px;--size-expression:min(6vw,22px);--line-height-expression:1.3;--expression-min-height:2.6em;--page-inline:28px;--tile-gap:8px;--tile-size:min(92px,calc(33.33333vw - var(--page-inline)*2/3 - var(--tile-gap)*2/3));--board-width:calc(var(--tile-size)*3 + var(--tile-gap)*2);--tile-ring:3px;--key-height:52px;--key-gap:8px;--submit-height:58px;--tap-target:44px;--new-puzzle-confirm-width:120px;--play-max-width:430px;--cta-max-width:450px;--cta-min-height:54px;--cta-height-phone:56px;--cta-gutter-phone:16px;--content-max-width:350px;--wide-header-height:64px;--wide-inline:32px;--size-nav-wide:26px;--wide-tile-max:96px;--wide-key-height:40px;--wide-submit-height:48px;--wide-gap:16px;--wide-keypad-pad:12px;--size-wordmark-wide:96px;--wide-cta-width:232px;--dialog-width:480px;--dialog-margin:32px;--dialog-pad-top:12px;--dock-width:400px;--radius-none:0;--radius-key:12px;--radius-panel:26px;--radius-banner:10px;--radius-pill:30px;--duration-jiggle:240ms;--duration-sheet:240ms;--duration-press:120ms;--duration-first-flash:420ms;--duration-first-hold:520ms;--duration-bump:450ms;--bump-scale:1.12;--bump-stagger:40ms;--duration-tint:1200ms;--ease-standard:cubic-bezier(0.4,0,0.2,1);--state-disabled-opacity:0.38;--hover-veil:#0000000d;--press-scale:0.97;--scrim:#00000073;color-scheme:light}:root[data-theme=dark]{--surface:var(--dark-surface);--text:var(--dark-text);--text-muted:var(--dark-text-muted);--text-danger:var(--red-500);--podium-ink-gold:#ffd95c;--podium-ink-silver:#bec6cd;--podium-ink-bronze:#ee977c;--tile-bg-selected:var(--dark-tile-bg-selected);--keypad-panel:var(--dark-keypad-panel);--key-bg:var(--dark-key-bg);--hover-veil:var(--dark-hover-veil);--skeleton-sheen:var(--dark-skeleton-sheen);--surface-edge:var(--dark-panel-edge);--surface-key-lift:var(--dark-key-lift);--surface-cta-lift:var(--dark-cta-lift);--surface-card-lift:var(--dark-card-lift);color-scheme:dark}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:100dvh;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}html[data-standalone=true],html[data-standalone=true] body{height:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}html[data-standalone=true] #root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.column{display:flex;flex-direction:column}.karmel-visually-hidden{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@keyframes karmel-skeleton-sweep{0%{transform:translateX(0)}to{transform:translateX(100%)}}.karmel-skeleton{background:var(--tile-bg-selected);display:inline-block;overflow:hidden;position:relative}.karmel-skeleton:after{animation:karmel-skeleton-sweep 1.2s linear -.35s infinite;background-image:linear-gradient(90deg,#0000 0,var(--skeleton-sheen) 50%,#0000 100%);background-position:0 0;background-repeat:no-repeat;background-size:var(--skeleton-sheen-width) 100%;border-radius:inherit;bottom:0;content:"";left:calc(var(--skeleton-sheen-width)*-1);position:absolute;top:0;width:calc(100% + var(--skeleton-sheen-width))}@media (prefers-reduced-motion:reduce){.karmel-skeleton{opacity:.6}.karmel-skeleton:after{content:none}}.karmel-pressable,.karmel-pressable-text{transition:transform var(--duration-press) var(--ease-standard),box-shadow var(--duration-press) var(--ease-standard),background-color var(--duration-press) var(--ease-standard),color var(--duration-press) var(--ease-standard),opacity var(--duration-press) var(--ease-standard)}@media (hover:hover){.karmel-pressable:not(:disabled):hover{box-shadow:inset 0 0 0 999px var(--hover-veil)}.karmel-pressable-text:not(:disabled):hover{opacity:.72}}.karmel-key{box-shadow:var(--surface-key-lift)}.karmel-cta{box-shadow:var(--surface-cta-lift)}@media (hover:hover){.karmel-pressable.karmel-key:not(:disabled):hover{box-shadow:inset 0 0 0 999px var(--hover-veil),var(--surface-key-lift)}.karmel-pressable.karmel-cta:not(:disabled):hover{box-shadow:inset 0 0 0 999px var(--hover-veil),var(--surface-cta-lift)}}.karmel-cta:disabled,.karmel-key:disabled{box-shadow:none}.karmel-pressable-text:not(:disabled):active,.karmel-pressable:not(:disabled):active{transform:scale(var(--press-scale))}.karmel-pressable-text{-webkit-tap-highlight-color:transparent}.karmel-pressable-text:not(:disabled):active{opacity:.72}.karmel-pressable-text:focus-visible,.karmel-pressable:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.karmel-field{background:var(--keypad-panel);border:none;border-radius:var(--radius-key)}.karmel-field::placeholder{color:var(--text-muted);opacity:1}.karmel-field:focus{background:var(--key-bg);box-shadow:0 0 0 2px var(--blue-500);outline:2px solid #0000}.karmel-field[aria-invalid=true]{box-shadow:0 0 0 2px var(--text-danger)}.karmel-prose{cursor:text;-webkit-user-select:text;user-select:text}.karmel-demo-overlay:focus-visible{outline:2px solid var(--blue-500);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.karmel-pressable,.karmel-pressable-text{transition:none}.karmel-pressable-text:not(:disabled):active,.karmel-pressable:not(:disabled):active{transform:none}}.game-screen{--game-chrome-height:460px;--tile-size:max(44px,min(92px,calc(33.33333vw - var(--page-inline)*2/3 - var(--tile-gap)*2/3),calc(100dvh/3 - var(--game-chrome-height)/3 - var(--tile-gap)*2/3)));--board-width:calc(var(--tile-size)*3 + var(--tile-gap)*2);align-items:center;background-color:var(--surface);color:var(--text);display:flex;flex-direction:column;font-family:var(--font-ui);min-height:100vh;min-height:100dvh;text-align:center}html[data-standalone=true] .game-screen{height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none}html[data-standalone=true] .game-topbar{padding-top:calc(14px + env(safe-area-inset-top, 0px))}html[data-standalone=true] .static-page{padding-top:calc(6vh + env(safe-area-inset-top, 0px))}.keypad-panel{background:var(--keypad-panel);border-radius:var(--radius-panel) var(--radius-panel) 0 0;border-top:1px solid var(--surface-edge);isolation:isolate;margin-top:auto;padding:15px 14px 28px;position:relative;width:100%}.keypad-panel:before{background:var(--orange-500-a10);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:-1}@keyframes karmel-panel-tint-a{0%{opacity:0}10%,75%{opacity:1}to{opacity:0}}@keyframes karmel-panel-tint-b{0%{opacity:0}10%,75%{opacity:1}to{opacity:0}}.keypad-panel.karmel-panel-tint-a:before{animation:karmel-panel-tint-a var(--duration-tint) linear}.keypad-panel.karmel-panel-tint-b:before{animation:karmel-panel-tint-b var(--duration-tint) linear}@keyframes karmel-key-bump-a{0%,to{transform:scale(1)}40%{transform:scale(var(--bump-scale))}}@keyframes karmel-key-bump-b{0%,to{transform:scale(1)}40%{transform:scale(var(--bump-scale))}}.karmel-key-bump-a,.karmel-key-bump-b{animation-delay:calc(var(--bump-stagger)*0);animation-delay:calc(var(--bump-index, 0)*var(--bump-stagger));animation-duration:var(--duration-bump);animation-iteration-count:2;animation-timing-function:var(--ease-standard)}.karmel-key-bump-a{animation-name:karmel-key-bump-a}.karmel-key-bump-b{animation-name:karmel-key-bump-b}@media (prefers-reduced-motion:reduce){.karmel-key-bump-a,.karmel-key-bump-b{animation:none}}.game-screen .keypad-panel{margin-inline:auto;max-width:var(--play-max-width)}@media (min-width:430px){.game-screen .keypad-panel{border-left:1px solid var(--surface-edge);border-right:1px solid var(--surface-edge)}}.karmel-collapsible{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--duration-sheet) var(--ease-standard),opacity var(--duration-sheet) var(--ease-standard)}.karmel-collapsible[data-open=true]{grid-template-rows:1fr;opacity:1}.karmel-collapsible>*{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.karmel-collapsible{transition:none}}.game-topbar{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;padding:14px 12px 0;width:100%}.game-home-link{color:var(--text-brand);font-family:var(--font-wordmark);font-size:var(--size-nav);font-weight:var(--weight-medium);gap:6px;justify-self:start;padding:0 4px;text-transform:none}.game-board-button,.game-home-link,.game-new-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:var(--tap-target)}.game-board-button,.game-new-button{border-radius:calc(var(--tap-target)/2);justify-content:center;padding:0;position:relative;width:var(--tap-target)}.game-board-button{color:var(--blue-500);transition:transform var(--duration-press) var(--ease-standard),background-color var(--duration-press) var(--ease-standard)}.game-new-button{background:none;color:var(--orange-500);overflow:hidden;transition:width var(--duration-sheet) var(--ease-standard),background-color var(--duration-sheet) var(--ease-standard),color var(--duration-sheet) var(--ease-standard),transform var(--duration-press) var(--ease-standard)}.game-board-button-locked{color:var(--text-muted);cursor:default;opacity:var(--state-disabled-opacity)}.game-board-note{animation:karmel-note-in var(--duration-sheet) var(--ease-standard);background:var(--keypad-panel);border-radius:var(--radius-banner);box-shadow:0 6px 18px #00000029;color:var(--text-muted);font-family:var(--font-ui);font-size:var(--size-fine);font-weight:var(--weight-bold);line-height:1.35;max-width:62vw;padding:7px 11px;position:absolute;right:0;text-align:left;top:calc(100% + 6px);width:-webkit-max-content;width:max-content;z-index:5}@keyframes karmel-note-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.game-board-note{animation:none}}@media (hover:hover){.game-board-button:not(.game-board-button-locked):not(:disabled):hover{background:var(--blue-500-a10);box-shadow:none}.game-new-button:not(.game-new-button-confirming):not(:disabled):hover{box-shadow:inset 0 0 0 999px var(--orange-500-a10),var(--surface-key-lift)}.game-board-button-locked:not(:disabled):hover{background:none;box-shadow:none}}.game-board-button:not(.game-board-button-locked):not(:disabled):active{background:var(--blue-500-a10)}.game-board-button-locked:not(:disabled):active{background:none;transform:none}.game-new-button:not(.game-new-button-confirming):not(:disabled):active{box-shadow:inset 0 0 0 999px var(--orange-500-a10),var(--surface-key-lift)}.game-new-button-confirming{background:var(--orange-500);color:var(--text-on-orange);width:var(--new-puzzle-confirm-width)}.game-new-button-face{align-items:center;display:flex;font-family:var(--font-ui);font-size:13px;font-weight:var(--weight-regular);inset:0;justify-content:center;position:absolute;transition:opacity var(--duration-sheet) var(--ease-standard);white-space:nowrap}.game-new-button-face-hidden{opacity:0}@media (prefers-reduced-motion:reduce){.game-board-button,.game-new-button,.game-new-button-face{transition:none}}.game-target-slot{margin-top:10px;position:relative}.game-mode-label{color:var(--text-muted);font-size:var(--size-mode-label);font-weight:var(--weight-medium);letter-spacing:.16em;white-space:nowrap}.game-topbar-title{align-items:center;display:flex;justify-content:center;min-width:0}.game-topbar-trailing{align-items:center;display:flex;gap:8px;justify-self:end;position:relative}.home-screen,.static-page{min-height:100vh;min-height:100dvh}html[data-standalone=true] .home-screen,html[data-standalone=true] .static-page{height:100vh;height:100dvh}html[data-standalone=true] .home-screen{overflow:hidden;overscroll-behavior:none}.static-page{align-items:center;color:var(--text);display:flex;flex-direction:column;font-family:var(--font-ui);padding:6vh var(--page-inline) 0;text-align:center}html[data-standalone=true] .static-page{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.page-bottom{align-items:center;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-bottom:24px;padding-top:20px;width:100%}.page-heading{color:var(--text-brand);font-family:var(--font-ui);font-size:var(--size-heading);font-weight:var(--weight-medium);line-height:1.1;margin:0;text-align:center}.game-verdict{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:74px;padding:0 var(--page-inline);width:100%}.karmel-expression{transition:font-size var(--duration-press) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.karmel-expression{transition:none}}@keyframes karmel-jiggle{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}45%{transform:translateX(5px)}70%{transform:translateX(-3px)}}.karmel-tile-reject{animation:karmel-jiggle var(--duration-jiggle) var(--ease-standard);border-color:var(--red-500)!important}@media (prefers-reduced-motion:reduce){.karmel-jiggle{animation:none!important}.karmel-tile-reject{animation:none}}@keyframes karmel-tile-land{0%{background:#0000;border-color:#0000;opacity:0;transform:scale(.4)}55%{background:var(--tile-bg-selected);border-color:var(--orange-500);opacity:1;transform:scale(1.08)}to{background:var(--tile-bg-selected);border-color:#0000;opacity:1;transform:scale(1)}}.karmel-teaser-tile{animation:karmel-tile-land .42s var(--ease-standard) forwards;border:var(--tile-ring) solid #0000;border-radius:var(--radius-none);opacity:0;transform:scale(.4)}@keyframes karmel-tile-land-hold{0%{background:#0000;border-color:#0000;opacity:0;transform:scale(.4)}55%{background:var(--tile-bg-selected);border-color:var(--orange-500);opacity:1;transform:scale(1.08)}to{background:var(--tile-bg-selected);border-color:var(--orange-500);opacity:1;transform:scale(1)}}.karmel-teaser-tile-final{animation-name:karmel-tile-land-hold}@media (prefers-reduced-motion:reduce){.karmel-teaser-tile{animation:none;background:var(--tile-bg-selected);border-color:#0000;opacity:1;transform:none}.karmel-teaser-tile-final{border-color:var(--orange-500)}}@keyframes karmel-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes karmel-sheet-down{to{transform:translateY(110%)}}@keyframes karmel-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes karmel-backdrop-out{to{opacity:0}}.karmel-sheet-backdrop,.karmel-sheet-backdrop-closing{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000061}.karmel-sheet-backdrop{animation:karmel-backdrop-in var(--duration-sheet) var(--ease-standard)}.karmel-sheet-backdrop-closing{animation:karmel-backdrop-out var(--duration-sheet) var(--ease-standard) forwards}.karmel-sheet{animation:karmel-sheet-up var(--duration-sheet) var(--ease-standard)}.karmel-sheet-closing{animation:karmel-sheet-down var(--duration-sheet) var(--ease-standard) forwards}@media (prefers-reduced-motion:reduce){.karmel-sheet,.karmel-sheet-backdrop,.karmel-sheet-backdrop-closing,.karmel-sheet-closing{animation:none}.karmel-sheet-backdrop-closing,.karmel-sheet-closing{visibility:hidden}}.karmel-dialog-backdrop{align-items:center;display:flex;inset:0;justify-content:center;outline:none;padding:var(--dialog-margin);position:fixed;z-index:10}.karmel-dialog{animation:karmel-dialog-in var(--duration-sheet) var(--ease-standard);background:var(--surface);border-radius:var(--radius-panel);box-shadow:var(--surface-card-lift);display:flex;flex-direction:column;gap:26px;max-height:100%;max-width:var(--dialog-width);overflow-x:hidden;overflow-y:auto;padding:var(--dialog-pad-top) var(--page-inline) 28px;width:100%}.karmel-dialog[data-sheet-height]{height:min(600px,100%);overflow-y:hidden}.karmel-dialog-scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}.karmel-dialog-bar{background:inherit;display:flex;justify-content:flex-end;margin:calc(var(--dialog-pad-top)*-1) calc(var(--page-inline)*-1) -18px;padding:var(--dialog-pad-top) 12px 0;position:-webkit-sticky;position:sticky;top:calc(var(--dialog-pad-top)*-1);z-index:1}.karmel-dialog-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;padding:0;width:40px}.karmel-dock{--mark-explanation-bg:var(--surface);animation:karmel-dock-in var(--duration-sheet) var(--ease-standard);background:var(--keypad-panel);border-top-left-radius:var(--radius-panel);bottom:0;display:flex;flex-direction:column;gap:26px;outline:none;padding:var(--dialog-pad-top) var(--page-inline) 24px;position:fixed;right:0;top:var(--wide-header-height);width:var(--dock-width);z-index:10}@keyframes karmel-dialog-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes karmel-dialog-out{to{opacity:0;transform:translateY(12px)}}@keyframes karmel-dock-in{0%{transform:translateX(100%)}to{transform:none}}@keyframes karmel-dock-out{to{transform:translateX(100%)}}.karmel-dialog-closing{animation:karmel-dialog-out var(--duration-sheet) var(--ease-standard) forwards}.karmel-dock-closing{animation:karmel-dock-out var(--duration-sheet) var(--ease-standard) forwards}@media (prefers-reduced-motion:reduce){.karmel-dialog,.karmel-dialog-closing,.karmel-dock,.karmel-dock-closing{animation:none}.karmel-dialog-closing,.karmel-dock-closing{visibility:hidden}}.karmel-tile-reveal{animation:karmel-tile-land .42s var(--ease-standard) both}@media (prefers-reduced-motion:reduce){.karmel-tile-reveal{animation:none}}@keyframes karmel-first-one{12%,62%{background:var(--blue-500);color:var(--text-on-brand)}}@keyframes karmel-first-one-hold{to{background:var(--blue-500);color:var(--text-on-brand)}}.karmel-tile-reveal.karmel-tile-first{animation:karmel-tile-land .42s var(--ease-standard) both,karmel-first-one var(--duration-first-flash) var(--ease-standard),karmel-first-one-hold var(--duration-first-hold) var(--ease-standard) forwards}@media (prefers-reduced-motion:reduce){.karmel-tile-reveal.karmel-tile-first{animation:none}}@keyframes karmel-toast-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.karmel-toast{animation:karmel-toast-in var(--duration-sheet) var(--ease-standard)}@media (prefers-reduced-motion:reduce){.karmel-toast{animation:none}}@keyframes karmel-update-toast-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.karmel-update-toast{align-items:center;animation:karmel-update-toast-in var(--duration-sheet) var(--ease-standard);background:var(--keypad-panel);border-radius:var(--radius-banner);box-shadow:0 6px 18px #00000029;color:var(--text);display:flex;font-size:var(--size-caption);font-weight:var(--weight-medium);gap:4px;left:50%;line-height:1.5;max-width:calc(100vw - 32px);padding:4px 4px 4px 16px;position:fixed;top:calc(16px + env(safe-area-inset-top, 0px));transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:10}.karmel-update-toast>span{margin-right:8px}.karmel-update-toast button{background:none;border:0;cursor:pointer;font:inherit;min-height:44px;padding:0 12px}.karmel-update-toast .karmel-update-toast-later{color:var(--text-muted);font-weight:var(--weight-regular)}.karmel-update-toast .karmel-update-toast-update{color:var(--text);font-weight:var(--weight-bold)}@media (prefers-reduced-motion:reduce){.karmel-update-toast{animation:none}}.karmel-fade-scroller{--fade-length:20px;--fade-top:var(--fade-length);--fade-bottom:0px;-webkit-mask-image:linear-gradient(to bottom,#0000 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),#0000 100%);mask-image:linear-gradient(to bottom,#0000 0,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),#0000 100%);scroll-padding-block:var(--fade-length)}.karmel-board-morph{view-transition-name:karmel-board}::view-transition-group(karmel-board),::view-transition-new(root),::view-transition-old(root){animation-duration:var(--duration-sheet);animation-timing-function:var(--ease-standard)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}}@keyframes karmel-card-deal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.karmel-card-deal{animation:karmel-card-deal .24s var(--ease-standard) backwards}@media (prefers-reduced-motion:reduce){.karmel-card-deal{animation:none}}@keyframes karmel-flame-breath{0%,to{transform:scale(1)}50%{transform:scale(.97,1.06)}}.karmel-flame-breath{animation:karmel-flame-breath 1.4s ease-in-out infinite;transform-origin:50% 92.5%}@media (prefers-reduced-motion:reduce){.karmel-flame-breath{animation:none}}@keyframes karmel-count-stamp{0%{animation-timing-function:linear;opacity:0;transform:scale(3)}12%{animation-timing-function:cubic-bezier(.55,0,1,.45);opacity:1;transform:scale(2.9)}to{opacity:1;transform:none}}.karmel-count-stamp{animation:karmel-count-stamp .38s linear .28s backwards;display:inline-block}@keyframes karmel-after-stamp{0%{opacity:0}}.karmel-after-stamp{animation:karmel-after-stamp .2s ease-out .66s backwards}@keyframes karmel-card-impact{0%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}30%{animation-timing-function:cubic-bezier(.4,0,.2,1);transform:translateY(6px) scale(.97)}to{transform:none}}.karmel-card-impact{animation:karmel-card-impact .28s linear .66s}@keyframes karmel-flame-ignite{0%{opacity:0;transform:scale(.2,.1)}to{opacity:1;transform:none}}.karmel-flame-ignite{animation:karmel-flame-ignite .32s cubic-bezier(0,0,.2,1) .7s backwards;transform-origin:50% 92.5%}@keyframes karmel-path-arrive{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.karmel-path-arrive{animation:karmel-path-arrive .18s ease-out calc(.76s + var(--i)*60ms) backwards}@keyframes karmel-hint-arrive{0%{opacity:0}}.karmel-hint-arrive{animation:karmel-hint-arrive .24s ease-out 2.08s backwards;animation:karmel-hint-arrive .24s ease-out calc(.88s + var(--paths, 20)*60ms) backwards}@keyframes karmel-question-leave{to{opacity:0}}.karmel-question-leave{animation:karmel-question-leave .2s ease-out forwards;pointer-events:none}@media (prefers-reduced-motion:reduce){.karmel-after-stamp,.karmel-card-impact,.karmel-count-stamp,.karmel-flame-ignite,.karmel-hint-arrive,.karmel-path-arrive{animation:none}.karmel-question-leave{animation:none;opacity:0}}@keyframes karmel-odometer-roll{0%{transform:translateY(0)}}.karmel-odometer-strip{animation:karmel-odometer-roll var(--roll-ms) cubic-bezier(.15,.7,.25,1) .28s backwards}@media (prefers-reduced-motion:reduce){.karmel-odometer-strip{animation:none}}.karmel-card-flip{transition:transform .45s var(--ease-standard)}.karmel-card-face{transition:visibility 0s linear 158ms}.karmel-card-face.is-away{visibility:hidden}@media (prefers-reduced-motion:reduce){.karmel-card-face,.karmel-card-flip{transition:none}}.home-wordmark{font-size:var(--size-display)}.home-cta-stack{width:100%}@media (max-width:480px){.home-wordmark{font-size:var(--size-wordmark-phone)}.home-cta-stack{margin-inline:calc(var(--cta-gutter-phone) - var(--page-inline));width:calc(100% + (var(--page-inline) - var(--cta-gutter-phone))*2)}.home-cta-stack .MuiButton-root{height:var(--cta-height-phone);min-height:0;padding-block:0}}@media (pointer:fine) and (min-width:768px){.game-topbar{height:var(--wide-header-height);padding:0 var(--wide-inline)}html[data-standalone=true] .game-topbar{padding-top:0}.game-home-link{font-size:var(--size-nav-wide);padding:0}.game-home-chevron{display:none}.game-screen{--key-height:var(--wide-key-height);--submit-height:var(--wide-submit-height);--game-stack-chrome:393px;--game-chrome-height:calc(var(--wide-header-height) + var(--game-stack-chrome) + var(--wide-gap)*2);--tile-size:max(44px,min(var(--wide-tile-max),calc(100dvh/3 - var(--game-chrome-height)/3 - var(--tile-gap)*2/3)));--board-width:calc(var(--tile-size)*3 + var(--tile-gap)*2)}.game-target-slot{margin-top:max(var(--wide-gap),calc((100dvh - var(--wide-header-height) - var(--game-stack-chrome) - var(--board-width))/2))}.game-screen .keypad-panel{border:1px solid var(--surface-edge);border-radius:var(--radius-panel);margin-bottom:var(--wide-gap);margin-top:var(--wide-gap);padding:var(--wide-keypad-pad)}html[data-standalone=true] .game-screen{overflow-y:auto}.home-wide{--home-group-height:390px;color:var(--text);flex-direction:column;font-family:var(--font-ui);min-height:100vh;min-height:100dvh;text-align:center}.home-wide,.home-wide-header{align-items:center;display:flex}.home-wide-header{align-self:stretch;gap:16px;height:var(--wide-header-height);justify-content:flex-end;padding:0 var(--wide-inline)}.home-wide-gear{align-items:center;background:none;border:none;border-radius:50%;color:var(--link);cursor:pointer;display:flex;height:var(--tap-target);justify-content:center;padding:0;width:var(--tap-target)}.home-wide-main{align-items:center;display:flex;flex-direction:column;padding-bottom:48px;padding-top:max(var(--wide-gap),calc(50dvh - var(--wide-header-height) - var(--home-group-height)/2 - var(--wide-gap)))}.home-wide-wordmark{color:var(--text-brand);font-family:var(--font-wordmark);font-size:var(--size-wordmark-wide);font-weight:var(--weight-medium);line-height:1.2}.home-wide-teaser{margin-top:24px}.home-wide-ctas{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,var(--wide-cta-width));margin:48px 0 24px}}