@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_7ee6b6fe-module__89QMuW__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_7ee6b6fe-module__89QMuW__variable{--font-outfit:"Outfit", "Outfit Fallback"}
:root{--teal-dark:#00665c;--teal:#00bba7;--teal-mid:#009e8e;--teal-light:#4dd0bf;--teal-pale:#b2ece6;--gold:#f0a500;--gold-light:#fef3c7;--gold-dark:#b37800;--bg-deep:#008990;--bg-dark:#e0f5f3;--bg-card:#fff;--bg-surface:#f0fbf9;--text-primary:#0b2d2a;--text-muted:#245c55;--text-dim:#568c85;--border:#00bba738;--shadow-sm:0 2px 8px #00322d26;--shadow-md:0 8px 24px #00322d33;--shadow-lg:0 20px 60px #00322d47;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--font:var(--font-outfit,"Outfit"), sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;display:block}button{font-family:var(--font);cursor:pointer;border:none;outline:none}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 20%,#00bba71a 0%,#0000 60%),radial-gradient(60% 50% at 90% 80%,#4dd0bf12 0%,#0000 60%),radial-gradient(40% 40%,#f0a5000a 0%,#0000 70%);position:fixed;inset:0}.screen{z-index:1;min-height:100vh;display:none;position:relative}.screen.active{flex-direction:column;display:flex}.btn{border-radius:var(--radius-md);letter-spacing:.02em;transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:1rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn:hover:after{background:#ffffff26}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--teal-mid), var(--teal));color:#fff;box-shadow:0 4px 18px #00bba759}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00bba780}.btn-gold{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#fff;box-shadow:0 4px 18px #f0a50059}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f0a50080}.btn-ghost{color:var(--teal-dark);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-dark);background:#00bba70f}.btn-danger{color:#c0392b;background:#dc323214;border:1.5px solid #dc323240}.btn-danger:hover{background:#dc323226}.brand{text-align:center;padding:2.5rem 1rem 1rem}.brand-logo{filter:drop-shadow(0 4px 12px #00322d2e);width:60%;max-width:180px;height:auto;margin:0 auto 1.25rem;display:block}.brand-acronym{background:linear-gradient(135deg, var(--bg-deep), var(--teal));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;line-height:1.1}.brand-name{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-top:.5rem;font-size:.9rem;font-weight:500}.brand-divider{background:linear-gradient(90deg, var(--bg-deep), var(--teal));border-radius:99px;width:60px;height:3px;margin:1rem auto}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:600}.input-group input{font-family:var(--font);border-radius:var(--radius-sm);border:1.5px solid var(--border);color:var(--text-primary);transition:var(--transition);background:#00bba70a;width:100%;padding:.9rem 1.2rem;font-size:1.05rem}.input-group input:focus{border-color:var(--teal);background:#00bba712;outline:none;box-shadow:0 0 0 3px #00bba72e}.input-group input::placeholder{color:var(--text-dim)}.card{aspect-ratio:3/4;cursor:pointer;perspective:900px;border-radius:var(--radius-sm);transition:transform .15s}.card:hover:not(.matched){transform:scale(1.04)}.card.matched{cursor:default}.card-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--radius-sm);transition:transform .55s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped .card-inner,.card.matched .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);border:2px solid #0000000f;position:absolute;inset:0;overflow:hidden}.card-front img,.card-back img{object-fit:cover;width:100%;height:100%}.card-back{background:#fff;transform:rotateY(180deg)}.card.matched .card-front,.card.matched .card-back{border-color:var(--gold);box-shadow:0 0 16px #f0a50073}.hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#ffffffe6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.hud-item{flex-direction:column;align-items:center;gap:.1rem;min-width:60px;display:flex}.hud-item .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.65rem;font-weight:600}.hud-item .value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.hud-item.highlight .value{color:var(--gold-dark)}.verso-badge{letter-spacing:.04em;border-radius:99px;padding:.3rem .8rem;font-size:.78rem;font-weight:700}.verso-badge.azul{color:#1d4ed8;background:#3b82f61f;border:1px solid #3b82f640}.verso-badge.vermelho{color:#b91c1c;background:#ef44441a;border:1px solid #ef444438}@keyframes pulse-red{0%,to{color:#dc2626;text-shadow:0 0 8px #dc262666}50%{color:#991b1b;text-shadow:0 0 18px #dc262699}}.time-warning{animation:.7s ease-in-out infinite pulse-red}.modal-title--danger{color:#dc2626}#game-grid{flex:1;grid-template-columns:repeat(4,1fr);align-content:center;gap:.75rem;width:100%;max-width:700px;margin:0 auto;padding:1.25rem;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#0d2e2b73;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:2.5rem 2rem;animation:.35s cubic-bezier(.34,1.56,.64,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-icon{margin-bottom:1rem;font-size:3.5rem}.modal-title{color:var(--teal-dark);margin-bottom:.5rem;font-size:1.7rem;font-weight:800}.modal-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem}.modal-stats{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.modal-stat{flex-direction:column;align-items:center;display:flex}.modal-stat .stat-value{color:var(--teal);font-size:2rem;font-weight:800;line-height:1}.modal-stat .stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-top:.3rem;font-size:.7rem;font-weight:600}.modal-actions{flex-direction:column;gap:.75rem;display:flex}#confetti-canvas{z-index:99;pointer-events:none;display:none;position:fixed;inset:0}#screen-home{justify-content:center;align-items:center;padding:1rem}.home-card{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;padding:2.5rem 2rem}.home-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}#screen-game{background:0 0}.game-screen-inner{flex-direction:column;min-height:100vh;display:flex}#screen-ranking{justify-content:center;align-items:center;padding:2rem 1rem}.ranking-card{border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:680px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffffeb;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;display:flex}.ranking-header{justify-content:space-between;align-items:center;width:100%;display:flex}.ranking-header h2{background:linear-gradient(90deg, var(--bg-deep), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800}.ranking-list{flex-direction:column;gap:.65rem;width:100%;max-width:680px;margin:0;padding:0;list-style:none;display:flex}.ranking-empty{text-align:center;color:var(--text-dim);padding:3rem 1rem;font-size:1rem}.ranking-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.ranking-item:hover{border-color:var(--teal);box-shadow:var(--shadow-md);transform:translate(4px)}.ranking-item.top-1{border-color:var(--gold);background:linear-gradient(135deg, #f0a5001a, var(--bg-surface))}.ranking-item.top-2{border-color:#a0a0a0}.ranking-item.top-3{border-color:#cd7f32}.rank-position{text-align:center;min-width:36px;font-size:1.4rem;font-weight:800}.top-1 .rank-position{color:var(--gold)}.top-2 .rank-position{color:#909090}.top-3 .rank-position{color:#cd7f32}.rank-info{flex:1}.rank-name{color:var(--text-primary);font-size:1rem;font-weight:700}.rank-meta{color:var(--text-muted);margin-top:.15rem;font-size:.78rem}.rank-scores{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.rank-attempts{color:var(--teal);font-size:1.1rem;font-weight:800}.rank-time{color:var(--text-muted);font-size:.8rem}.ranking-actions{gap:.75rem;width:100%;max-width:680px;margin-top:1.5rem;display:flex}.ranking-actions .btn{flex:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--teal-pale);border-radius:99px}@media (max-width:480px){.brand-acronym{font-size:3.8rem}#game-grid{gap:.5rem;padding:.75rem}.hud{padding:.75rem 1rem}.hud-item .value{font-size:.95rem}.modal-box{padding:2rem 1.5rem}.modal-stats{gap:1rem}}@media (max-width:360px){#game-grid{gap:.4rem;padding:.5rem}}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;color:var(--color-light);background:#000000b3;flex-direction:column;justify-content:center;align-items:center;font-weight:500;display:flex;position:fixed;inset:0}.spinner{border:5px solid #ffffff4d;border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}