body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#030712;margin:0;padding:0;min-height:100vh;color:#e2e8f0}.container{width:100%;padding:16px 0;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:32px}header{max-width:1000px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:#ffffffe6}.controls-top{display:flex;gap:24px;margin-bottom:28px;align-items:center;justify-content:center}#set-selector{padding:10px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e8f0;font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}#set-selector:focus{border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}#set-selector option{background:#0f172a;color:#e2e8f0}#timer{font-size:1rem;font-weight:400;color:#64748b;min-width:110px;font-variant-numeric:tabular-nums}#cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;justify-items:center;max-width:1000px;width:90%;padding:20px}.match-mode-main{min-height:0;padding-bottom:8px}.match-mode-main .controls-top,.match-mode-main .mode-progression{flex:0 0 auto}.match-mode-main #cards-container{--match-card-size: clamp(96px, calc((100svh - 320px)/4) , 172px);align-content:start;width:-moz-fit-content;width:fit-content;max-width:100%;grid-template-columns:repeat(3,var(--match-card-size));gap:clamp(8px,1.1vh,12px);margin-bottom:0;padding:10px 0 6px}.match-mode-main .card{width:var(--match-card-size);max-width:var(--match-card-size);padding:clamp(8px,1vh,12px)}.match-mode-main .card img{width:68%;height:50%;margin-bottom:6px}.match-mode-main .word-en,.match-mode-main .word-pt{font-size:clamp(.74rem,.9vw,.95rem);line-height:1.12}.match-mode-main .card-text-only .word-en,.match-mode-main .card-text-only .word-pt{font-size:clamp(.82rem,1vw,1rem)}@media(min-width:801px){body.match-mode-page{min-height:100svh;height:auto;overflow-y:auto}.match-mode-main{overflow:visible}}.card{width:100%;aspect-ratio:1;max-width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.06);cursor:pointer;text-align:center;transition:border-color .15s,box-shadow .15s,opacity .15s;padding:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;overflow:hidden}.card-audio-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:999px;border:1px solid rgba(129,140,248,.28);background:#4f46e51f;color:#e0e7ff;display:inline-flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.card-audio-btn:hover{transform:translateY(-1px);background:#4f46e533;border-color:#818cf873}.card-audio-btn:disabled{opacity:.5;cursor:default}.card-audio-icon-loader,.card-audio-btn.is-loading .card-audio-icon-play{display:none}.card-audio-btn.is-loading .card-audio-icon-loader{display:inline-flex}.card-audio-btn.is-loading svg{animation:match-audio-spin .9s linear infinite}.card-audio-btn.is-error{background:#7f1d1d4d;border-color:#f8717180;color:#fecaca}@keyframes match-audio-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card img{width:75%;height:55%;-o-object-fit:contain;object-fit:contain;border-radius:8px;margin-bottom:8px;opacity:.9}.card-text-only{justify-content:center}.card-text-only .word-en,.card-text-only .word-pt{font-size:1.08rem;line-height:1.2}.card:hover{border-color:#ffffff24;box-shadow:0 0 20px #6366f10f}.card.selected{border-color:#6366f180;box-shadow:0 0 24px #6366f126,inset 0 0 12px #6366f10d;background:#6366f10f}.card.matched{animation:matchDissolve .45s ease forwards;pointer-events:none}.card.incorrect{border-color:#ef444480;box-shadow:0 0 20px #ef44441f;background:#ef44440f}@keyframes matchDissolve{0%{border-color:#34d39980;box-shadow:0 0 24px #34d39926;opacity:1}to{opacity:0;transform:scale(.92)}}.word-en,.word-pt{font-weight:700;font-size:1rem;color:#e2e8f0}#countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:2000}#countdown-number{font-size:7rem;font-weight:800;color:#818cf8;animation:countPulse 1s ease infinite}@keyframes countPulse{0%{transform:scale(.85);opacity:0}50%{opacity:1}to{transform:scale(1.1);opacity:0}}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712d9;display:none;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#finish-message{background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;text-align:center;max-width:400px;width:90%}#finish-message h2{margin-bottom:24px;font-size:1.5rem;font-weight:700;color:#f1f5f9}#finish-message button{margin:6px}.header-btn{padding:10px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e2e8f0;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.header-btn:hover{background:#ffffff14;border-color:#ffffff24}@media(max-width:800px){#cards-container{grid-template-columns:repeat(3,1fr)}body.match-mode-page{height:auto;overflow:auto}.match-mode-main{overflow:visible}}@media(max-width:600px){#cards-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:0 2px}.card{max-width:none;border-radius:10px;padding:6px}.card-audio-btn{top:6px;right:6px;width:26px;height:26px}.card img{width:58%;height:40%;margin-bottom:4px}.word-en,.word-pt{font-size:.64rem;line-height:1.15}.card-text-only .word-en,.card-text-only .word-pt{font-size:.74rem}.match-mode-main{padding-bottom:8px}.match-mode-main #cards-container{padding-bottom:4px;width:100%}}.mode-progression{width:100%;max-width:1000px;margin:0 auto 20px;padding:14px 16px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.mode-progression-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-weight:600}.mode-progress-track{width:100%;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}#set-mastery-bar{width:0%;height:100%;background:linear-gradient(90deg,#22d3ee,#6366f1);transition:width .25s ease}.mode-progression-metrics{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.84rem;color:#cbd5e1}@media(max-width:600px){.mode-progression{padding:12px}.mode-progression-head,.mode-progression-metrics{font-size:.74rem}}@media(max-width:520px){#finish-message{width:min(92vw,360px);padding:22px 16px;border-radius:14px}}