:root{--color-background:#f3f6fb;--color-surface:#fff;--color-text:#182230;--color-text-muted:#4d5b6c;--color-border:#8a98a8;--color-primary-action:#2856a6;--color-primary-action-text:#fff;--color-secondary-action:#e8eef8;--color-secondary-action-text:#203b68;--color-focus:#b94f00;--color-status:#285d46;--color-status-surface:#e5f4ec;--font-family-base:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-caption:.875rem;--font-size-supporting:1rem;--font-size-body:1.125rem;--font-size-title:clamp(2.25rem, 5vw, 4rem);--line-height-tight:1.1;--line-height-body:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--control-height-min:44px;--control-height-comfortable:48px;--radius-small:.5rem;--radius-medium:.875rem;--radius-large:1.25rem;--shadow-surface:0 .25rem 1rem #1822301a;--page-space-top:max(var(--space-4), env(safe-area-inset-top));--page-space-right:max(var(--space-4), env(safe-area-inset-right));--page-space-bottom:max(var(--space-4), env(safe-area-inset-bottom));--page-space-left:max(var(--space-4), env(safe-area-inset-left));--motion-duration-fast:.12s;--motion-duration-standard:.2s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--shell-width:74rem;--content-width:64rem;--reading-width:48rem}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:.01ms;--motion-duration-standard:.01ms}}html{background:var(--color-background);min-height:100%}*{box-sizing:border-box}body,#root{min-width:320px;min-height:100dvh}body{color:var(--color-text);background:var(--color-background);font-family:var(--font-family-base);font-size:var(--font-size-supporting);line-height:var(--line-height-body);font-synthesis:none;text-rendering:optimizelegibility;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.app-shell{min-height:100dvh;padding:var(--page-space-top) var(--page-space-right) var(--page-space-bottom) var(--page-space-left);flex-direction:column;display:flex}.app-shell-home,.app-shell-game-selection{min-height:100dvh;padding:0;display:block}.app-header{width:min(100%, var(--shell-width));justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);margin-inline:auto;display:flex}.brand,.navigation-link,.action-link{min-width:var(--control-height-min);min-height:var(--control-height-min);border-radius:var(--radius-small);text-align:center;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard), border-color var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.brand{padding-inline:var(--space-3);letter-spacing:-.02em;flex:none;font-size:1.25rem;font-weight:800}.main-navigation,.action-list,.game-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.main-navigation{justify-content:flex-end}.navigation-link{padding-inline:var(--space-3);color:var(--color-text-muted);border:2px solid #0000;font-weight:650;position:relative}.navigation-link.active{border-color:var(--color-primary-action);color:var(--color-primary-action);background:var(--color-secondary-action);box-shadow:inset 0 -3px 0 var(--color-primary-action);font-weight:800}.navigation-link.active span:before{content:"•";margin-inline-end:var(--space-2)}.app-content{width:min(100%, var(--content-width));margin:clamp(var(--space-6), 5vh, var(--space-12)) auto 0}.app-shell-home .app-content,.app-shell-game-selection .app-content{width:100%;min-height:100dvh;margin:0}.game-selection-screen{--game-grid-right:clamp(1rem, 3.936vw, 2.9375rem);color:#43354d;background-color:#e7d1bc;background-position:50%;background-size:cover;min-height:100dvh;position:relative;overflow:hidden}.game-selection-screen:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#fffaf48f,#fffaf429 45%,#fffaf40a);position:absolute;inset:0}.game-selection-screen h1,.game-selection-back,.game-selection-star-balance,.game-selection-grid{z-index:1}.game-selection-screen h1{top:max(2.5rem, calc(env(safe-area-inset-top) + .5rem));color:#43354d;letter-spacing:-.025em;text-align:center;white-space:nowrap;margin:0;font-size:clamp(2rem,3.6vw,2.6875rem);font-weight:800;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.game-selection-back{top:max(1.625rem, calc(env(safe-area-inset-top) + .5rem));left:max(1.875rem, calc(env(safe-area-inset-left) + .5rem));width:4.25rem;min-width:var(--control-height-min);height:4.25rem;min-height:var(--control-height-min);color:#4a3853;cursor:pointer;transition:transform var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard);background:#fffaf4;border:4px solid #d9b18f;border-radius:1.4375rem;place-items:center;padding:0;display:grid;position:absolute;box-shadow:inset 0 0 0 5px #fffaf4,inset 0 0 0 7px #f0d8c4,0 .25rem .5rem #6d4f4833}.game-selection-back:active,.game-selection-card:active{transform:translateY(.125rem)scale(.985)}.game-selection-back:focus-visible,.game-selection-card:focus-visible{outline-offset:4px;outline:4px solid #7e4c8c}.game-selection-back-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px;width:3.375rem;height:3.375rem}.game-selection-star-balance{top:max(1.625rem, calc(env(safe-area-inset-top) + .5rem));right:max(1.875rem, calc(env(safe-area-inset-right) + .5rem));color:#43354d;background:#fffaf4;border:4px solid #d9b18f;border-radius:1.75rem;justify-content:center;align-items:center;gap:.55rem;width:9.625rem;min-height:4.25rem;padding:.25rem .75rem;font-size:2.125rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 5px #fffaf4,inset 0 0 0 7px #f0d8c4,0 .25rem .5rem #6d4f4833}.game-selection-star-icon{fill:#ffc75d;stroke:#b87928;stroke-linejoin:round;stroke-width:2px;width:2.5rem;height:2.5rem}.game-selection-grid{top:clamp(7rem,17.506dvh,9.125rem);right:var(--game-grid-right);width:min(calc(100% - var(--game-grid-right) - 1rem), 51.0625rem);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,3.357dvh,1.75rem) clamp(.5rem,.921vw,.6875rem);margin:0;padding:0;list-style:none;display:grid;position:absolute}.game-selection-grid li{min-width:0}.game-selection-grid li:nth-child(5){grid-area:2/1/auto/3;justify-self:center;width:100%}.game-selection-grid li:nth-child(6){grid-area:2/2/auto/4;justify-self:center;width:100%}.game-selection-grid li:nth-child(7){grid-area:2/3/auto/5;justify-self:center;width:100%}.game-selection-card{--game-card-fill:#f7ddca;--game-card-outline:#d8b18f;--game-card-inner-outline:#efd0b9;width:12.25rem;max-width:100%;min-height:var(--control-height-min);aspect-ratio:196/244;border:5px solid var(--game-card-outline);color:#43354d;cursor:pointer;font:inherit;text-align:center;transition:transform var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard);background:#fffaf4;border-radius:1.75rem;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.25rem;margin-inline:auto;padding:.8rem .45rem 1rem;font-size:clamp(1rem,2.094vw,1.5625rem);font-weight:800;line-height:1.1;display:grid;position:relative;box-shadow:0 .4375rem .4375rem #6d4f4838}.game-selection-card:before{z-index:0;border:2px solid var(--game-card-inner-outline);content:"";background:var(--game-card-fill);border-radius:1.3125rem;position:absolute;inset:.5rem}.game-selection-card>*{z-index:1;position:relative}.game-selection-card img{object-fit:contain;width:min(100%,10.25rem);max-height:9.8125rem;display:block}.game-selection-card>span{white-space:nowrap}.game-selection-card-label-multiline{justify-items:center;min-height:3.5rem;line-height:1.04;display:grid}.game-selection-card-label-multiline>span{display:block}.game-selection-card-lilac{--game-card-fill:#ded1eb;--game-card-outline:#b691c5;--game-card-inner-outline:#c8add8}.game-selection-card-sage{--game-card-fill:#e1e9dd;--game-card-outline:#9eb69b;--game-card-inner-outline:#c2d3bf}.game-selection-card:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.62}.home-screen{--home-grid-left:clamp(1rem, 30.151vw, 22.5rem);--home-grid-right:clamp(1rem, 12.396vw, 9.25rem);color:#43354d;background-color:#e7d1bc;background-position:50%;background-size:cover;min-height:100dvh;position:relative;overflow:hidden}.home-screen:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#fff7eb24,#f7e6d60d);position:absolute;inset:0}.home-screen-title,.home-star-balance,.home-navigation-grid{z-index:1}.home-screen-title{top:max(2.1rem, calc(env(safe-area-inset-top) + .5rem));align-items:flex-start;gap:clamp(.5rem,1.09vw,.8125rem);display:flex;position:absolute;left:clamp(1rem,19.43vw,14.5rem)}.home-screen-title-illustration{object-fit:contain;width:clamp(3rem,5.86vw,4.375rem);height:clamp(3rem,5.86vw,4.375rem)}.home-screen-title h1{letter-spacing:-.025em;margin:0;font-size:clamp(1.75rem,3.015vw,2.25rem);font-weight:800;line-height:1.02;display:grid}.home-screen-title h1 span{white-space:nowrap}.home-star-balance{top:max(2.375rem, calc(env(safe-area-inset-top) + .5rem));right:max(2.25rem, calc(env(safe-area-inset-right) + 1rem));color:#43354d;background:#fff9f1;border:6px solid #fffdf8;border-radius:1.875rem;justify-content:center;align-items:center;gap:.55rem;width:clamp(8.3rem,12.563vw,9.375rem);min-height:clamp(3.5rem,7.914vw,4.125rem);padding:.25rem .75rem;font-size:clamp(1.7rem,2.85vw,2.125rem);font-weight:800;line-height:1;display:inline-flex;position:absolute;box-shadow:inset 0 0 0 2px #d6b18e,0 .25rem .5rem #5d3e312e}.home-star-icon{fill:#ffc55f;stroke:#b77722;stroke-linejoin:round;stroke-width:2px;width:clamp(2rem,3.35vw,2.5rem);height:clamp(2rem,3.35vw,2.5rem)}.home-navigation-grid{top:clamp(8.25rem,21.823dvh,11.375rem);left:var(--home-grid-left);width:min(calc(100% - var(--home-grid-left) - var(--home-grid-right)), 42.875rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3.357dvh,1.75rem) clamp(.75rem,1.34vw,1rem);margin:0;padding:0;list-style:none;display:grid;position:absolute}.home-navigation-grid li{min-width:0}.home-navigation-card{width:100%;min-height:var(--control-height-min);aspect-ratio:218/244;color:#43354d;box-shadow:inset 0 0 0 2px var(--home-card-outline), 0 .35rem .75rem #5339312e;cursor:pointer;font:inherit;text-align:center;transition:transform var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard);border:7px solid #fff9f1;border-radius:clamp(1.45rem,2.345vw,1.75rem);grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.25rem;padding:clamp(.75rem,1.59vw,1.1875rem) clamp(.5rem,1vw,.75rem) clamp(.65rem,1.31vw,.98rem);font-size:clamp(1rem,2.345vw,1.75rem);font-weight:800;line-height:1.1;display:grid}.home-navigation-card:active{box-shadow:inset 0 0 0 2px var(--home-card-outline), 0 .15rem .35rem #53393133;transform:translateY(.125rem)scale(.985)}.home-navigation-card:focus-visible{outline-offset:4px;outline:4px solid #7e4c8c}.home-navigation-card:disabled{cursor:not-allowed;filter:saturate(.55);opacity:.62}.home-navigation-illustration{object-fit:contain;width:min(100%,10.75rem);max-height:9.6rem;display:block}.home-navigation-card-room{--home-card-outline:#d6b18e;background:#f6ddc9}.home-navigation-card-play{--home-card-outline:#b48dc3;background:#ddd0eb}.home-navigation-card-shop,.home-navigation-card-settings{--home-card-outline:#aabda3;background:#e1e9dd}.home-navigation-card-arrange{--home-card-outline:#d6b18e;background:#f5e5d3}.home-navigation-card-collection{--home-card-outline:#b8a5cb;background:#ded8ea}.pwa-notices{width:min(100%, var(--content-width));gap:var(--space-3);margin:var(--space-4) auto 0;display:grid}.pwa-notice{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-medium);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-surface);display:flex}.pwa-notice h2,.pwa-notice p{margin:0}.pwa-notice h2{font-size:var(--font-size-body);line-height:var(--line-height-body)}.pwa-notice-actions{gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}.pwa-notice button{min-width:var(--control-height-min);min-height:var(--control-height-min);padding:var(--space-2) var(--space-4);border:2px solid var(--color-primary-action);border-radius:var(--radius-small);color:var(--color-primary-action-text);background:var(--color-primary-action);font-weight:750}.pwa-notice button:disabled{cursor:progress;opacity:.65}.pwa-notice .secondary-button{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.pwa-notice-error{border-color:var(--color-focus)}.screen-panel{width:min(100%, var(--reading-width));padding:clamp(var(--space-6), 4vw, var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-surface)}.educational-shop-screen{width:min(100%, var(--content-width));gap:var(--space-4);display:grid}.educational-shop-start,.educational-shop-result{max-width:var(--reading-width)}.educational-shop-levels,.educational-shop-choice-actions,.educational-shop-topline,.educational-shop-wallet,.educational-shop-keypad-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.educational-shop-levels{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium)}.educational-shop-levels legend{padding-inline:var(--space-2);font-weight:750}.educational-shop-screen button{min-height:var(--control-height-min);padding:var(--space-2) var(--space-3);border:2px solid var(--color-primary-action);border-radius:var(--radius-small);color:var(--color-primary-action);background:var(--color-surface);font-weight:750}.educational-shop-screen button:disabled{cursor:not-allowed;opacity:.54}.educational-shop-primary-button,.educational-shop-levels .selected{color:var(--color-primary-action-text)!important;background:var(--color-primary-action)!important}.educational-shop-danger-button{border-color:var(--color-focus)!important;color:var(--color-focus)!important}.educational-shop-topline{justify-content:space-between;align-items:center}.educational-shop-phase,.educational-shop-status,.educational-shop-topline p{margin:0}.educational-shop-phase{font-weight:750}.educational-shop-status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);background:var(--color-secondary-action)}.educational-shop-status-error{border:1px solid var(--color-focus)}.educational-shop-trip{gap:var(--space-4);grid-template-columns:minmax(10rem,.65fr) minmax(0,2fr);display:grid}.educational-shop-list,.educational-shop-shelf,.educational-shop-basket,.educational-shop-cash-desk{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-secondary-action))}.educational-shop-list h2,.educational-shop-shelf h2,.educational-shop-basket h2,.educational-shop-cash-desk h2,.educational-shop-dialog h2{margin:0 0 var(--space-2);font-size:var(--font-size-body)}.educational-shop-list ul,.educational-shop-basket ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.educational-shop-shop-floor{gap:var(--space-3);grid-template-columns:minmax(0,1.55fr) minmax(12rem,.8fr);display:grid}.educational-shop-product-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.educational-shop-product{place-items:center;gap:var(--space-1);text-align:center;display:grid;min-height:7.25rem!important}.educational-shop-product strong{color:var(--color-text)}.educational-shop-product-mark{background:var(--color-secondary-action);border:3px solid;border-radius:50%;width:2.3rem;height:2.3rem;display:block}.educational-shop-product-bread{border-radius:1.2rem 1.2rem .7rem .7rem;width:2.65rem}.educational-shop-product-drink{border-radius:.4rem .4rem .7rem .7rem;width:1.65rem}.educational-shop-product-dairy{border-radius:.55rem}.educational-shop-product-snack{border-style:dashed}.educational-shop-basket{align-content:start;gap:var(--space-2);display:grid}.educational-shop-basket li{align-items:center;gap:var(--space-2);grid-template-columns:1.7rem 1fr auto;display:grid}.educational-shop-basket .educational-shop-product-mark{border-width:2px;width:1.45rem;height:1.45rem}.educational-shop-cash-desk{gap:var(--space-3);display:grid}.educational-shop-cash-desk p{margin:0}.educational-shop-keypad{gap:var(--space-2);max-width:25rem;display:grid}.educational-shop-number-buffer{min-height:3rem;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-small);text-align:right;font-size:1.5rem;font-weight:800}.educational-shop-keypad-buttons{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.educational-shop-money-row{align-items:center;gap:var(--space-1) var(--space-2);min-width:min(100%,14rem);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-small);grid-template-columns:auto 1fr;display:grid}.educational-shop-money-row button:last-child{grid-column:1/-1}.educational-shop-dialog-backdrop{z-index:20;padding:var(--space-4);background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.educational-shop-dialog{width:min(100%,28rem);padding:var(--space-5);border-radius:var(--radius-medium);background:var(--color-surface);box-shadow:var(--shadow-surface)}@media (width<=760px){.educational-shop-trip,.educational-shop-shop-floor{grid-template-columns:1fr}.educational-shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.arithmetic-screen{gap:var(--space-4);display:grid}.arithmetic-duration,.arithmetic-expression,.arithmetic-buffer{text-align:center;font-size:clamp(1.5rem,4vw,3rem);font-weight:800}.arithmetic-score,.arithmetic-actions,.arithmetic-comparisons,.arithmetic-keypad{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.arithmetic-score{padding:var(--space-3);border-radius:var(--radius-small);background:var(--color-secondary-action);justify-content:space-between}.arithmetic-buffer{min-height:1.4em;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-medium);display:block}.arithmetic-keypad{max-width:32rem;margin-inline:auto}.arithmetic-keypad button,.arithmetic-actions button,.arithmetic-comparisons button,.arithmetic-primary,.arithmetic-finish,.arithmetic-confirm button,.arithmetic-status button{min-width:var(--control-height-min);min-height:var(--control-height-min);padding:var(--space-2) var(--space-4);border:2px solid var(--color-primary-action);border-radius:var(--radius-small);color:var(--color-primary-action-text);background:var(--color-primary-action);font-weight:750}.arithmetic-keypad button{width:3.5rem;font-size:1.25rem}.arithmetic-actions button:not(.arithmetic-primary),.arithmetic-finish,.arithmetic-confirm button:first-of-type{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.arithmetic-status{margin:0}.arithmetic-status-error{color:var(--color-focus)}.arithmetic-confirm{gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);display:grid}.number-memory-screen{gap:var(--space-4);width:min(100%,58rem);display:grid}.number-memory-length-picker{border:0;min-width:0;margin:0;padding:0}.number-memory-length-picker legend{font-size:var(--font-size-body);margin-block-end:var(--space-3);font-weight:800}.number-memory-length-options,.number-memory-actions,.number-memory-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.number-memory-length-options{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.number-memory-length-option,.number-memory-primary,.number-memory-finish,.number-memory-actions button,.number-memory-keypad button,.number-memory-status button{min-width:var(--control-height-min);min-height:var(--control-height-min);padding:var(--space-2) var(--space-3);border:2px solid var(--color-primary-action);border-radius:var(--radius-small);color:var(--color-primary-action-text);background:var(--color-primary-action);font-weight:750}.number-memory-length-option{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.number-memory-length-option[aria-pressed=true]{color:var(--color-primary-action-text);background:var(--color-primary-action);box-shadow:inset 0 0 0 3px var(--color-surface)}.number-memory-length-option:disabled,.number-memory-primary:disabled,.number-memory-finish:disabled,.number-memory-actions button:disabled,.number-memory-keypad button:disabled,.number-memory-status button:disabled{cursor:not-allowed;opacity:.55}.number-memory-meta{padding:var(--space-3);border-radius:var(--radius-small);background:var(--color-secondary-action);justify-content:space-between;align-items:center}.number-memory-visible,.number-memory-feedback{justify-items:center;gap:var(--space-3);min-height:13rem;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-secondary-action);text-align:center;align-content:center;display:grid}.number-memory-feedback{color:var(--color-status);background:var(--color-status-surface);font-size:var(--font-size-body)}.number-memory-countdown,.number-memory-entry-prompt{margin:0;font-weight:800}.number-memory-countdown{font-size:clamp(1.25rem,3vw,1.8rem)}.number-memory-code-cells{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(2.8rem,1fr));width:min(100%,48rem);display:grid}.number-memory-code-cell{min-width:0;min-height:clamp(3.75rem,10vw,6rem);padding:var(--space-2);border:2px solid var(--color-primary-action);border-radius:var(--radius-medium);color:var(--color-primary-action);background:var(--color-surface);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(2rem,6vw,4rem);font-weight:900;display:grid}.number-memory-answer-cell{border-color:var(--color-border);min-height:clamp(3.5rem,8vw,5rem);color:var(--color-text);font-size:clamp(1.7rem,5vw,3rem)}.number-memory-keypad{grid-template-columns:repeat(5, minmax(var(--control-height-min), 1fr));gap:var(--space-2);width:min(100%,27rem);margin-inline:auto;display:grid}.number-memory-keypad button{padding-inline:var(--space-2);font-size:1.25rem}.number-memory-actions{justify-content:center}.number-memory-actions button:not(.number-memory-primary),.number-memory-finish,.number-memory-dialog .number-memory-actions button:first-child{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.number-memory-status{margin:0}.number-memory-status-error{color:var(--color-focus)}.number-memory-dialog-backdrop{z-index:20;padding:var(--page-space-top) var(--page-space-right) var(--page-space-bottom) var(--page-space-left);background:#1822308c;place-items:center;display:grid;position:fixed;inset:0}.number-memory-dialog{gap:var(--space-4);width:min(100%,30rem);padding:var(--space-6);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-surface);display:grid}.number-memory-dialog h2,.number-memory-dialog p{margin:0}.page-header{gap:var(--space-2);display:grid}.eyebrow,.page-description,.status-message{margin:0}.eyebrow{color:var(--color-text-muted);font-size:var(--font-size-caption);letter-spacing:.06em;text-transform:uppercase;font-weight:750}h1{font-size:var(--font-size-title);line-height:var(--line-height-tight);margin:0}.page-description{max-width:42rem;color:var(--color-text-muted);font-size:var(--font-size-body)}.status-message{width:fit-content;margin-block:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);color:var(--color-status);background:var(--color-status-surface);font-weight:700}.action-link{padding:var(--space-2) var(--space-4);border:2px solid var(--color-primary-action);color:var(--color-primary-action-text);background:var(--color-primary-action);font-weight:750}.action-link-secondary{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.action-list,.game-list{margin-block:var(--space-6)}.game-list>li{display:flex}.sudoku-screen{width:100%}.sudoku-size-picker{min-width:0;margin:var(--space-6) 0;border:0;padding:0}.sudoku-size-picker legend{font-size:var(--font-size-body);margin-block-end:var(--space-3);font-weight:800}.sudoku-size-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sudoku-size-option,.sudoku-action,.sudoku-digit,.sudoku-status button{min-width:var(--control-height-min);min-height:var(--control-height-min);border:2px solid var(--color-primary-action);border-radius:var(--radius-small);color:var(--color-secondary-action-text);background:var(--color-secondary-action);font-weight:750}.sudoku-size-option{gap:var(--space-1);padding:var(--space-3) var(--space-4);text-align:start;display:grid}.sudoku-size-option strong{font-size:1.5rem}.sudoku-size-option[aria-pressed=true]{color:var(--color-primary-action-text);background:var(--color-primary-action);box-shadow:inset 0 0 0 3px var(--color-surface)}.sudoku-inline-actions,.sudoku-game-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.sudoku-action{padding:var(--space-2) var(--space-4);color:var(--color-primary-action-text);background:var(--color-primary-action)}.sudoku-action-secondary{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.sudoku-action-danger{color:#70281e;background:#fff0ed;border-color:#984234}.sudoku-size-option:disabled,.sudoku-action:disabled,.sudoku-digit:disabled,.sudoku-status button:disabled{cursor:not-allowed;opacity:.55}.sudoku-message,.sudoku-success-message,.sudoku-resume-card p,.sudoku-dialog p,.sudoku-control-hint{margin:0}.sudoku-message,.sudoku-success-message,.sudoku-resume-card{margin-block:var(--space-6)}.sudoku-message-error,.sudoku-status-error{color:#70281e;background:#fff0ed}.sudoku-success-message{padding:var(--space-4);border:2px solid var(--color-status);border-radius:var(--radius-medium);color:var(--color-status);background:var(--color-status-surface);font-size:var(--font-size-body);font-weight:800}.sudoku-resume-card{gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-primary-action);border-radius:var(--radius-medium);background:var(--color-secondary-action);display:grid}.sudoku-resume-card h2{margin:0}.sudoku-play-screen{gap:var(--space-4);display:grid}.sudoku-play-heading{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sudoku-play-heading h1{font-size:clamp(1.8rem,4vw,2.75rem)}.sudoku-play-layout{align-items:start;gap:var(--space-6);grid-template-columns:minmax(19.25rem,31rem) minmax(13.75rem,1fr);display:grid}.sudoku-board{aspect-ratio:1;grid-template-columns:repeat(var(--sudoku-size), minmax(0, 1fr));border:3px solid var(--color-text);background:var(--color-text);width:clamp(19.25rem,48vw,31rem);max-width:100%;display:grid}.sudoku-cell{min-width:var(--control-height-min);min-height:var(--control-height-min);border:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text);background:var(--color-surface);border-radius:0;padding:0;font-size:clamp(1.2rem,3vw,2rem);font-weight:750;position:relative}.sudoku-cell-given:disabled{color:var(--color-text);opacity:1;background:#dfe6ef;font-weight:900}.sudoku-cell-editable{color:var(--color-primary-action)}.sudoku-cell-selected{z-index:1;outline:4px double var(--color-focus);outline-offset:-5px;box-shadow:inset 0 0 0 3px var(--color-surface)}.sudoku-cell-block-right{border-right:3px solid var(--color-text)}.sudoku-cell-block-bottom{border-bottom:3px solid var(--color-text)}.sudoku-controls{gap:var(--space-4);min-width:0;display:grid}.sudoku-control-hint{color:var(--color-text-muted);font-weight:700}.sudoku-keypad{grid-template-columns:repeat(4, minmax(var(--control-height-min), 1fr));gap:var(--space-2);display:grid}.sudoku-digit{padding:var(--space-2);color:var(--color-primary-action-text);background:var(--color-primary-action);font-size:1.35rem}.sudoku-game-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sudoku-status{min-height:var(--control-height-min);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);color:var(--color-status);background:var(--color-status-surface);font-weight:700;display:flex}.sudoku-status button{padding-inline:var(--space-3);flex:none}.sudoku-dialog-backdrop{z-index:20;padding:var(--page-space-top) var(--page-space-right) var(--page-space-bottom) var(--page-space-left);background:#1822308c;place-items:center;display:grid;position:fixed;inset:0}.sudoku-dialog{gap:var(--space-4);width:min(100%,30rem);padding:var(--space-6);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-surface);display:grid}.sudoku-dialog h2{margin:0}.viewport-message{z-index:10;padding:var(--page-space-top) var(--page-space-right) var(--page-space-bottom) var(--page-space-left);color:var(--color-text);background:var(--color-background);text-align:center;align-content:center;justify-items:center;display:none;position:fixed;inset:0}.viewport-message p{max-width:32rem;margin:0;font-size:1.5rem;font-weight:800}.viewport-message span{max-width:32rem;color:var(--color-text-muted);font-size:var(--font-size-body);margin-block-start:var(--space-2)}@media (orientation:portrait){.portrait-message{display:grid}}@media (orientation:landscape) and (width<=639px),(orientation:landscape) and (height<=359px){.compact-landscape-message{display:grid}}@media (orientation:landscape) and (height<=600px){.app-shell{--page-space-top:max(var(--space-3), env(safe-area-inset-top));--page-space-bottom:max(var(--space-3), env(safe-area-inset-bottom))}.app-header{align-items:flex-start}.app-content{margin-block-start:var(--space-4)}.screen-panel{padding:var(--space-6)}.sudoku-play-layout{align-items:start}}@media (width<=760px){.pwa-notice{flex-direction:column;align-items:stretch}.pwa-notice-actions{flex:auto}.sudoku-play-layout{grid-template-columns:1fr}.sudoku-board{margin-inline:auto}.number-memory-length-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sequence-screen{gap:var(--space-4);width:min(100%,70rem);display:grid}.sequence-meta,.sequence-actions{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-small);background:var(--color-secondary-action);flex-wrap:wrap;display:flex}.sequence-mode-picker{gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-medium);margin:0;display:grid}.sequence-mode-picker legend{padding:0 var(--space-1);font-weight:800}.sequence-mode-options{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sequence-mode-option{min-height:var(--control-height-min);gap:var(--space-1);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-small);color:var(--color-text);background:var(--color-surface);font:inherit;text-align:left;display:grid}.sequence-mode-option[aria-pressed=true]{border-color:var(--color-primary-action);box-shadow:0 0 0 3px var(--color-focus)}.sequence-mode-option:not(:disabled){cursor:pointer}.sequence-prompt,.sequence-retry{text-align:center;margin:0;font-weight:800}.sequence-row,.sequence-options{gap:var(--space-2);display:grid}.sequence-row{grid-template-columns:repeat(6,minmax(0,1fr))}.sequence-options{grid-template-columns:repeat(4,minmax(0,1fr))}.sequence-card,.sequence-option,.sequence-correct-token{min-width:0;min-height:7rem;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);text-align:center;place-items:center;display:grid}.sequence-option{min-height:8rem;color:var(--color-text);font:inherit;font-weight:750}.sequence-option:not(:disabled){cursor:pointer;border-color:var(--color-primary-action)}.sequence-option:disabled{cursor:not-allowed;opacity:.65}.sequence-option-wrong{text-decoration:line-through}.sequence-option-correct,.sequence-correct-token{border-color:var(--color-status);background:var(--color-status-surface)}.sequence-missing{color:var(--color-primary-action);border-style:dashed;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.sequence-token-number{font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,4vw,3rem);font-weight:900}.sequence-token-symbol,.sequence-token-color,.sequence-token-shape,.sequence-token-direction,.sequence-token-composite{justify-items:center;gap:var(--space-1);display:grid}.sequence-token-symbol{font-weight:900}.sequence-color-swatch{border:2px solid;border-radius:50%;width:2.25rem;height:2.25rem;display:block}.sequence-color-blue{color:#1459a6;fill:#1459a6;background:#1459a6}.sequence-color-green{color:#237a38;fill:#237a38;background:#237a38}.sequence-color-red{color:#b72834;fill:#b72834;background:#b72834}.sequence-color-yellow{color:#8b6700;fill:#8b6700;background:#f3cb35}.sequence-shape{background:currentColor;width:2.75rem;height:2.75rem;display:block}.sequence-shape-circle{border-radius:50%}.sequence-shape-diamond{transform:rotate(45deg)scale(.72)}.sequence-shape-triangle{background:0 0;border-bottom:2.75rem solid;border-left:1.5rem solid #0000;border-right:1.5rem solid #0000;width:0;height:0}.sequence-direction{fill:currentColor;width:3rem;height:3rem}.sequence-token-composite .sequence-shape{color:inherit}.sequence-explanation{justify-items:center;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);text-align:center;display:grid}.sequence-explanation-success{border-color:var(--color-status);background:var(--color-status-surface)}.sequence-primary,.sequence-finish,.sequence-status button,.sequence-actions button{min-width:var(--control-height-min);min-height:var(--control-height-min);padding:var(--space-2) var(--space-4);border:2px solid var(--color-primary-action);border-radius:var(--radius-small);color:var(--color-primary-action-text);background:var(--color-primary-action);font-weight:750}.sequence-finish,.sequence-actions button:first-child{color:var(--color-secondary-action-text);background:var(--color-secondary-action)}.sequence-status{margin:0}.sequence-status-error{color:var(--color-focus)}.sequence-dialog-backdrop{z-index:20;padding:var(--space-4);background:#0006;place-items:center;display:grid;position:fixed;inset:0}.sequence-dialog{gap:var(--space-3);width:min(100%,30rem);padding:var(--space-5);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-surface);display:grid}.sequence-dialog h2,.sequence-dialog p{margin:0}.build-word-row,.build-word-bank,.build-word-option-grid{gap:var(--space-3);margin:var(--space-4) 0;display:grid}.build-word-row{grid-template-columns:repeat(8,minmax(44px,1fr))}.build-word-option-grid{grid-template-columns:repeat(3,minmax(44px,1fr));max-width:30rem}.build-word-row button,.build-word-bank button,.build-word-option-grid button{min-width:44px;min-height:44px;font-size:clamp(1.4rem,3vw,2.4rem)}.build-word-fixed{border-style:double}.build-word-option-grid button[aria-pressed=true]{outline:3px solid var(--color-accent)}.build-word-result{gap:var(--space-3);margin:var(--space-4) 0;display:grid}.build-word-result div{align-items:baseline;gap:var(--space-3);justify-content:space-between;display:flex}.build-word-result dt,.build-word-result dd{margin:0}.build-word-result dd{font-size:1.2rem;font-weight:700}@media (width<=760px){.sequence-mode-options{grid-template-columns:1fr}.sequence-row{grid-template-columns:repeat(3,minmax(0,1fr))}.sequence-options{grid-template-columns:repeat(2,minmax(0,1fr))}}