:root{--c-bg: #343d45;--c-slate: #3d5560;--c-orange: #f15a24;--c-orange-light: #ff9a3c;--c-white: #ffffff;--c-bonus: #fff7f2;--c-danger: #ff3b30;--font-display: "Black Ops One", "Impact", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif;--radius-card: 10px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background-color:var(--c-bg);background-image:radial-gradient(#ffffff0d 1px,transparent 1px);background-size:12px 12px;color:var(--c-white);font-family:var(--font-body);font-weight:600;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-webkit-font-smoothing:antialiased}#root{height:100dvh}button{font:inherit;color:inherit;cursor:pointer}img{-webkit-user-drag:none}.card{--corner: max(9px, 14%);position:relative;padding:0;border:0;background:none;perspective:700px;border-radius:var(--radius-card);transition:opacity .3s ease,transform .3s ease}.card:focus-visible{outline:3px solid var(--c-orange-light);outline-offset:3px}.card__inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.card.is-face-up .card__inner{transform:rotateY(180deg)}.card__face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card__back{background-color:var(--c-bg);background-position:center;background-size:260%;border:3px solid var(--c-orange);box-shadow:0 4px 10px #0006}.card:not(.is-face-up):hover .card__back{border-color:var(--c-orange-light)}.card:not(.is-face-up):active .card__inner{transform:scale(.95)}.card__front{transform:rotateY(180deg);background:var(--c-white);border:3px solid var(--c-slate);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 10px #0006}.card__front--bonus{background:var(--c-bonus)}.card__corner{position:absolute;width:var(--corner);aspect-ratio:1;border:3px solid var(--c-orange)}.card__corner--tl{top:3px;left:3px;border-right:0;border-bottom:0;border-top-left-radius:4px}.card__corner--tr{top:3px;right:3px;border-left:0;border-bottom:0;border-top-right-radius:4px}.card__corner--bl{bottom:3px;left:3px;border-right:0;border-top:0;border-bottom-left-radius:4px}.card__corner--br{bottom:3px;right:3px;border-left:0;border-top:0;border-bottom-right-radius:4px}.card__logo{width:76%;height:76%;object-fit:contain}.card__bonus-logo{width:68%;aspect-ratio:1;object-fit:contain}.card__bonus-text{margin-top:4%;font-family:var(--font-body);font-weight:900;font-size:clamp(9px,2.6vmin,14px);color:var(--c-orange);letter-spacing:.04em}.card.is-matched,.card.is-used{opacity:.35;transform:scale(.94);cursor:default}.card.is-matched .card__inner{animation:card-pop .35s ease-out}.card.is-shaking{animation:card-shake .35s ease-in-out .25s}@keyframes card-pop{0%{scale:1}45%{scale:1.15}to{scale:1}}@keyframes card-shake{0%,to{translate:0}20%{translate:-6px}40%{translate:6px}60%{translate:-4px}80%{translate:4px}}@media(prefers-reduced-motion:reduce){.card__inner{transition:none}.card__face{transition:opacity .2s ease}.card.is-face-up .card__inner{transform:none}.card__front{transform:none;opacity:0}.card.is-face-up .card__front{opacity:1}.card.is-face-up .card__back{opacity:0}.card.is-matched .card__inner,.card.is-shaking{animation:none}}.board{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.board__grid{display:flex;flex-wrap:wrap;justify-content:center}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20}.confetti i{position:absolute;top:-20px;border-radius:2px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.3,.6,.6,1);animation-fill-mode:forwards}@keyframes confetti-fall{0%{transform:translate(0) rotate(var(--rot));opacity:1}to{transform:translate(var(--drift),105vh) rotate(calc(var(--rot) + 540deg));opacity:.8}}@media(prefers-reduced-motion:reduce){.confetti{display:none}}.gameover__title{font-size:clamp(34px,10vw,64px);color:var(--c-orange);animation:pop-in .5s ease-out}.gameover__title--lost{color:var(--c-white)}.gameover__score{margin:0;display:flex;flex-direction:column;align-items:center;line-height:1}.gameover__score strong{font-family:var(--font-display);font-weight:400;font-size:clamp(56px,18vw,96px);color:var(--c-white);text-shadow:0 5px 0 #0005;animation:pop-in .5s ease-out .15s both}.gameover__score span{margin-top:4px;font-weight:900;font-size:16px;letter-spacing:.2em;text-transform:uppercase;color:var(--c-orange-light)}.gameover__stats{padding:14px 22px;border-radius:16px;background:#ffffff12;border:2px solid #ffffff26;font-size:19px;font-weight:800}.gameover__stats p{margin:4px 0}.gameover__record{margin:0;font-family:var(--font-display);font-size:24px;color:var(--c-orange-light);animation:pop-in .5s ease-out .3s both}.gameover__actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(100%,320px)}.gameover__best{margin:0;font-weight:800;color:var(--c-orange-light)}.gameover__vs{margin:0;font-weight:900;font-size:18px}.gameover__vs--beat{color:var(--c-orange-light);animation:pop-in .5s ease-out .3s both}.gameover__name{display:grid;gap:6px;text-align:left;font-weight:800;font-size:14px;color:#fffc}.gameover__name input{min-height:48px;padding:0 14px;border:2px solid #ffffff40;border-radius:12px;background:#ffffff14;color:var(--c-white);font:inherit;font-size:18px;user-select:text;-webkit-user-select:text}.gameover__name input::placeholder{color:#fff6}.gameover__name input:focus{outline:none;border-color:var(--c-orange)}.gameover__hint{margin:-6px 0 0;font-size:13px;color:#ffffffa6}.mute-button{width:44px;height:44px;flex:none;border:2px solid #ffffff33;border-radius:50%;background:#ffffff14;color:var(--c-white);font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.mute-button[aria-pressed=true]{color:#fff9}.mute-button:active{transform:scale(.92)}.mute-button .fa-icon{width:1.25em;height:1em}.home{position:relative}.home__mute{position:absolute;top:calc(12px + var(--safe-top));right:12px}.home__logo{width:min(42vw,26vh,200px);height:auto;filter:drop-shadow(0 8px 16px #0008);animation:home-bob 3s ease-in-out infinite alternate}.home__title{font-size:clamp(48px,14vw,84px);color:var(--c-white)}.home__subtitle{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(16px,4.6vw,24px);color:var(--c-orange);letter-spacing:.08em;text-transform:uppercase}.home__rules{list-style:none;margin:0;padding:14px 16px;max-width:360px;border-radius:14px;background:#ffffff12;border:2px dashed #ffffff26;font-size:15px;line-height:1.45;display:grid;gap:6px}.home__best{margin:0;font-weight:800;color:var(--c-orange-light)}.home__play{min-width:220px;font-size:28px;animation:home-pulse 1.2s ease-in-out infinite alternate}.home__play:disabled{animation:none;font-size:20px}@keyframes home-bob{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-8px) rotate(2deg)}}@keyframes home-pulse{0%{scale:1}to{scale:1.05}}@media(max-height:560px){.home{gap:10px}.home__rules{font-size:13px;padding:10px 12px}}.home__challenge{display:grid;gap:4px;max-width:360px;width:100%;padding:14px 16px;border-radius:14px;background:linear-gradient(135deg,#f15a24,#ff9a3c);box-shadow:0 5px #a8380f;color:var(--c-white);animation:pop-in .5s ease-out}.home__challenge-tag{font-family:var(--font-display);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.home__challenge strong{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.1;overflow-wrap:anywhere}.home__challenge-cta{font-weight:900}.hud{padding:calc(10px + var(--safe-top)) 16px 8px;max-width:960px;width:100%;margin:0 auto}.hud__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hud__level{font-family:var(--font-display);font-size:16px;letter-spacing:.06em;text-transform:uppercase}.hud__level b{color:var(--c-orange);font-weight:inherit}.hud__dots{display:flex;gap:5px;margin-left:auto}.hud__dots span{width:22px;height:6px;border-radius:3px;background:#fff3}.hud__dots span.is-on{background:var(--c-orange)}.hud__time{font-family:var(--font-display);font-size:34px;line-height:1.1;font-variant-numeric:tabular-nums}.hud__time small{font-family:var(--font-body);font-size:13px;opacity:.6}.hud__counters{display:flex;gap:14px;font-size:14px;opacity:.85;font-variant-numeric:tabular-nums}.hud__bar{height:10px;border-radius:6px;background:#fff2;margin-top:4px;overflow:hidden}.hud__bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--c-orange),var(--c-orange-light));transition:width .15s linear}.hud--low .hud__time{color:var(--c-danger);animation:hud-pulse .5s ease-in-out infinite alternate}.hud--low .hud__bar i{background:linear-gradient(90deg,var(--c-danger),var(--c-orange))}@keyframes hud-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@media(prefers-reduced-motion:reduce){.hud--low .hud__time{animation:none}}@media(max-height:480px){.hud{padding-top:calc(4px + var(--safe-top));padding-bottom:4px}.hud__time{font-size:24px}}.intro{text-align:center}.intro__title{font-size:clamp(44px,13vw,80px);animation:pop-in .4s ease-out}.intro__sub{margin:10px 0 0;font-weight:800;font-size:18px;color:var(--c-orange-light)}.intro__count{margin-top:18px;font-family:var(--font-display);font-size:96px;line-height:1;color:var(--c-orange);animation:pop-in .35s ease-out}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:#1f262dcc;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.screen{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left));text-align:center}.title{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:.04em;line-height:1;text-shadow:0 4px 0 #0005}.btn{min-height:52px;padding:0 28px;border:3px solid #1f262d;border-radius:16px;background:var(--c-orange);color:var(--c-white);font-family:var(--font-display);font-size:22px;letter-spacing:.06em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 5px #a8380f;transition:transform .08s ease,box-shadow .08s ease}.btn:active{transform:translateY(4px);box-shadow:0 1px #a8380f}.btn:disabled{opacity:.5;cursor:progress}.btn--whatsapp{background:#25d366;box-shadow:0 5px #128c4a;font-family:var(--font-body);font-weight:900;font-size:18px;letter-spacing:0}.btn--whatsapp:active{box-shadow:0 1px #128c4a}.btn--ghost{background:transparent;border-color:#fff5;box-shadow:none;font-size:18px}.btn:focus-visible,.link:focus-visible{outline:3px solid var(--c-orange-light);outline-offset:3px}.link{border:0;background:none;color:#ffffffb3;text-decoration:underline;font-size:15px;padding:8px}@keyframes pop-in{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.game{height:100%;display:flex;flex-direction:column;padding:0 calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}