:root{--mc-red: #e63946;--mc-red-dark: #c8232f;--mc-red-light: #ff8b93;--mc-red-tint: #ffe3e0;--mc-gold: #d97706;--mc-gold-dark: #b45309;--mc-gold-light: #fbbf24;--mc-cream: #fff6ea;--mc-cream-dark: #ffe9c7;--mc-white: #ffffff;--mc-card-bg: #fffaf2;--mc-ink: #3a2b25;--mc-ink-soft: #7a6a61;--mc-basil: #4c9a2a;--mc-basil-dark: #35721c;--mc-olive: #e6b800;--mc-garlic: #f6ead2;--mc-cheese: #f4c542;--mc-pinenut: #d9b26a;--mc-salt: #eef3f5;--mc-ice: #bfe9f7;--mc-success: #4c9a2a;--mc-error: #e63946;--mc-font-display: "Fredoka", "Baloo 2", system-ui, sans-serif;--mc-font-body: "Nunito", system-ui, sans-serif;--mc-radius-sm: 16px;--mc-radius-md: 24px;--mc-radius-lg: 32px;--mc-border-width: 3px;--mc-shadow-soft: 0 8px 24px rgba(58, 43, 37, .16);--mc-shadow-clay: 0 8px 0 rgba(58, 43, 37, .12), 0 14px 28px rgba(58, 43, 37, .14), inset 0 2px 0 rgba(255, 255, 255, .7);--mc-shadow-pop: 0 5px 0 rgba(0, 0, 0, .2);--mc-space-1: 4px;--mc-space-2: 8px;--mc-space-3: 16px;--mc-space-4: 24px;--mc-space-5: 32px;--mc-space-6: 48px;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at 50% -10%,var(--mc-cream-dark),var(--mc-cream) 60%);color:var(--mc-ink);font-family:var(--mc-font-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3{font-family:var(--mc-font-display);margin:0;color:var(--mc-red-dark)}p{margin:0;line-height:1.5}button{font-family:inherit}.mc-screen{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;margin:0 auto;padding:max(env(safe-area-inset-top),var(--mc-space-4)) var(--mc-space-4) max(env(safe-area-inset-bottom),var(--mc-space-4));gap:var(--mc-space-4);animation:mc-fade-in .35s ease both}@keyframes mc-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mc-card{background:var(--mc-card-bg);border:var(--mc-border-width) solid var(--mc-ink);border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-clay);padding:var(--mc-space-4)}.mc-hand-drawn{filter:url(#mc-wobble)}.mc-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mc-space-2);border:var(--mc-border-width) solid var(--mc-ink);border-radius:999px;padding:16px 32px;font-family:var(--mc-font-display);font-weight:600;font-size:1.15rem;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;-webkit-tap-highlight-color:transparent;min-height:44px}.mc-btn:active{transform:scale(.96) translateY(3px)}.mc-btn--primary{background:var(--mc-red);color:var(--mc-white);box-shadow:var(--mc-shadow-pop),inset 0 2px #ffffff59}.mc-btn--primary:active{box-shadow:0 1px #0003}.mc-btn--secondary{background:var(--mc-card-bg);color:var(--mc-red-dark);box-shadow:0 5px 0 var(--mc-cream-dark)}.mc-btn--secondary:active{box-shadow:0 1px 0 var(--mc-cream-dark)}.mc-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.mc-badge{display:inline-flex;align-items:center;gap:6px;background:var(--mc-card-bg);border:2px solid var(--mc-ink);border-radius:999px;padding:8px 16px;font-family:var(--mc-font-display);font-weight:600;font-size:.85rem;color:var(--mc-ink-soft);box-shadow:0 3px #3a2b251f}.mc-badge--kids{color:var(--mc-basil-dark);background:color-mix(in srgb,var(--mc-basil) 12%,var(--mc-card-bg))}.mc-badge--adults{color:var(--mc-red-dark);background:color-mix(in srgb,var(--mc-red) 10%,var(--mc-card-bg))}.mc-progress-dots{display:flex;gap:8px}.mc-progress-dots span{width:12px;height:12px;border-radius:50%;background:var(--mc-cream-dark);border:2px solid var(--mc-ink);transition:background .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.mc-progress-dots span.is-done{background:var(--mc-gold);transform:scale(1.15)}.mc-mode-card{transition:transform .15s cubic-bezier(.34,1.56,.64,1);width:100%}.mc-mode-card:active{transform:scale(.98)}.mc-game-area{position:relative;width:100%;height:min(62vh,520px);background:linear-gradient(180deg,#cdeaf7 0%,#eaf6fb 55%,var(--mc-cream) 100%);border-radius:var(--mc-radius-lg);border:var(--mc-border-width) solid var(--mc-ink);box-shadow:var(--mc-shadow-clay);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.mc-falling-item{position:absolute;top:-12%;transform:translate(-50%);animation-name:mc-fall;animation-timing-function:linear;animation-fill-mode:forwards;filter:drop-shadow(0 3px 3px rgba(0,0,0,.15))}@keyframes mc-fall{0%{top:-12%}to{top:104%}}.mc-basket-wrap{position:absolute;bottom:22%;transform:translate(-50%);pointer-events:none}.mc-basket-scale{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.mc-game-area.is-flash-correct{box-shadow:0 0 0 6px #4c9a2a8c inset,var(--mc-shadow-soft)}.mc-game-area.is-flash-wrong{box-shadow:0 0 0 6px #e6394699 inset,var(--mc-shadow-soft);animation:mc-shake .35s ease}@keyframes mc-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.mc-puzzle-board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;justify-items:center}.mc-puzzle-card{width:76px;height:94px;border:var(--mc-border-width) solid var(--mc-ink);border-radius:var(--mc-radius-sm);background:var(--mc-card-bg);box-shadow:0 5px #3a2b2524,0 8px 16px #3a2b251a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px;cursor:pointer;position:relative;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.mc-puzzle-card:active{transform:scale(.96)}.mc-puzzle-card__thumb{position:relative;width:66px;height:66px;border-radius:var(--mc-radius-sm);overflow:hidden;border:2px solid var(--mc-cream-dark)}.mc-puzzle-card--locked{opacity:.6;cursor:not-allowed}.mc-puzzle-card--locked .mc-puzzle-card__thumb{filter:grayscale(.6)}.mc-puzzle-card--unlocked{outline:3px solid var(--mc-gold);outline-offset:2px;animation:mc-pulse 1.6s ease-in-out infinite}.mc-puzzle-card--shake{animation:mc-shake .4s ease}.mc-puzzle-card--solved{background:color-mix(in srgb,var(--mc-basil) 14%,var(--mc-card-bg));border-color:var(--mc-basil-dark)}.mc-puzzle-card__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#3a2b2540;border-radius:var(--mc-radius-sm)}.mc-puzzle-card__order{font-family:var(--mc-font-display);font-size:.75rem;font-weight:600;color:var(--mc-ink-soft)}.mc-puzzle-card__label{font-size:.65rem;font-weight:700;color:var(--mc-basil-dark);text-align:center}@keyframes mc-pulse{0%,to{box-shadow:0 0 #d9770666}50%{box-shadow:0 0 0 9px #d9770600}}.mc-puzzle-hint{text-align:center;color:var(--mc-red-dark);font-weight:700;margin-top:var(--mc-space-2)}.mc-puzzle-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a2b258c;display:flex;align-items:center;justify-content:center;padding:var(--mc-space-3);z-index:50}.mc-puzzle-modal__panel{background:var(--mc-card-bg);border:var(--mc-border-width) solid var(--mc-ink);border-radius:var(--mc-radius-lg);padding:var(--mc-space-4);display:flex;flex-direction:column;align-items:center;gap:var(--mc-space-2);position:relative;box-shadow:var(--mc-shadow-clay);max-width:340px;width:100%}.mc-puzzle-modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:2px solid var(--mc-ink);background:var(--mc-white);box-shadow:0 3px #3a2b2533;cursor:pointer;font-weight:800;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.mc-puzzle-modal__close:active{transform:scale(.9)}