body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2a44;color:var(--color-text,#1f2a44);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-base,"Segoe UI","Helvetica Neue",Arial,sans-serif);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mg-root .mg-game{flex-direction:column}.mg-root .mg-game,.mg-root .mg-toolbar{display:flex;gap:16px;gap:var(--space-md,16px)}.mg-root .mg-toolbar{align-items:flex-end;background:#bed6ff;background:var(--color-surface,#bed6ff);border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:0 12px 38px #4968aa1f;box-shadow:var(--shadow-soft,0 12px 38px #4968aa1f);flex-wrap:wrap;justify-content:space-between;padding:16px;padding:var(--space-md,16px)}.mg-root .mg-controls{display:flex;flex-direction:column;gap:10px;gap:var(--space-sm,10px)}.mg-root .mg-label{color:#1f2a44;color:var(--color-text,#1f2a44);font-weight:700;letter-spacing:.02em}.mg-root .mg-size-options{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-xs,6px)}.mg-root .mg-size-btn{background:#fff;background:var(--color-panel,#fff);border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:14px;border-radius:var(--radius-md,14px);color:#1f2a44;color:var(--color-text,#1f2a44);cursor:pointer;font-weight:700;height:44px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;width:44px}.mg-root .mg-size-btn:hover{box-shadow:0 6px 14px #4968aa29;transform:translateY(-1px)}.mg-root .mg-size-btn.active{background:linear-gradient(135deg,#7ea8f8,#97bafc);background:linear-gradient(135deg,var(--color-accent,#7ea8f8),#97bafc);border-color:#88aefb;color:#0f172a}.mg-root .mg-score{background:#fff;background:var(--color-panel,#fff);border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:0 12px 38px #4968aa1f;box-shadow:var(--shadow-soft,0 12px 38px #4968aa1f);display:flex;flex-direction:column;gap:4px;min-width:160px;padding:10px 16px;padding:var(--space-sm,10px) var(--space-md,16px)}.mg-root .mg-score-label{color:#4b5563;color:var(--color-muted,#4b5563);font-size:.9rem}.mg-root .mg-score-value{font-size:1.9rem;font-weight:700;font-weight:var(--font-weight-strong,700);line-height:1.1}.mg-root .mg-score-subtext{color:#4b5563;color:var(--color-muted,#4b5563);font-size:.95rem}.mg-root .mg-placeholder{background:#fff9;border:1px dashed #a4c4f5;border:1px dashed var(--color-border,#a4c4f5);border-radius:14px;border-radius:var(--radius-md,14px);color:#4b5563;color:var(--color-muted,#4b5563);display:grid;padding:32px;padding:var(--space-xl,32px);place-items:center;text-align:center}.mg-root .mg-grid{--mg-cols:4;grid-gap:10px;grid-gap:var(--space-sm,10px);display:grid;gap:10px;gap:var(--space-sm,10px);grid-template-columns:repeat(var(--mg-cols),minmax(var(--mg-card-min),1fr));justify-content:center;margin:0 auto;max-width:760px}.mg-root .mg-grid,.mg-root .mg-grid[data-size=M],.mg-root .mg-grid[data-size=S]{--mg-card-min:112px}.mg-root .mg-grid[data-size=L]{--mg-card-min:118px}.mg-root .mg-grid[data-size=XL]{--mg-cols:5;--mg-card-min:110px}.mg-root .mg-card{align-items:center;background:#bed6ff;background:var(--color-surface,#bed6ff);border:none;border-radius:14px;border-radius:var(--radius-md,14px);box-shadow:0 10px 26px #4968aa2e;cursor:pointer;display:flex;height:120px;justify-content:center;position:relative;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.mg-root .mg-card:hover:not(:disabled){box-shadow:0 14px 32px #4968aa38;transform:translateY(-2px)}.mg-root .mg-card.is-flipped{background:#fff}.mg-root .mg-card.is-matched{background:linear-gradient(135deg,#7ea8f8,#b3c9fb);background:linear-gradient(135deg,var(--color-accent,#7ea8f8),#b3c9fb);box-shadow:0 12px 30px #7ea8f861}.mg-root .mg-card:disabled{cursor:not-allowed;opacity:.94}.mg-root .mg-card-face{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.mg-root .mg-card-face img{height:72%;object-fit:contain;width:72%}.mg-root .mg-card-back-symbol{color:#1f2a44;color:var(--color-text,#1f2a44);font-size:1.4rem;opacity:.7}.mg-root .mg-overlay{align-items:center;background:#0f172a5c;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--space-md,16px);position:fixed;z-index:30}.mg-root .mg-modal{background:#fff;background:var(--color-panel,#fff);border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:18px;border-radius:var(--radius-lg,18px);box-shadow:0 16px 44px #4968aa47;display:flex;flex-direction:column;gap:10px;gap:var(--space-sm,10px);padding:32px;padding:var(--space-xl,32px);width:min(420px,100%)}.mg-root .mg-modal-title{font-size:1.4rem;margin:0}.mg-root .mg-modal-text{color:#4b5563;color:var(--color-muted,#4b5563);margin:0}.mg-root .mg-modal-actions{display:flex;flex-wrap:wrap;gap:10px;gap:var(--space-sm,10px);margin-top:10px;margin-top:var(--space-sm,10px)}.mg-root .mg-ghost-btn,.mg-root .mg-primary-btn{border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:14px;border-radius:var(--radius-md,14px);cursor:pointer;font-weight:700;padding:10px 16px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.mg-root .mg-primary-btn{background:linear-gradient(135deg,#7ea8f8,#97bafc);background:linear-gradient(135deg,var(--color-accent,#7ea8f8),#97bafc);color:#0f172a}.mg-root .mg-primary-btn:hover{box-shadow:0 10px 22px #7ea8f859;transform:translateY(-1px)}.mg-root .mg-ghost-btn{background:#fff;background:var(--color-panel,#fff);color:#1f2a44;color:var(--color-text,#1f2a44)}.mg-root .mg-ghost-btn:hover{box-shadow:0 8px 18px #4968aa29;transform:translateY(-1px)}@media (max-width:1024px){.mg-root .mg-grid{--mg-card-min:104px}.mg-root .mg-grid[data-size=L]{--mg-card-min:112px}.mg-root .mg-grid[data-size=XL]{--mg-card-min:98px}}@media (max-width:640px){.mg-root .mg-card{height:96px}.mg-root .mg-toolbar{align-items:flex-start}.mg-root .mg-grid{--mg-card-min:84px;grid-template-columns:repeat(auto-fit,minmax(var(--mg-card-min),1fr))}.mg-root .mg-grid[data-size=XL]{--mg-card-min:80px}}.mg-root{background:#0000;color:#1f2a44;color:var(--color-text,#1f2a44);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-family:var(--font-base,"Segoe UI","Helvetica Neue",Arial,sans-serif);min-height:100vh}.mg-root .mg-background{display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-lg,24px)}.mg-root .mg-shell{background:#fff;background:var(--color-panel,#fff);border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:18px;border-radius:var(--radius-lg,18px);box-shadow:0 12px 38px #4968aa26;box-shadow:var(--shadow-soft,0 12px 38px #4968aa26);display:flex;flex-direction:column;gap:22px;gap:var(--space-lg,22px);padding:32px;padding:var(--space-xl,32px);width:min(1080px,100%)}.mg-root .mg-header{display:flex;flex-direction:column;gap:10px;gap:var(--space-sm,10px)}.mg-root .mg-home-link{align-items:center;align-self:flex-start;background:#bed6ff;background:var(--color-surface,#bed6ff);border:1px solid #a4c4f5;border:1px solid var(--color-border,#a4c4f5);border-radius:14px;border-radius:var(--radius-md,14px);color:#1f2a44;color:var(--color-text,#1f2a44);display:inline-flex;font-weight:700;gap:8px;padding:8px 12px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.mg-root .mg-home-link:hover{box-shadow:0 8px 18px #4968aa26;transform:translateY(-1px)}.mg-root .mg-title-block{display:flex;flex-direction:column;gap:6px;gap:var(--space-xs,6px)}.mg-root .mg-eyebrow{color:#4b5563;color:var(--color-muted,#4b5563);font-size:.8rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.mg-root .mg-title{font-size:clamp(26px,3vw + 8px,40px);font-weight:700;font-weight:var(--font-weight-strong,700);margin:0}.mg-root .mg-subtitle{color:#4b5563;color:var(--color-muted,#4b5563);line-height:1.6;margin:0;max-width:720px}@media (max-width:640px){.mg-root .mg-background{padding:16px;padding:var(--space-md,16px)}.mg-root .mg-shell{padding:22px;padding:var(--space-lg,22px)}.mg-root .mg-home-link{font-size:.95rem}.mg-root .mg-title{font-size:clamp(24px,5vw + 6px,32px)}}
/*# sourceMappingURL=main.3b8a5a0b.css.map*/