:root{--green-dark:#066728;--green-dark-deep:#054e1f;--green-bright:#01b602;--green-lime:#72d216;--white:#fff;--ink:#063a17;--shadow-card:0 6px 14px #042e1459;--radius-card:16px;--font-display:"Baloo 2", system-ui, sans-serif;--font-body:"Nunito", system-ui, sans-serif;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--green-dark-deep);color:var(--white);margin:0}button{font-family:inherit}:focus-visible{outline:3px solid var(--green-lime);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.stage{background:var(--green-dark);flex-direction:column;width:100%;min-height:100svh;display:flex;position:relative}.timer-bar{align-items:center;gap:12px;padding:16px 0 4px;display:flex}.timer-bar__track{background:#fff3;border-radius:999px;flex:1;height:9px;overflow:hidden}.timer-bar__fill{background:var(--green-lime);border-radius:inherit;height:100%;transition:width 1s linear,background-color .4s}.timer-bar__fill.is-low{background:#ffb020}.timer-bar__label{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;min-width:40px;font-size:14px;font-weight:700}.status-pill{background:var(--white);color:var(--ink);font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;text-align:center;z-index:2;border-radius:999px;align-self:center;margin:10px 0 -16px;padding:13px 22px;font-size:13px;font-weight:700;position:relative;box-shadow:0 8px 18px #0003}.panel{background:var(--green-bright);flex-direction:column;flex:1;width:100%;padding:0 16px 20px;display:flex;position:relative}.panel__content{flex-direction:column;flex:1;justify-content:center;gap:16px;display:flex}.memory-grid{grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,16px);width:100%;max-width:min(100%,90vmin);margin:0 auto;display:grid}.memory-card{perspective:900px;aspect-ratio:1;border-radius:var(--radius-card);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.memory-card:disabled{cursor:default}.memory-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.memory-card.is-flipped .memory-card__inner{transform:rotateY(180deg)}.memory-card__face{backface-visibility:hidden;border-radius:var(--radius-card);box-shadow:var(--shadow-card);background:var(--white);display:block;position:absolute;inset:0;overflow:hidden}.memory-card__face--front{transform:rotateY(180deg)}.memory-card__face img{object-fit:cover;width:100%;height:100%;display:block}.memory-card.is-matched .memory-card__face--front{box-shadow:0 0 0 3px var(--green-lime), var(--shadow-card)}.panel__status{text-align:center;font-family:var(--font-display);color:var(--ink);opacity:.85;margin:0 4px;font-size:14px;font-weight:600}.start-overlay{background:#0428108c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.center-button{background:var(--white);width:clamp(120px,16vmin,180px);height:clamp(120px,16vmin,180px);color:var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:clamp(14px,1.6vmin,18px);font-weight:800;transition:transform .2s;display:flex;box-shadow:0 12px 26px #00000059}.center-button:hover{transform:scale(1.05)}.center-button:active{transform:scale(.97)}.center-button__icon{border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--green-bright);width:0;height:0;margin-left:4px}.stop-button{cursor:pointer;background:#063d17d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:46px;right:14px}.stop-button:hover{background:#063d17}.stop-button__icon{background:var(--white);border-radius:3px;width:14px;height:14px}.game-footer{padding:0 0 28px}.game-footer__top{justify-content:space-between;align-items:center;gap:14px;display:flex}.game-footer__texto{width:60%;height:auto}.game-footer__badge{aspect-ratio:1;object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(400px,15%,100px)}.game-footer__logo{width:60%;height:auto;margin:16px auto 0;display:block}.modal-scrim{z-index:20;background:#041e0cb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:var(--white);color:var(--ink);text-align:center;border-radius:24px;width:100%;max-width:320px;padding:28px 24px;box-shadow:0 20px 50px #0006}.modal-card__image{object-fit:cover;border-radius:50%;width:96px;height:96px;margin:0 auto 16px;display:block}.modal-card h2{font-family:var(--font-display);color:var(--green-bright);margin:0 0 8px;font-size:22px}.modal-card p{margin:0 0 20px;font-size:14px;line-height:1.5}.modal-card button{background:var(--green-bright);color:var(--white);font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:700}.win-screen{flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.win-screen__image{object-fit:cover;width:100%;height:100%;display:block}.win-screen__button{background:var(--white);color:var(--ink);font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;border:none;border-radius:999px;padding:14px 30px;font-size:15px;font-weight:800;position:absolute;bottom:40px;box-shadow:0 12px 26px #00000059}
