@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&display=swap";
:root{--mg-teal-50:#e1f5ee;--mg-teal-100:#9fe1cb;--mg-teal-200:#5dcaa5;--mg-teal-400:#1d9e75;--mg-teal-600:#0f6e56;--mg-teal-800:#085041;--mg-teal-900:#04342c;--mg-pink-50:#fbeaf0;--mg-pink-100:#f4c0d1;--mg-pink-200:#ed93b1;--mg-pink-400:#d4537e;--mg-pink-600:#993556;--mg-pink-800:#72243e;--mg-pink-900:#4b1528;--mg-amber-50:#faeeda;--mg-amber-100:#fac775;--mg-amber-400:#ba7517;--mg-amber-600:#854f0b;--mg-amber-800:#633806;--mg-white:#fafdf9;--mg-cream:#f0faf5;--mg-gray-100:#e8f2ed;--mg-gray-400:#7ba898;--mg-gray-800:#2d5a4a;--mg-black:#1d3d2f;--mg-success:var(--mg-teal-400);--mg-warning:var(--mg-amber-400);--mg-danger:var(--mg-pink-400);--mg-info:#378add;--mg-font-sans:"Nunito", "Varela Round", system-ui, -apple-system, sans-serif;--mg-font-mono:"JetBrains Mono", "Fira Code", monospace;--mg-text-xs:11px;--mg-text-sm:13px;--mg-text-base:15px;--mg-text-md:17px;--mg-text-lg:20px;--mg-text-xl:24px;--mg-text-2xl:30px;--mg-text-3xl:38px;--mg-weight-normal:400;--mg-weight-medium:500;--mg-leading-tight:1.25;--mg-leading-normal:1.5;--mg-leading-loose:1.75;--mg-space-1:4px;--mg-space-2:8px;--mg-space-3:12px;--mg-space-4:16px;--mg-space-5:20px;--mg-space-6:24px;--mg-space-8:32px;--mg-space-10:40px;--mg-space-12:48px;--mg-space-16:64px;--mg-radius-sm:6px;--mg-radius-md:10px;--mg-radius-lg:16px;--mg-radius-xl:24px;--mg-radius-pill:999px;--mg-radius-phone:36px;--mg-border-light:.5px solid var(--mg-teal-100);--mg-border-medium:1px solid var(--mg-teal-200);--mg-border-strong:1.5px solid var(--mg-teal-400);--mg-border-pink:.5px solid var(--mg-pink-100);--mg-transition-fast:.1s ease;--mg-transition-base:.2s ease;--mg-transition-slow:.35s ease;--mg-transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;height:100%;font-size:16px}body{font-family:var(--mg-font-sans);font-size:var(--mg-text-base);font-weight:var(--mg-weight-normal);line-height:var(--mg-leading-normal);color:var(--mg-black);background-color:var(--mg-cream);min-height:100%}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.mg-h1{font-size:var(--mg-text-3xl);font-weight:var(--mg-weight-medium);line-height:var(--mg-leading-tight);color:var(--mg-black)}.mg-h2{font-size:var(--mg-text-2xl);font-weight:var(--mg-weight-medium);line-height:var(--mg-leading-tight);color:var(--mg-black)}.mg-h3{font-size:var(--mg-text-xl);font-weight:var(--mg-weight-medium);line-height:var(--mg-leading-tight);color:var(--mg-black)}.mg-h4{font-size:var(--mg-text-lg);font-weight:var(--mg-weight-medium);color:var(--mg-black)}.mg-body{font-size:var(--mg-text-base);font-weight:var(--mg-weight-normal);line-height:var(--mg-leading-loose);color:var(--mg-gray-800)}.mg-body-sm{font-size:var(--mg-text-sm);line-height:var(--mg-leading-normal);color:var(--mg-gray-800)}.mg-caption{font-size:var(--mg-text-xs);color:var(--mg-gray-400);line-height:var(--mg-leading-normal)}.mg-label{font-size:var(--mg-text-sm);font-weight:var(--mg-weight-medium);color:var(--mg-teal-800);letter-spacing:.02em}.mg-title-paw{padding-left:var(--mg-space-6);position:relative}.mg-title-paw:before{content:"🐾";font-size:.85em;position:absolute;top:0;left:0}.mg-text-primary{color:var(--mg-black)}.mg-text-secondary{color:var(--mg-gray-800)}.mg-text-muted{color:var(--mg-gray-400)}.mg-text-teal{color:var(--mg-teal-400)}.mg-text-teal-dark{color:var(--mg-teal-800)}.mg-text-pink{color:var(--mg-pink-400)}.mg-text-amber{color:var(--mg-amber-400)}.mg-text-white{color:var(--mg-white)}.mg-bg-page{background-color:var(--mg-cream)}.mg-bg-surface{background-color:var(--mg-white)}.mg-bg-teal{background-color:var(--mg-teal-400)}.mg-bg-teal-lt{background-color:var(--mg-teal-50)}.mg-bg-teal-dk{background-color:var(--mg-teal-800)}.mg-bg-pink{background-color:var(--mg-pink-400)}.mg-bg-pink-lt{background-color:var(--mg-pink-50)}.mg-bg-amber{background-color:var(--mg-amber-400)}.mg-bg-amber-lt{background-color:var(--mg-amber-50)}.mg-btn{justify-content:center;align-items:center;gap:var(--mg-space-2);font-family:var(--mg-font-sans);font-size:var(--mg-text-base);font-weight:var(--mg-weight-medium);border-radius:var(--mg-radius-pill);cursor:pointer;transition:background-color var(--mg-transition-fast), border-color var(--mg-transition-fast), transform var(--mg-transition-bounce);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;padding:12px 24px;line-height:1;text-decoration:none;display:inline-flex}.mg-btn:active{transform:scale(.97)}.mg-btn-primary{background-color:var(--mg-teal-400);color:var(--mg-white);border-color:var(--mg-teal-400)}.mg-btn-primary:hover{background-color:var(--mg-teal-600);border-color:var(--mg-teal-600)}.mg-btn-secondary{color:var(--mg-teal-400);border-color:var(--mg-teal-400);background-color:#0000}.mg-btn-secondary:hover{background-color:var(--mg-teal-50)}.mg-btn-ghost{color:var(--mg-teal-800);border-color:var(--mg-teal-100);background-color:#0000}.mg-btn-ghost:hover{background-color:var(--mg-teal-50);border-color:var(--mg-teal-200)}.mg-btn-pink{background-color:var(--mg-pink-400);color:var(--mg-white);border-color:var(--mg-pink-400)}.mg-btn-pink:hover{background-color:var(--mg-pink-600);border-color:var(--mg-pink-600)}.mg-btn-sm{font-size:var(--mg-text-sm);padding:8px 16px}.mg-btn-lg{font-size:var(--mg-text-md);padding:16px 32px}.mg-btn-full{width:100%}.mg-btn-icon{border-radius:50%;width:44px;height:44px;padding:0}.mg-badge{align-items:center;gap:var(--mg-space-1);font-size:var(--mg-text-xs);font-weight:var(--mg-weight-medium);border-radius:var(--mg-radius-pill);padding:3px 10px;line-height:1.4;display:inline-flex}.mg-badge-teal{background-color:var(--mg-teal-50);color:var(--mg-teal-800);border:.5px solid var(--mg-teal-100)}.mg-badge-pink{background-color:var(--mg-pink-50);color:var(--mg-pink-800);border:.5px solid var(--mg-pink-100)}.mg-badge-amber{background-color:var(--mg-amber-50);color:var(--mg-amber-800);border:.5px solid var(--mg-amber-100)}.mg-badge-dark{background-color:var(--mg-teal-800);color:var(--mg-teal-50)}.mg-score-badge{align-items:center;gap:var(--mg-space-2);background-color:var(--mg-teal-50);border:var(--mg-border-light);border-radius:var(--mg-radius-md);padding:var(--mg-space-2) var(--mg-space-4);font-size:var(--mg-text-md);font-weight:var(--mg-weight-medium);color:var(--mg-teal-800);display:inline-flex}.mg-timer-badge{align-items:center;gap:var(--mg-space-2);background-color:var(--mg-pink-50);border:var(--mg-border-pink);border-radius:var(--mg-radius-pill);padding:var(--mg-space-2) var(--mg-space-4);font-size:var(--mg-text-sm);font-weight:var(--mg-weight-medium);color:var(--mg-pink-800);display:inline-flex}.mg-card{background-color:var(--mg-white);border:var(--mg-border-light);border-radius:var(--mg-radius-lg);padding:var(--mg-space-5) var(--mg-space-5);overflow:hidden}.mg-game-card{background-color:var(--mg-white);border:var(--mg-border-light);border-radius:var(--mg-radius-lg);transition:transform var(--mg-transition-base), border-color var(--mg-transition-base);cursor:pointer;overflow:hidden}.mg-game-card:hover{border-color:var(--mg-teal-200);transform:translateY(-3px)}.mg-game-card:active{transform:scale(.97)}.mg-game-card__header{background-color:var(--mg-teal-400);padding:var(--mg-space-5) var(--mg-space-4) var(--mg-space-4);color:var(--mg-white)}.mg-game-card__header--pink{background-color:var(--mg-pink-400)}.mg-game-card__header--dark{background-color:var(--mg-teal-800)}.mg-game-card__header--amber{background-color:var(--mg-amber-400)}.mg-game-card__header-title{font-size:var(--mg-text-md);font-weight:var(--mg-weight-medium);color:var(--mg-white);margin-bottom:2px}.mg-game-card__header-type{font-size:var(--mg-text-xs);color:#ffffffb8}.mg-paw-dots{gap:var(--mg-space-1);margin-bottom:var(--mg-space-3);display:flex}.mg-paw-dots span{background-color:#ffffff59;border-radius:50%;width:6px;height:6px;display:block}.mg-game-card__body{padding:var(--mg-space-3) var(--mg-space-4) var(--mg-space-4)}.mg-game-card__desc{font-size:var(--mg-text-sm);color:var(--mg-gray-400);margin-bottom:var(--mg-space-4);line-height:var(--mg-leading-normal)}.mg-memo-card{aspect-ratio:1;border-radius:var(--mg-radius-md);background-color:var(--mg-teal-400);cursor:pointer;transition:background-color var(--mg-transition-base), transform var(--mg-transition-bounce);justify-content:center;align-items:center;font-size:22px;display:flex}.mg-memo-card:hover{transform:scale(1.05)}.mg-memo-card--flipped{background-color:var(--mg-teal-50);border:1.5px solid var(--mg-teal-100)}.mg-memo-card--matched{background-color:var(--mg-teal-100);cursor:default}.mg-stat-card{background-color:var(--mg-teal-50);border-radius:var(--mg-radius-md);padding:var(--mg-space-4)}.mg-stat-card__label{font-size:var(--mg-text-xs);color:var(--mg-gray-400);margin-bottom:var(--mg-space-1)}.mg-stat-card__value{font-size:var(--mg-text-xl);font-weight:var(--mg-weight-medium);color:var(--mg-teal-800)}.mg-games-grid{gap:var(--mg-space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.mg-memo-grid{gap:var(--mg-space-2);grid-template-columns:repeat(4,1fr);display:grid}.mg-memo-grid--6x6{grid-template-columns:repeat(6,1fr)}.mg-stats-grid{gap:var(--mg-space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.mg-navbar{background-color:var(--mg-white);border-top:var(--mg-border-light);padding:var(--mg-space-3) 0 var(--mg-space-4);justify-content:space-around;align-items:center;display:flex}.mg-navbar__item{align-items:center;gap:var(--mg-space-1);color:var(--mg-teal-100);transition:color var(--mg-transition-fast);flex-direction:column;text-decoration:none;display:flex}.mg-navbar__item.is-active,.mg-navbar__item:hover{color:var(--mg-teal-400)}.mg-navbar__icon{font-size:22px}.mg-navbar__label{font-size:10px;font-weight:var(--mg-weight-medium)}.mg-screen-header{background-color:var(--mg-teal-400);padding:var(--mg-space-5) var(--mg-space-5) var(--mg-space-6);color:var(--mg-white)}.mg-screen-header--pink{background-color:var(--mg-pink-400)}.mg-screen-header--dark{background-color:var(--mg-teal-800)}.mg-screen-header--amber{background-color:var(--mg-amber-400)}.mg-screen-header__back{align-items:center;gap:var(--mg-space-2);font-size:var(--mg-text-sm);color:#fffc;margin-bottom:var(--mg-space-4);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;display:flex}.mg-screen-header__title{font-size:var(--mg-text-xl);font-weight:var(--mg-weight-medium);color:var(--mg-white);margin-bottom:2px}.mg-screen-header__subtitle{font-size:var(--mg-text-sm);color:#ffffffb3}.mg-progress{background-color:var(--mg-teal-50);border-radius:var(--mg-radius-pill);height:8px;overflow:hidden}.mg-progress__fill{background-color:var(--mg-teal-400);border-radius:var(--mg-radius-pill);height:100%;transition:width var(--mg-transition-slow)}.mg-progress__fill--pink{background-color:var(--mg-pink-400)}.mg-progress__fill--amber{background-color:var(--mg-amber-400)}.mg-progress-labeled{align-items:center;gap:var(--mg-space-3);display:flex}.mg-progress-labeled .mg-progress{flex:1}.mg-progress-labeled__label{font-size:var(--mg-text-xs);font-weight:var(--mg-weight-medium);color:var(--mg-teal-800);text-align:right;min-width:32px}.mg-lives{gap:var(--mg-space-1);align-items:center;display:flex}.mg-heart{width:22px;height:22px;color:var(--mg-pink-400);font-size:18px;line-height:1}.mg-heart--empty{color:var(--mg-teal-50)}.mg-result-panel{background-color:var(--mg-white);border-radius:var(--mg-radius-xl);border:var(--mg-border-light);padding:var(--mg-space-8) var(--mg-space-6);text-align:center}.mg-result-panel__emoji{margin-bottom:var(--mg-space-4);font-size:56px;display:block}.mg-result-panel__title{font-size:var(--mg-text-2xl);font-weight:var(--mg-weight-medium);color:var(--mg-teal-800);margin-bottom:var(--mg-space-2)}.mg-result-panel__score{font-size:var(--mg-text-3xl);font-weight:var(--mg-weight-medium);color:var(--mg-teal-400);margin-bottom:var(--mg-space-6)}.mg-result-panel__divider{border:none;border-top:var(--mg-border-light);margin:var(--mg-space-5) 0}.mg-result-panel__actions{gap:var(--mg-space-3);flex-direction:column;display:flex}.mg-phone-frame{border-radius:var(--mg-radius-phone);border:7px solid var(--mg-teal-800);background-color:var(--mg-cream);width:300px;position:relative;overflow:hidden}.mg-phone-frame__status-bar{background-color:var(--mg-teal-400);font-size:var(--mg-text-xs);font-weight:var(--mg-weight-medium);color:var(--mg-white);justify-content:space-between;align-items:center;padding:10px 18px 6px;display:flex}.mg-phone-frame__screen{background-color:var(--mg-cream)}.mg-paw-icon{fill:var(--mg-teal-400)}.mg-paw-icon--sm{width:24px;height:24px}.mg-paw-icon--md{width:40px;height:40px}.mg-paw-icon--lg{width:64px;height:64px}.mg-paw-icon--xl{width:96px;height:96px}.mg-paw-icon__pad{fill:var(--mg-teal-100)}.mg-paw-icon--pink{fill:var(--mg-pink-400)}.mg-paw-icon--pink .mg-paw-icon__pad{fill:var(--mg-pink-100)}.mg-paw-icon--light{fill:var(--mg-teal-100)}.mg-paw-icon--light .mg-paw-icon__pad{fill:var(--mg-teal-50)}.mg-paw-icon--white{fill:#ffffff4d}.mg-paw-icon--white .mg-paw-icon__pad{fill:#ffffff26}@keyframes mg-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mg-fade-in{animation:.3s both mg-fade-in}@keyframes mg-bounce-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.07)}to{transform:scale(1)}}.mg-bounce-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both mg-bounce-in}@keyframes mg-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.mg-shake{animation:.35s mg-shake}@keyframes mg-pulse{0%,to{opacity:1}50%{opacity:.6}}.mg-pulse{animation:.8s infinite mg-pulse}@keyframes mg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mg-spin{animation:1s linear infinite mg-spin}@keyframes mg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.mg-float{animation:3s ease-in-out infinite mg-float}.mg-delay-100{animation-delay:.1s}.mg-delay-200{animation-delay:.2s}.mg-delay-300{animation-delay:.3s}.mg-delay-500{animation-delay:.5s}.mg-container{max-width:1100px;padding:0 var(--mg-space-5);margin:0 auto}.mg-container--narrow{max-width:680px}.mg-section{padding:var(--mg-space-10) 0}.mg-divider{border:none;border-top:var(--mg-border-light);margin:var(--mg-space-5) 0}.mg-mt-1{margin-top:var(--mg-space-1)}.mg-mt-2{margin-top:var(--mg-space-2)}.mg-mt-3{margin-top:var(--mg-space-3)}.mg-mt-4{margin-top:var(--mg-space-4)}.mg-mt-6{margin-top:var(--mg-space-6)}.mg-mt-8{margin-top:var(--mg-space-8)}.mg-mb-2{margin-bottom:var(--mg-space-2)}.mg-mb-4{margin-bottom:var(--mg-space-4)}.mg-mb-6{margin-bottom:var(--mg-space-6)}.mg-gap-2{gap:var(--mg-space-2)}.mg-gap-3{gap:var(--mg-space-3)}.mg-gap-4{gap:var(--mg-space-4)}.mg-flex{display:flex}.mg-flex-center{justify-content:center;align-items:center;display:flex}.mg-flex-between{justify-content:space-between;align-items:center;display:flex}.mg-flex-col{flex-direction:column;display:flex}@media (max-width:480px){.mg-games-grid{gap:var(--mg-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.mg-memo-grid{gap:var(--mg-space-1)}.mg-h1{font-size:var(--mg-text-2xl)}.mg-h2{font-size:var(--mg-text-xl)}.mg-btn-lg{font-size:var(--mg-text-base);padding:14px 24px}}@media (min-width:481px) and (max-width:768px){.mg-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:769px){.mg-games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}