@keyframes shake{0%,to{transform:translate(0)translateZ(0)}25%{transform:translate(-5px)translateZ(0)}75%{transform:translate(5px)translateZ(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes mobileSelectionPulse{0%,to{box-shadow:0 0 10px #17171780}50%{box-shadow:0 0 20px #171717cc}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8)translateY(-20px)translateZ(0)}to{opacity:1;transform:scale(1)translateY(0)translateZ(0)}}@keyframes hintPulse{0%{opacity:.9;transform:scale(1)translateZ(0)}50%{opacity:1;transform:scale(1.1)translateZ(0)}to{opacity:.9;transform:scale(1)translateZ(0)}}@keyframes mobileIndicatorSlideDown{0%{opacity:0;transform:translateY(-100%)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes mobileCardPreviewPulse{0%{transform:scale(1)translateZ(0);box-shadow:inset 0 1px 3px #1717171a,0 2px 4px #00000014,0 0 0 1px #ffffff1a}50%{transform:scale(1.02)translateZ(0);box-shadow:inset 0 1px 3px #17171726,0 3px 6px #17171726,0 0 0 1px #ffffff26}to{transform:scale(1)translateZ(0);box-shadow:inset 0 1px 3px #1717171a,0 2px 4px #00000014,0 0 0 1px #ffffff1a}}@media (prefers-reduced-motion:reduce){@keyframes shake{0%,25%,75%,to{transform:none}}@keyframes pulse{0%,50%,to{transform:none;box-shadow:0 0 20px #ca8a0480}}@keyframes mobileSelectionPulse{0%,50%,to{opacity:.9;transform:none}}@keyframes slideInDown{0%,to{opacity:1;transform:none}}@keyframes modalSlideIn{0%,to{opacity:1;transform:none}}@keyframes hintPulse{0%,50%,to{opacity:.9;transform:none}}@keyframes mobileIndicatorSlideDown{0%,to{opacity:1;transform:none}}@keyframes mobileCardPreviewPulse{0%,50%,to{transform:none;box-shadow:inset 0 1px 3px #1717171a,0 1px 2px #0000000d}}}.matching-game .matching-game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafafaf2);border:1px solid #e5e5e5;border-radius:16px;justify-content:center;align-items:center;margin-bottom:.5rem;padding:1rem 1.5rem;display:flex;position:relative;box-shadow:0 10px 20px #0000000f,0 20px 48px #00000014}@media (max-width:640px){.matching-game .matching-game-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (min-width:1400px){.matching-game .matching-game-header{border-radius:24px;margin-bottom:1rem;padding:1.5rem 2rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header{border-radius:16px;margin-bottom:.75rem;padding:1rem 1.5rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header{border-radius:16px;margin-bottom:.75rem;padding:1rem 1.5rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header{border-radius:16px;margin-bottom:.75rem;padding:.75rem 1rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header{border-radius:16px;margin-bottom:.75rem;padding:.75rem 1rem}}@media (max-width:639.98px){.matching-game .matching-game-header{flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:.75rem}}@media (max-width:479.98px){.matching-game .matching-game-header{gap:.5rem;padding:.5rem}}.matching-game .matching-game-header .header-left{flex-flow:row;justify-content:flex-start;align-items:center;gap:1rem;display:flex}@media (min-width:1400px){.matching-game .matching-game-header .header-left{gap:1.5rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-left{gap:1rem}}@media (max-width:639.98px){.matching-game .matching-game-header .header-left{gap:.75rem}}@media (max-width:479.98px){.matching-game .matching-game-header .header-left{gap:.5rem}}.matching-game .matching-game-header .header-left .game-title{flex-flow:row;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}@media (min-width:1400px){.matching-game .matching-game-header .header-left .game-title{gap:1rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-left .game-title{gap:.75rem}}@media (max-width:639.98px){.matching-game .matching-game-header .header-left .game-title{gap:.5rem}}.matching-game .matching-game-header .header-left .game-title .game-icon{color:#dc2626;font-size:2.5rem}@media (min-width:1400px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:3rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:2.75rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:2.5rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:2rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:1.75rem}}@media (max-width:639.98px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:1.5rem}}@media (max-width:479.98px){.matching-game .matching-game-header .header-left .game-title .game-icon{font-size:1.25rem}}.matching-game .matching-game-header .header-left .game-title h1{color:#171717;background:linear-gradient(135deg,#dc2626,#b21d1d);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:700;line-height:1.2}@media (min-width:1400px){.matching-game .matching-game-header .header-left .game-title h1{font-size:2.5rem;line-height:1.2}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-left .game-title h1{font-size:2.25rem;line-height:1.2}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header .header-left .game-title h1{font-size:2rem;line-height:1.2}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header .header-left .game-title h1{font-size:1.75rem;line-height:1.3}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header .header-left .game-title h1{font-size:1.5rem;line-height:1.3}}@media (max-width:639.98px){.matching-game .matching-game-header .header-left .game-title h1{font-size:1.25rem;line-height:1.3}}@media (max-width:479.98px){.matching-game .matching-game-header .header-left .game-title h1{font-size:1.1rem;line-height:1.2}}.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{color:#dc2626;margin-left:.5rem;font-size:1rem}@media (min-width:1400px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:.75rem;font-size:1.25rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:.75rem;font-size:1.125rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:.5rem;font-size:1rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:.5rem;font-size:.875rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:.5rem;font-size:.75rem}}@media (max-width:639.98px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:.25rem;font-size:.875rem}}@media (max-width:479.98px){.matching-game .matching-game-header .header-left .game-title .mobile-indicator,.matching-game .matching-game-header .header-left .game-title .tablet-indicator{margin-left:0;font-size:.75rem}}.matching-game .matching-game-header .header-right{flex-flow:row;justify-content:flex-start;align-items:center;gap:.75rem;display:flex;position:absolute;right:1.5rem}@media (min-width:1400px){.matching-game .matching-game-header .header-right{gap:1rem;right:2rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-right{gap:.75rem;right:1.5rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header .header-right{gap:.75rem;right:1.5rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header .header-right{gap:.75rem;right:1rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header .header-right{gap:.75rem;right:1rem}}@media (max-width:639.98px){.matching-game .matching-game-header .header-right{justify-content:center;gap:.5rem;margin-top:.5rem;position:static}}@media (max-width:479.98px){.matching-game .matching-game-header .header-right{gap:.25rem}}.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:pointer;min-width:40px;min-height:40px;transition:all .25s ease ease;will-change:all;border-radius:12px;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{transition:none!important;animation:none!important;transform:none!important}}@media (min-width:1400px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:16px;min-width:48px;min-height:48px;font-size:1.125rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:44px;min-height:44px;font-size:1.0625rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:42px;min-height:42px;font-size:1rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:40px;min-height:40px;font-size:.9375rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:12px;min-width:38px;min-height:38px;font-size:.875rem}}@media (max-width:639.98px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:36px;min-height:36px;font-size:.875rem}}@media (max-width:479.98px){.matching-game .matching-game-header .header-right .audio-button,.matching-game .matching-game-header .header-right .hint-button,.matching-game .matching-game-header .header-right .refresh-button{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:32px;min-height:32px;font-size:.75rem}}.matching-game .matching-game-header .header-right .audio-button.audio-button,.matching-game .matching-game-header .header-right .hint-button.audio-button,.matching-game .matching-game-header .header-right .refresh-button.audio-button{color:#fafafa;cursor:pointer;transition:all .25s ease ease;will-change:transform;background:linear-gradient(135deg,#525252,#393939);border:none;border-radius:12px;transform:translateZ(0);box-shadow:0 4px 15px #5252524d}.matching-game .matching-game-header .header-right .audio-button.audio-button:hover:not(.disabled),.matching-game .matching-game-header .header-right .hint-button.audio-button:hover:not(.disabled),.matching-game .matching-game-header .header-right .refresh-button.audio-button:hover:not(.disabled){transform:translateY(-2px)translateZ(0);box-shadow:0 6px 20px #52525266}.matching-game .matching-game-header .header-right .audio-button.audio-button.disabled,.matching-game .matching-game-header .header-right .hint-button.audio-button.disabled,.matching-game .matching-game-header .header-right .refresh-button.audio-button.disabled{cursor:not-allowed;background:linear-gradient(135deg,#a3a3a3,#737373);box-shadow:0 4px 15px #a3a3a34d}.matching-game .matching-game-header .header-right .audio-button.hint-button,.matching-game .matching-game-header .header-right .hint-button.hint-button,.matching-game .matching-game-header .header-right .refresh-button.hint-button{color:#fafafa;cursor:pointer;transition:all .25s ease ease;will-change:transform;background:linear-gradient(135deg,#ca8a04,#986803);border:none;border-radius:12px;transform:translateZ(0);box-shadow:0 4px 15px #ca8a044d}.matching-game .matching-game-header .header-right .audio-button.hint-button:hover:not(.disabled),.matching-game .matching-game-header .header-right .hint-button.hint-button:hover:not(.disabled),.matching-game .matching-game-header .header-right .refresh-button.hint-button:hover:not(.disabled){transform:translateY(-2px)translateZ(0);box-shadow:0 6px 20px #ca8a0466}.matching-game .matching-game-header .header-right .audio-button.hint-button.disabled,.matching-game .matching-game-header .header-right .hint-button.hint-button.disabled,.matching-game .matching-game-header .header-right .refresh-button.hint-button.disabled{cursor:not-allowed;background:linear-gradient(135deg,#a3a3a3,#737373);box-shadow:0 4px 15px #a3a3a34d}.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:-3px;right:-3px}@media (min-width:1400px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:20px;height:20px;font-size:.75rem;top:-4px;right:-4px}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:18px;height:18px;font-size:.6875rem;top:-3px;right:-3px}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:16px;height:16px;font-size:.625rem;top:-3px;right:-3px}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:15px;height:15px;font-size:.5625rem;top:-2px;right:-2px}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:14px;height:14px;font-size:.5rem;top:-2px;right:-2px}}@media (max-width:639.98px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:14px;height:14px;font-size:.5rem;top:-2px;right:-2px}}@media (max-width:479.98px){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-count,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-count{border-radius:50%;width:12px;height:12px;font-size:.5rem;top:-1px;right:-1px}}.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-icon,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-icon,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-icon{transition:all .25s ease ease;will-change:all}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-icon,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-icon,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-icon{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-game-header .header-right .audio-button.hint-button .hint-icon.disabled,.matching-game .matching-game-header .header-right .hint-button.hint-button .hint-icon.disabled,.matching-game .matching-game-header .header-right .refresh-button.hint-button .hint-icon.disabled{opacity:.5;filter:grayscale()}.matching-game .matching-game-header .header-right .audio-button.hint-button:hover:not(.disabled) .hint-icon,.matching-game .matching-game-header .header-right .hint-button.hint-button:hover:not(.disabled) .hint-icon,.matching-game .matching-game-header .header-right .refresh-button.hint-button:hover:not(.disabled) .hint-icon{filter:brightness(1.2);transform:scale(1.1)translateZ(0)}.matching-game .matching-game-header .header-right .audio-button.hint-button:active:not(.disabled) .hint-icon,.matching-game .matching-game-header .header-right .hint-button.hint-button:active:not(.disabled) .hint-icon,.matching-game .matching-game-header .header-right .refresh-button.hint-button:active:not(.disabled) .hint-icon{transform:scale(.95)translateZ(0)}.matching-game .matching-game-header .header-right .audio-button.refresh-button,.matching-game .matching-game-header .header-right .hint-button.refresh-button,.matching-game .matching-game-header .header-right .refresh-button.refresh-button{color:#fafafa;cursor:pointer;transition:all .25s ease ease;will-change:transform;background:linear-gradient(135deg,#171717,#000);border:none;border-radius:12px;transform:translateZ(0);box-shadow:0 4px 15px #1717174d}.matching-game .matching-game-header .header-right .audio-button.refresh-button:hover:not(.disabled),.matching-game .matching-game-header .header-right .hint-button.refresh-button:hover:not(.disabled),.matching-game .matching-game-header .header-right .refresh-button.refresh-button:hover:not(.disabled){transform:translateY(-2px)translateZ(0);box-shadow:0 6px 20px #17171766}.matching-game .matching-game-header .header-right .audio-button.refresh-button.disabled,.matching-game .matching-game-header .header-right .hint-button.refresh-button.disabled,.matching-game .matching-game-header .header-right .refresh-button.refresh-button.disabled{cursor:not-allowed;background:linear-gradient(135deg,#a3a3a3,#737373);box-shadow:0 4px 15px #a3a3a34d}.matching-game .matching-game-header .header-right .audio-button.refresh-button:active,.matching-game .matching-game-header .header-right .hint-button.refresh-button:active,.matching-game .matching-game-header .header-right .refresh-button.refresh-button:active{transform:translateY(0)translateZ(0)}.matching-game .matching-game-stats{flex-flow:wrap;justify-content:center;align-items:center;gap:1.5rem;margin:1.5rem 0;display:flex}@media (min-width:1400px){.matching-game .matching-game-stats{gap:2rem;margin:2rem 0}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-stats{gap:1.5rem;margin:1.5rem 0}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-stats{gap:1.5rem;margin:1.5rem 0}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-stats{gap:1rem;margin:1rem 0}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-stats{gap:1rem;margin:1rem 0}}@media (max-width:639.98px){.matching-game .matching-game-stats{gap:1rem;margin:1rem 0}}@media (max-width:479.98px){.matching-game .matching-game-stats{gap:.75rem;margin:.75rem 0}}.matching-game .matching-game-stats .matching-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafafaf2);border:1px solid #e5e5e5;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;min-width:140px;min-height:60px;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f;will-change:auto!important;transition:none!important;animation:none!important;transform:none!important}@media (max-width:640px){.matching-game .matching-game-stats .matching-stat-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (min-width:640px){.matching-game .matching-game-stats .matching-stat-item{min-width:120px;min-height:50px;padding:.75rem 1rem}}.matching-game .matching-game-stats .matching-stat-item:hover{color:inherit!important;opacity:1!important;filter:none!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;will-change:auto!important;background:linear-gradient(135deg,#fffffff2,#fafafaf2)!important;border:1px solid #e5e5e5!important;transition:none!important;animation:none!important;transform:scale(1)!important;box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f!important}.matching-game .matching-game-stats .matching-stat-item:focus{outline:none!important;transition:none!important;animation:none!important;transform:scale(1)!important}.matching-game .matching-game-stats .matching-stat-item:active{transition:none!important;animation:none!important;transform:scale(1)!important}@media (min-width:1400px){.matching-game .matching-game-stats .matching-stat-item{border-radius:16px;min-width:160px;min-height:70px;padding:1rem 1.5rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-stats .matching-stat-item{border-radius:16px;min-width:140px;min-height:65px;padding:1rem 1.5rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-stats .matching-stat-item{border-radius:12px;min-width:130px;min-height:60px;padding:.75rem 1.5rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-stats .matching-stat-item{border-radius:12px;min-width:120px;min-height:55px;padding:.75rem 1rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-stats .matching-stat-item{border-radius:12px;min-width:110px;min-height:50px;padding:.75rem 1rem}}@media (max-width:639.98px){.matching-game .matching-game-stats .matching-stat-item{min-width:100px;min-height:50px;padding:.75rem 1rem}}@media (max-width:479.98px){.matching-game .matching-game-stats .matching-stat-item{min-width:90px;min-height:45px;padding:.5rem .75rem}}.matching-game .matching-game-stats .matching-stat-item .stat-icon{color:#dc2626;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}@media (min-width:1400px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:1.5rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:1.4rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:1.3rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:1.1rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:1rem}}@media (max-width:639.98px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:1rem}}@media (max-width:479.98px){.matching-game .matching-game-stats .matching-stat-item .stat-icon{font-size:.875rem}}.matching-game .matching-game-stats .matching-stat-item .stat-label{color:#171717;white-space:nowrap;text-shadow:0 1px 2px #0000001a;text-align:center;font-size:.875rem;font-weight:600;line-height:1.2}@media (min-width:1400px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:1.1rem;line-height:1.3}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:1rem;line-height:1.3}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:.95rem;line-height:1.3}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:.9rem;line-height:1.3}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:.85rem;line-height:1.3}}@media (max-width:639.98px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:.75rem;line-height:1.3}}@media (max-width:479.98px){.matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:.625rem;line-height:1.2}}.matching-game .matching-card{cursor:grab;width:100%;min-width:0;min-height:80px;max-height:200px;font-family:var(--font-dm-sans,"DM Sans"),system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;min-width:80px;min-height:80px;transition:all .25s ease cubic-bezier(.4, 0, .2, 1);will-change:transform;background-color:#fff;border:1px solid #e5e5e5cc;border-radius:12px;flex-shrink:0;font-weight:600;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.matching-game .matching-card:hover:not(.dragging):not(.matched){z-index:10;border-color:#dc262699;transform:scale(1.05)translateZ(0);box-shadow:0 10px 20px #0000000f,0 20px 48px #00000014}.matching-game .matching-card{will-change:transform;backface-visibility:hidden;flex-flow:column;justify-content:center;align-items:stretch;display:flex;transform:translateZ(0)}@media (min-width:1600px){.matching-game .matching-card{border-radius:16px;min-height:180px;max-height:240px;padding:3rem}}@media (min-width:1400px) and (max-width:1599px){.matching-game .matching-card{border-radius:16px;min-height:170px;max-height:220px;padding:2rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-card{border-radius:12px;min-height:160px;max-height:200px;padding:1.5rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-card{border-radius:12px;min-height:150px;max-height:180px;padding:1.5rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-card{min-height:120px;max-height:160px;padding:1rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-card{min-height:100px;max-height:140px;padding:.75rem}}@media (min-width:640px){.matching-game .matching-card{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:70px;min-height:70px;padding:.75rem}}@media (max-width:639.98px){.matching-game .matching-card{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:70px;min-height:70px;padding:.75rem;width:100%!important;max-width:100%!important}}@media (max-width:479.98px){.matching-game .matching-card{touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;min-width:70px;min-height:70px;padding:.5rem}}.matching-game .matching-card:hover{background-color:#dc26261a}.matching-game .matching-card:active{cursor:grabbing}.matching-game .matching-card.matched{color:#fafafa;cursor:default;background:linear-gradient(135deg,#16a34a,#107636);border-color:#16a34a;transform:scale(1.02)translateZ(0)}.matching-game .matching-card.matched:before{opacity:1;background:linear-gradient(135deg,#16a34a33,#16a34a1a)}.matching-game .matching-card.matched .card-content .card-text{color:#fafafa}.matching-game .matching-card.matched .card-content .card-topic{color:#fafafacc}.matching-game .matching-card.incorrect{color:#fafafa;background:linear-gradient(135deg,#dc2626,#b21d1d);border-color:#dc2626;animation:.5s ease-in-out shake}.matching-game .matching-card.incorrect .card-content .card-text{color:#fafafa}.matching-game .matching-card.incorrect .card-content .card-topic{color:#fafafacc}.matching-game .matching-card.hinted{z-index:5;background:linear-gradient(135deg,#ca8a041a,#ca8a040d);border-color:#ca8a04;transform:scale(1.02)translateZ(0);box-shadow:0 0 25px #ca8a0499}.matching-game .matching-card.hinted:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ca8a041a,#0000);position:absolute;inset:0}.matching-game .matching-card.mobile-selected{z-index:5;background:linear-gradient(135deg,#1717171a,#1717170d);border-color:#171717;transform:scale(1.05)translateZ(0);box-shadow:0 0 15px #17171799}.matching-game .matching-card.dragging{cursor:grabbing;z-index:100;border-color:#dc2626;transform:scale(1.05)rotate(2deg)translateZ(0);box-shadow:0 10px 20px #0000000f,0 20px 48px #00000014}.matching-game .matching-card.drop-target{background:linear-gradient(135deg,#16a34a33,#16a34a1a);border-color:#16a34a;transform:scale(1.02)translateZ(0)}.matching-game .matching-card .card-content{text-align:center;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;padding:.75rem;display:flex;position:relative;overflow:hidden}.matching-game .matching-card .card-content .card-text{color:#171717;word-break:break-word;text-align:center;text-transform:capitalize;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;min-width:0;max-width:100%;margin:0;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}@media (min-width:1600px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:10;font-size:1.5rem;line-height:1.5}}@media (min-width:1400px) and (max-width:1599px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:9;font-size:1.4rem;line-height:1.4}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:8;font-size:1.3rem;line-height:1.4}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:7;font-size:1.2rem;line-height:1.4}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:5;font-size:1.1rem;line-height:1.3}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:4;font-size:1rem;line-height:1.3}}@media (min-width:640px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:3;font-size:.95rem;line-height:1.3}}@media (max-width:639.98px){.matching-game .matching-card .card-content .card-text{-webkit-line-clamp:2;font-size:.9rem;line-height:1.3}}.matching-game .matching-card .match-indicator{color:#16a34a;background:#fffffff2;border:1px solid #e5e5e5;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;display:flex;position:absolute;top:2px;right:2px}@media (min-width:768px){.matching-game .matching-card .match-indicator{border-radius:50%;width:22px;height:22px;font-size:.7rem}}@media (min-width:1200px){.matching-game .matching-card .match-indicator{border-radius:50%;width:24px;height:24px;font-size:.8rem}}@media (min-width:1600px){.matching-game .matching-card .match-indicator{border-radius:50%;width:26px;height:26px;font-size:.9rem}}.matching-game .matching-card .hint-indicator{color:#fafafa;z-index:5;background:#ca8a04e6;border:1px solid #ca8a04;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;animation:1.5s ease-in-out infinite hintPulse;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 0 10px #ca8a0480}@media (min-width:768px){.matching-game .matching-card .hint-indicator{border-radius:50%;width:22px;height:22px;font-size:.7rem}}@media (min-width:1200px){.matching-game .matching-card .hint-indicator{border-radius:50%;width:24px;height:24px;font-size:.8rem}}@media (min-width:1600px){.matching-game .matching-card .hint-indicator{border-radius:50%;width:26px;height:26px;font-size:.9rem}}.matching-game .matching-card .mobile-selection-indicator{color:#fafafa;z-index:5;background:#171717e6;border:1px solid #171717;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;animation:1s ease-in-out infinite mobileSelectionPulse;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 0 10px #17171780}@media (min-width:768px){.matching-game .matching-card .mobile-selection-indicator{border-radius:50%;width:22px;height:22px;font-size:.7rem}}@media (min-width:1200px){.matching-game .matching-card .mobile-selection-indicator{border-radius:50%;width:24px;height:24px;font-size:.8rem}}@media (min-width:1600px){.matching-game .matching-card .mobile-selection-indicator{border-radius:50%;width:26px;height:26px;font-size:.9rem}}.matching-game .matching-card:not(.matched):not(.dragging):after{content:"";opacity:0;width:6px;height:6px;transition:opacity .25s ease ease;will-change:opacity;background:#0000001a;border-radius:50%;position:absolute;bottom:2px;right:2px}@media (prefers-reduced-motion:reduce){.matching-game .matching-card:not(.matched):not(.dragging):after{transition:none!important;animation:none!important;transform:none!important}}@media (min-width:768px){.matching-game .matching-card:not(.matched):not(.dragging):after{width:8px;height:8px}}@media (min-width:1200px){.matching-game .matching-card:not(.matched):not(.dragging):after{width:10px;height:10px}}@media (min-width:1600px){.matching-game .matching-card:not(.matched):not(.dragging):after{width:12px;height:12px}}.matching-game .matching-card:not(.matched):not(.dragging):hover:after{opacity:1}.matching-game .matching-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s ease ease;will-change:opacity;background:linear-gradient(135deg,#ffffff1a,#0000);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.matching-game .matching-card:before{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-card:hover:before{opacity:1}@media (min-width:1400px){.matching-game .matching-card .card-content .card-text{text-shadow:0 1px 2px #0000001a}}.matching-game .matching-card:hover:not(.matched):not(.incorrect){border-color:#dc26264d;box-shadow:0 4px 12px #dc262626}.matching-game .matching-game-area{flex-flow:column;flex:1;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;display:flex}.matching-game .matching-game-area .game-waiting{width:100%}.matching-game .matching-game-area .game-waiting .waiting-content{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafafaf2);border:1px solid #e5e5e5;border-radius:24px;padding:1.5rem 2rem;box-shadow:0 8px 32px #0000001a}@media (max-width:640px){.matching-game .matching-game-area .game-waiting .waiting-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view{text-align:left;width:100%;max-width:none}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body{text-align:left}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step{transition:background-color .25s ease ease;will-change:background-color;border-radius:12px;flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step:hover{background-color:#dc26260d}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step{gap:.75rem;margin-bottom:1rem;padding:.5rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-number{color:#fff;background:linear-gradient(135deg,#dc2626,#b21d1d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #dc26264d}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-number:after{content:"";z-index:-1;background:linear-gradient(135deg,#dc26264d,#0000);border-radius:50%;position:absolute;inset:-2px}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-number{width:32px;height:32px;font-size:1rem;box-shadow:0 1px 4px #dc26264d}}@media (max-width:479.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-number{width:28px;height:28px;font-size:.9rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content{flex:1;min-width:0}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content h3{color:#171717;margin-top:0;margin-bottom:.5rem;font-size:1.2rem;font-weight:600;line-height:1.4}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content h3{font-size:1.1rem;line-height:1.3}}@media (max-width:479.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content h3{font-size:1rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content p{color:#525252;margin:0;line-height:1.5}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content p{font-size:.875rem;line-height:1.4}}@media (max-width:479.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .mobile-instructions-content .mobile-instructions-body .instruction-step .step-content p{font-size:.75rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body{text-align:left}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step{transition:background-color .25s ease ease;will-change:background-color;border-radius:12px;flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step:hover{background-color:#dc26260d}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step{gap:.75rem;margin-bottom:1rem;padding:.5rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-number{color:#fff;background:linear-gradient(135deg,#dc2626,#b21d1d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #dc26264d}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-number:after{content:"";z-index:-1;background:linear-gradient(135deg,#dc26264d,#0000);border-radius:50%;position:absolute;inset:-2px}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-number{width:32px;height:32px;font-size:1rem;box-shadow:0 1px 4px #dc26264d}}@media (max-width:479.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-number{width:28px;height:28px;font-size:.9rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content{flex:1;min-width:0}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content h3{color:#171717;margin-top:0;margin-bottom:.5rem;font-size:1.2rem;font-weight:600;line-height:1.4}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content h3{font-size:1.1rem;line-height:1.3}}@media (max-width:479.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content h3{font-size:1rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content p{color:#525252;margin:0;line-height:1.5}@media (max-width:639.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content p{font-size:.875rem;line-height:1.4}}@media (max-width:479.98px){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content p{font-size:.75rem}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-pair-selector{background:linear-gradient(135deg,#ffffffe6,#ffffffe6);border:1px solid #ffffff4d;border-radius:16px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #0000001a}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-pair-selector .pair-selector-section{text-align:center}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-pair-selector .pair-selector-section .pair-selector-label{color:#171717;margin-bottom:1rem;font-size:1.1rem;font-weight:600;line-height:1.4;display:block}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-content .instructions-pair-selector .pair-selector-section .pair-selector-value{color:#dc2626;font-size:1.2rem;font-weight:600;line-height:1.4}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer{flex-flow:row;justify-content:center;align-items:stretch;display:flex}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer .btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;min-width:52px;min-height:52px;transition:all .25s ease ease;will-change:all;border:none;border-radius:12px;flex-flow:row;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:flex}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer .btn{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer .btn.btn-primary{color:#fff;transition:all .25s ease ease;background:linear-gradient(135deg,#dc2626,#b21d1d);box-shadow:0 4px 15px #dc26264d}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer .btn.btn-primary svg{font-size:1rem}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.matching-game .matching-game-area .game-waiting .waiting-content.instructions-view .instructions-footer .btn.btn-primary:active{transform:translateY(0)}.matching-game .matching-game-area .game-waiting .waiting-content .waiting-icon{color:#e5e5e5;margin-bottom:1rem;font-size:4rem}.matching-game .matching-game-area .game-waiting .waiting-content h2{color:#171717;margin-bottom:.75rem;font-size:2rem;font-weight:700;line-height:1.2}.matching-game .matching-game-area .game-waiting .waiting-content p{color:#525252;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.5}.matching-game .matching-game-area .game-board{grid-template-columns:1fr;gap:.75rem;width:100%;min-width:0;height:auto;min-height:auto;display:grid}@media (min-width:1600px){.matching-game .matching-game-area .game-board{gap:1rem;max-width:1800px;height:auto;min-height:auto;margin:0 auto}}@media (min-width:1400px) and (max-width:1599px){.matching-game .matching-game-area .game-board{gap:.75rem;max-width:1600px;height:auto;min-height:auto;margin:0 auto}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-area .game-board{gap:.75rem;max-width:1400px;height:auto;min-height:auto;margin:0 auto}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-area .game-board{gap:.5rem;max-width:1200px;height:auto;min-height:auto;margin:0 auto}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-area .game-board{grid-template-columns:1fr;gap:.75rem;height:auto;min-height:auto}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-area .game-board{grid-template-columns:1fr;gap:.75rem;height:auto;min-height:auto}}@media (max-width:639.98px){.matching-game .matching-game-area .game-board{grid-template-columns:1fr;gap:.5rem;height:auto;min-height:auto}}.matching-game .matching-game-area .game-board .words-section,.matching-game .matching-game-area .game-board .translations-section{box-sizing:border-box;flex-flow:column;justify-content:flex-start;align-items:stretch;width:100%;min-width:0;height:auto;display:flex}.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{color:#171717;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fafafaf2);border:1px solid #e5e5e5;border-radius:12px;flex-shrink:0;width:100%;min-width:0;margin-bottom:0;padding:.5rem .75rem;font-size:1.25rem;font-weight:600;line-height:1.4;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f}@media (max-width:640px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}@media (min-width:1600px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{margin-bottom:0;padding:.5rem .75rem;font-size:1.6rem}}@media (min-width:1400px) and (max-width:1599px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{margin-bottom:0;padding:.5rem .75rem;font-size:1.5rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{margin-bottom:0;padding:.5rem .75rem;font-size:1.4rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{margin-bottom:0;padding:.5rem .75rem;font-size:1.3rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{padding:.5rem .75rem;font-size:1.2rem}}@media (max-width:639.98px){.matching-game .matching-game-area .game-board .words-section .section-title,.matching-game .matching-game-area .game-board .translations-section .section-title{padding:.5rem .75rem;font-size:1.125rem}}.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#fffffff2;border-radius:16px;flex:1;align-items:start;gap:0 .75rem;width:100%;min-width:0;max-width:100%;max-height:100%;padding:.75rem;display:grid;overflow-y:auto;transform:translateZ(0);box-shadow:0 2px 16px #dc262614}@media (min-width:1600px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (min-width:1400px) and (max-width:1599px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (min-width:992px) and (max-width:1199px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (min-width:768px) and (max-width:991px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (min-width:600px) and (max-width:767px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (max-width:639.98px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (max-width:575px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:0 .75rem;width:100%;max-width:100%;padding:.75rem}}@media (max-width:374px){.matching-game .matching-game-area .game-board .words-section .cards-container,.matching-game .matching-game-area .game-board .translations-section .cards-container{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:0 .5rem;width:100%;max-width:100%;padding:.5rem}}.matching-game .matching-game-area .game-board .words-section .cards-container>*,.matching-game .matching-game-area .game-board .translations-section .cards-container>*{width:100%;min-width:0;max-width:100%}.matching-game .matching-game-area .mobile-instructions-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2 0% 100%);border-top:1px solid #e5e5e5cc;gap:0;padding:1.5rem 2rem;position:relative;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important;top:0!important;transform:none!important}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn{cursor:pointer;transition:all .25s ease ease;will-change:all;overflow:hidden;text-align:center!important;color:#fff!important;vertical-align:baseline!important;background:linear-gradient(135deg,#dc2626 0%,#a91b1b 100%)!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-width:160px!important;min-height:48px!important;margin:0!important;padding:1rem 2rem!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;display:inline-flex!important;position:relative!important;top:0!important;transform:none!important;box-shadow:0 6px 16px #dc262666!important}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn svg{transition:all .25s ease ease;will-change:all;color:#fff!important;vertical-align:middle!important;width:auto!important;height:auto!important;font-size:14px!important;line-height:1!important;display:inline-block!important}@media (prefers-reduced-motion:reduce){.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn svg{transition:none!important;animation:none!important;transform:none!important}}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn:hover svg{transform:scale(1.1)translateZ(0)!important}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn:hover{background:linear-gradient(135deg,#de3333 0%,#dc2626 100%)!important;transform:translateY(-2px)translateZ(0)!important;box-shadow:0 10px 25px #dc262680!important}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn:active{transform:translateY(0)translateZ(0)!important;box-shadow:0 6px 16px #dc262666!important}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.matching-game .matching-game-area .mobile-instructions-footer .mobile-instructions-start-btn:hover:before{left:100%}.mobile-match-indicator{color:#171717;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px));z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0a0a 0%,#242424 50%,#d8d8d8 100%);border-bottom:2px solid #17171733;animation:.3s ease-out mobileIndicatorSlideDown;position:fixed;top:0;left:0;right:0;transform:translateY(0);box-shadow:0 4px 24px #17171726,0 2px 8px #0000001a,inset 0 1px #ffffff1a}.mobile-match-indicator>.match-indicator-content{flex-flow:row;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;max-width:100%;display:flex}.mobile-match-indicator>.match-indicator-content .match-indicator-left{flex-flow:column;flex:1;justify-content:center;align-items:flex-start;gap:.5rem;min-width:0;display:flex}.mobile-match-indicator>.match-indicator-content .match-indicator-left .match-indicator-header{flex-flow:row;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.mobile-match-indicator>.match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-icon{color:#e5e5e5;filter:drop-shadow(0 1px 2px #0006);flex-shrink:0;font-size:.9rem}.mobile-match-indicator>.match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-text{color:#fafafa;white-space:nowrap;letter-spacing:.1px;text-shadow:0 1px 2px #0006;font-size:.9rem;font-weight:600;line-height:1.3}.mobile-match-indicator>.match-indicator-content .match-indicator-left .selected-card-preview{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#1a1a1a 0%,#272727 50%,#861616 100%);border:1px solid #1717174d;border-radius:12px;flex-flow:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-width:0;padding:.5rem .75rem;animation:2s ease-in-out infinite mobileCardPreviewPulse;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #1717171a,0 2px 4px #00000014,0 0 0 1px #ffffff1a}.mobile-match-indicator>.match-indicator-content .match-indicator-left .selected-card-preview:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#ffffff0d 100%);border-radius:12px;position:absolute;inset:0}.mobile-match-indicator>.match-indicator-content .match-indicator-left .selected-card-preview .selected-card-type{color:#e5e5e5;text-transform:uppercase;letter-spacing:.8px;z-index:1;background:linear-gradient(135deg,#dc262633 0%,#dc26264d 100%);border:1px solid #dc26264d;border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:.7rem;font-weight:700;line-height:1;position:relative;box-shadow:0 1px 2px #0000004d}.mobile-match-indicator>.match-indicator-content .match-indicator-left .selected-card-preview .selected-card-text{color:#fafafa;text-overflow:ellipsis;-webkit-line-clamp:2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.1px;text-shadow:0 1px 2px #0006;z-index:1;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;position:relative;overflow:hidden}.mobile-match-indicator>.match-indicator-content .cancel-match-btn{color:#fafafa;cursor:pointer;transition:all .25s ease ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#dc2626 0%,#b21d1d 100%);border:2px solid #dc26264d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;display:flex;position:relative;box-shadow:0 3px 10px #dc26264d,inset 0 1px 2px #ffffff1a,0 0 0 1px #ffffff1a}.mobile-match-indicator>.match-indicator-content .cancel-match-btn:before{content:"";z-index:-1;background:linear-gradient(135deg,#fff3 0%,#0000 50%,#ffffff1a 100%);border-radius:50%;position:absolute;inset:-1px}.mobile-match-indicator>.match-indicator-content .cancel-match-btn:hover{background:linear-gradient(135deg,#e03c3c 0%,#dc2626 100%);border-color:#dc262666;transform:scale(1.05);box-shadow:0 4px 12px #dc262666,inset 0 1px 3px #ffffff26,0 0 0 1px #ffffff26}.mobile-match-indicator>.match-indicator-content .cancel-match-btn:active{transform:scale(.95);box-shadow:0 2px 6px #dc26264d,inset 0 1px 1px #ffffff1a,0 0 0 1px #ffffff0d}.mobile-match-indicator>.match-indicator-content .cancel-match-btn svg{filter:drop-shadow(0 1px 1px #0003);font-size:.85rem}@media (max-width:767px) and (orientation:portrait){.mobile-match-indicator{padding:.5rem .75rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-left:calc(.75rem + env(safe-area-inset-left,0px));padding-right:calc(.75rem + env(safe-area-inset-right,0px))}.mobile-match-indicator .match-indicator-content{gap:1rem}.mobile-match-indicator .match-indicator-content .match-indicator-left{gap:3px}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header{gap:.5rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-icon{font-size:.85rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-text{color:#fafafa;font-size:.85rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview{background:linear-gradient(135deg,#121212 0%,#212121 50%,#7e1414 100%);padding:.5rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-type{color:#e5e5e5;background:linear-gradient(135deg,#dc262640 0%,#dc262659 100%);padding:2px 6px;font-size:.65rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-text{-webkit-line-clamp:2;font-size:.9rem}.mobile-match-indicator .match-indicator-content .cancel-match-btn{border-radius:50%;width:32px;height:32px;font-size:.75rem}.mobile-match-indicator .match-indicator-content .cancel-match-btn svg{font-size:.8rem}}@media (max-width:375px){.mobile-match-indicator .match-indicator-content{gap:.75rem}.mobile-match-indicator .match-indicator-content .match-indicator-left{gap:2px}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header{gap:.5rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-icon{font-size:.8rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-text{color:#fafafa;font-size:.8rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview{background:linear-gradient(135deg,#0d0d0d 0%,#1a1a1a 50%,#701212 100%);padding:4px .5rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-type{color:#e5e5e5;background:linear-gradient(135deg,#dc26264d 0%,#dc262666 100%);padding:2px 5px;font-size:.6rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-text{-webkit-line-clamp:2;font-size:.85rem}.mobile-match-indicator .match-indicator-content .cancel-match-btn{border-radius:50%;width:30px;height:30px;font-size:.7rem}.mobile-match-indicator .match-indicator-content .cancel-match-btn svg{font-size:.75rem}}@media (max-width:320px){.mobile-match-indicator .match-indicator-content{gap:.75rem}.mobile-match-indicator .match-indicator-content .match-indicator-left{gap:2px}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header{gap:.5rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-icon{font-size:.75rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-text{color:#fafafa;font-size:.75rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview{background:linear-gradient(135deg,#080808 0%,#121212 50%,#631010 100%);padding:3px .5rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-type{color:#e5e5e5;background:linear-gradient(135deg,#dc262659 0%,#dc262673 100%);padding:1px 4px;font-size:.55rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-text{font-size:.8rem}.mobile-match-indicator .match-indicator-content .cancel-match-btn{border-radius:50%;width:28px;height:28px;font-size:.65rem}.mobile-match-indicator .match-indicator-content .cancel-match-btn svg{font-size:.7rem}}@media (min-width:768px){.mobile-match-indicator{display:none}}.mobile-instructions-overlay>.mobile-instructions-content{background:#fff;border-radius:24px;flex-flow:column;justify-content:space-between;align-items:stretch;width:100%;max-width:500px;max-height:90vh;padding:0;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header{background:#dc26260d;border-bottom:1px solid #e5e5e5;flex-flow:row;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-title{color:#171717;margin:0;font-size:1.2rem;font-weight:600}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn{color:#dc2626;cursor:pointer;transition:all .25s ease ease;background:#dc26261a;border:2px solid #dc262633;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;display:flex;position:relative;overflow:hidden}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn:before{content:"";width:0;height:0;transition:all .25s ease ease;background:#dc26261a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn:hover{background:#dc262626;border-color:#dc262666;transform:scale(1.1);box-shadow:0 4px 12px #dc262633}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn:hover:before{width:100%;height:100%}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn:active{transform:scale(.95);box-shadow:0 2px 6px #dc262626}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step{background:#dc26260d;border:1px solid #dc26261a;border-radius:16px;flex-flow:row;justify-content:flex-start;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-number{color:#fafafa;background:linear-gradient(135deg,#dc2626,#b21d1d);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content{flex:1}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content h3{color:#171717;margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content p{color:#525252;margin:0;font-size:.95rem;line-height:1.5}@media (min-width:640px){.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header{padding:1rem 1.5rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-title{font-size:1.1rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn{border-radius:50%;width:28px;height:28px;font-size:.75rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-steps{padding:1.5rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-footer{gap:.75rem;padding:1rem 1.5rem;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-footer .mobile-instructions-start-btn{color:#fff!important;background:linear-gradient(135deg,#dc2626 0%,#a91b1b 100%)!important;border-radius:12px!important;gap:6px!important;min-width:140px!important;min-height:44px!important;padding:.75rem 1.5rem!important;font-size:14px!important}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-footer .mobile-instructions-start-btn svg{margin-right:5px;color:#fff!important;vertical-align:middle!important;width:auto!important;height:auto!important;font-size:13px!important;line-height:1!important;display:inline-block!important}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step{gap:1rem;margin-bottom:1.5rem;padding:1rem}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-number{border-radius:50%;width:36px;height:36px;font-size:1.1rem}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content h3{font-size:1rem}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content p{font-size:.9rem}}@media (max-width:639.98px){.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header{padding:.75rem 1rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-title{font-size:1rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-header .mobile-instructions-close-btn{border-radius:50%;width:26px;height:26px;font-size:.7rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-steps{padding:1rem}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-footer{gap:.5rem;padding:.75rem 1rem;flex-direction:row!important;justify-content:center!important;align-items:center!important;display:flex!important}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-footer .mobile-instructions-start-btn{color:#fff!important;background:linear-gradient(135deg,#dc2626 0%,#a91b1b 100%)!important;border-radius:12px!important;gap:5px!important;min-width:120px!important;min-height:40px!important;padding:.75rem 1rem!important;font-size:13px!important}.mobile-instructions-overlay>.mobile-instructions-content .mobile-instructions-footer .mobile-instructions-start-btn svg{margin-right:5px;color:#fff!important;vertical-align:middle!important;width:auto!important;height:auto!important;font-size:12px!important;line-height:1!important;display:inline-block!important}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step{gap:.75rem;margin-bottom:1rem;padding:.75rem}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-number{border-radius:50%;width:32px;height:32px;font-size:1rem}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content h3{font-size:.95rem}.mobile-instructions-overlay>.mobile-instructions-content .instruction-step .step-content p{font-size:.85rem}}@media (min-width:768px){.mobile-instructions-overlay{display:none}}@keyframes mobileIndicatorSlideIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.game-complete-content{text-align:center;background:linear-gradient(135deg,#dc26261a 0%,#1717170d 100%);border-radius:24px;width:100%;max-width:500px;padding:2rem;position:relative;overflow:hidden}.game-complete-content:before{content:"";z-index:-1;background:radial-gradient(circle,#dc26261a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;left:-50%}@media (max-width:768px){.game-complete-content{max-width:90vw;margin:.75rem;padding:1.5rem}}@media (max-width:480px){.game-complete-content{border-radius:12px;max-width:95vw;margin:.5rem;padding:1rem}}.game-complete-header{margin-bottom:2rem}.game-complete-header h2{color:#171717;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.75rem;font-weight:700;display:flex}.game-complete-header h2 .game-complete-icon{color:#dc2626;font-size:2rem;animation:2s infinite bounce}@media (max-width:768px){.game-complete-header h2{font-size:1.5rem}.game-complete-header h2 .game-complete-icon{font-size:1.75rem}}.game-complete-header .performance-rating{flex-direction:column;align-items:center;gap:.5rem;display:flex}.game-complete-header .performance-rating .rating-label{color:#525252;font-size:.875rem;font-weight:500}.game-complete-header .performance-rating .rating-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;padding:.5rem .75rem;font-size:1.125rem;font-weight:700}.game-complete-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem;display:grid}@media (max-width:768px){.game-complete-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width:480px){.game-complete-stats{grid-template-columns:1fr;gap:.75rem}}.game-complete-stats .matching-stat-item{transition:all .25s ease ease;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem}.game-complete-stats .matching-stat-item:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.game-complete-stats .matching-stat-item .stat-label{color:#525252;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.game-complete-stats .matching-stat-item .stat-value{color:#171717;font-size:1.25rem;font-weight:700}@media (max-width:768px){.game-complete-stats .matching-stat-item .stat-value{font-size:1.125rem}}.game-complete-footer{justify-content:center;gap:1rem;display:flex}@media (max-width:480px){.game-complete-footer{flex-direction:column;gap:.75rem}}.game-complete-footer .btn{min-width:120px;transition:all .25s ease ease;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.game-complete-footer .btn.btn-primary{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#e35252 100%);border:none}.game-complete-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.game-complete-footer .btn.btn-primary:active{transform:translateY(0)}.game-complete-footer .btn.btn-secondary{color:#171717;background:#ffffff1a;border:1px solid #fff3}.game-complete-footer .btn.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.pair-selector-modal-content{background:linear-gradient(135deg,#1717171a 0%,#dc26260d 100%);border-radius:24px;margin:0 auto;padding:2rem;position:relative;overflow:hidden;width:100%!important;max-width:600px!important}.pair-selector-modal-content:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 80%,#dc26261a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#1717171a 0%,#0000 50%);position:absolute;inset:0}@media (max-width:768px){.pair-selector-modal-content{margin:.75rem;padding:1.5rem;max-width:90vw!important}}@media (max-width:480px){.pair-selector-modal-content{border-radius:12px;margin:.5rem;padding:1rem;max-width:95vw!important}}.modal-header{text-align:center;margin-bottom:1.5rem}.modal-header .modal-icon{color:#dc2626;margin-bottom:.75rem;font-size:2.5rem;animation:2s infinite pulse}.modal-header h3{color:#171717;margin:0;font-size:1.5rem;font-weight:700}@media (max-width:768px){.modal-header h3{font-size:1.25rem}}.modal-body{margin-bottom:2rem}.modal-body .modal-description{color:#525252;text-align:center;margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.modal-body .pairs-selector-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}@media (max-width:768px){.modal-body .pairs-selector-section{padding:1rem}}.modal-footer{justify-content:center;gap:1rem;display:flex}@media (max-width:480px){.modal-footer{flex-direction:column;gap:.75rem}}.modal-footer .btn{min-width:100px;transition:all .25s ease ease;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.modal-footer .btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.modal-footer .btn.btn-primary{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#e35252 100%);border:none}.modal-footer .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.modal-footer .btn.btn-secondary{color:#171717;background:#ffffff1a;border:1px solid #fff3}.modal-footer .btn.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.mobile-instructions-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#404040f2;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.mobile-instructions-overlay .mobile-instructions-content{background:linear-gradient(135deg,#1717171a 0%,#dc26260d 100%);border-radius:24px;width:100%;max-width:500px;max-height:80vh;padding:2rem;position:relative;overflow-y:auto}.mobile-instructions-overlay .mobile-instructions-content:before{content:"";z-index:-1;background:radial-gradient(circle,#dc26261a 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;left:-50%}@media (max-width:768px){.mobile-instructions-overlay .mobile-instructions-content{max-width:90vw;margin:.75rem;padding:1.5rem}}@media (max-width:480px){.mobile-instructions-overlay .mobile-instructions-content{border-radius:12px;max-width:95vw;max-height:85vh;margin:.5rem;padding:1rem}}.mobile-instructions-overlay .mobile-instructions-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.mobile-instructions-overlay .mobile-instructions-header .mobile-instructions-title{color:#171717;margin:0;font-size:1.5rem;font-weight:700}@media (max-width:768px){.mobile-instructions-overlay .mobile-instructions-header .mobile-instructions-title{font-size:1.25rem}}.mobile-instructions-overlay .mobile-instructions-header .mobile-instructions-close-btn{color:#171717;width:44px;height:44px;transition:all .25s ease ease;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;display:flex}.mobile-instructions-overlay .mobile-instructions-header .mobile-instructions-close-btn:hover{background:#fff3;transform:scale(1.1)}.mobile-instructions-overlay .mobile-instructions-steps{margin-bottom:2rem}.mobile-instructions-overlay .mobile-instructions-steps .instruction-step{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.mobile-instructions-overlay .mobile-instructions-steps .instruction-step:last-child{margin-bottom:0}.mobile-instructions-overlay .mobile-instructions-steps .instruction-step .step-number{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#e35252 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.125rem;font-weight:700;display:flex}.mobile-instructions-overlay .mobile-instructions-steps .instruction-step .step-content{flex:1}.mobile-instructions-overlay .mobile-instructions-steps .instruction-step .step-content h3{color:#171717;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}@media (max-width:768px){.mobile-instructions-overlay .mobile-instructions-steps .instruction-step .step-content h3{font-size:1rem}}.mobile-instructions-overlay .mobile-instructions-steps .instruction-step .step-content p{color:#525252;margin:0;font-size:.875rem;line-height:1.5}.mobile-instructions-overlay .mobile-instructions-footer{text-align:center}.mobile-instructions-overlay .mobile-instructions-footer .mobile-instructions-start-btn{color:#fff;min-width:200px;transition:all .25s ease ease;background:linear-gradient(135deg,#dc2626 0%,#e35252 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;display:flex}.mobile-instructions-overlay .mobile-instructions-footer .mobile-instructions-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}.mobile-instructions-overlay .mobile-instructions-footer .mobile-instructions-start-btn:active{transform:translateY(0)}.mobile-match-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:slideDown .25s ease ease;background:linear-gradient(135deg,#dc2626e6 0%,#171717cc 100%);border-radius:16px;padding:1rem;position:fixed;top:1.5rem;left:1.5rem;right:1.5rem;box-shadow:0 10px 20px #0000000f,0 20px 48px #00000014}@media (max-width:480px){.mobile-match-indicator{padding:.75rem;top:.75rem;left:.75rem;right:.75rem}}.mobile-match-indicator .match-indicator-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mobile-match-indicator .match-indicator-content .match-indicator-left{flex:1;min-width:0}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-icon{color:#fff;font-size:1.25rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .match-indicator-header .match-indicator-text{color:#fff;font-size:.875rem;font-weight:600}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview{background:#fff3;border-radius:8px;padding:.5rem .75rem}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-type{color:#fffc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;font-weight:500;display:block}.mobile-match-indicator .match-indicator-content .match-indicator-left .selected-card-preview .selected-card-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.mobile-match-indicator .match-indicator-content .cancel-match-btn{color:#fff;width:44px;height:44px;transition:all .25s ease ease;background:#fff3;border:1px solid #ffffff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-match-indicator .match-indicator-content .cancel-match-btn:hover{background:#ffffff4d;transform:scale(1.1)}.mobile-match-indicator .match-indicator-content .cancel-match-btn:active{transform:scale(.95)}.instructions-content .instructions-body .instruction-step{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.instructions-content .instructions-body .instruction-step:last-child{margin-bottom:0}.instructions-content .instructions-body .instruction-step .step-number{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#e35252 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.instructions-content .instructions-body .instruction-step .step-content{flex:1}.instructions-content .instructions-body .instruction-step .step-content h3{color:#171717;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.instructions-content .instructions-body .instruction-step .step-content p{color:#525252;margin:0;font-size:1rem;line-height:1.6}.instructions-content .instructions-footer{text-align:center;margin-top:2rem}.instructions-content .instructions-footer .btn{min-width:200px;transition:all .25s ease ease;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-weight:600;display:inline-flex}.instructions-content .instructions-footer .btn.btn-primary{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#e35252 100%);border:none}.instructions-content .instructions-footer .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d,0 8px 24px #0000000f}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.btn:focus-visible,.mobile-instructions-close-btn:focus-visible,.cancel-match-btn:focus-visible{outline-offset:2px;outline:2px solid #dc2626}@media (prefers-reduced-motion:reduce){.game-complete-icon,.modal-icon,.game-complete-content:before,.pair-selector-modal-content:before,.mobile-instructions-content:before{animation:none}.btn:hover,.matching-stat-item:hover{transform:none}}@media (prefers-contrast:high){.game-complete-content,.pair-selector-modal-content,.mobile-instructions-content,.matching-stat-item{border:2px solid #171717}}@media (prefers-reduced-motion:reduce){.matching-game .matching-game .matching-card{transition:none}.matching-game .matching-game .matching-card.dragging{transform:none}.matching-game .matching-game .matching-game-header .audio-button,.matching-game .matching-game .matching-game-header .hint-button{transition:none}.matching-game .matching-game .matching-game-header .audio-button:hover,.matching-game .matching-game .matching-game-header .hint-button:hover{transform:none}@keyframes shake{0%,25%,75%,to{transform:none}}@keyframes pulse{0%,50%,to{transform:none;box-shadow:0 0 20px #ca8a0480}}@keyframes mobileSelectionPulse{0%,50%,to{opacity:.9;transform:none}}}@media (min-width:640px){.matching-game .matching-game .matching-game-header .header-left .game-title h1{font-size:1.25rem}.matching-game .matching-game .matching-game-stats .matching-stat-item{min-width:80px}.matching-game .matching-game .matching-game-stats .matching-stat-item .stat-label{font-size:.75rem}.matching-game .matching-game .matching-card{min-width:100px;min-height:70px;max-height:150px}.matching-game .matching-game .matching-card .card-content{padding:.5rem}.matching-game .matching-game .matching-card .card-content .card-text{font-size:.9rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view{padding:1.5rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view .instructions-content .instructions-header .instructions-icon{font-size:3rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view .instructions-content .instructions-header h2{font-size:1.5rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step{gap:.75rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-number{width:32px;height:32px;font-size:1rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content h3{font-size:1.1rem}.matching-game .matching-game .game-waiting .waiting-content.instructions-view .instructions-content .instructions-body .instruction-step .step-content p{font-size:.9rem}}.matching-game{box-sizing:border-box;width:100%;min-width:0;max-width:1200px;padding:.75rem 24px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#fff;border:1px solid #e5e5e5;border-radius:16px;margin-left:auto;margin-right:auto;position:relative;overflow-x:hidden}@media (min-width:1600px){.matching-game{border-radius:24px;max-width:1800px;margin:0 auto;padding:2rem 3rem}}@media (min-width:1400px) and (max-width:1599px){.matching-game{border-radius:24px;max-width:1600px;margin:0 auto;padding:1.5rem 2rem}}@media (min-width:1200px) and (max-width:1399px){.matching-game{border-radius:24px;max-width:1400px;margin:0 auto;padding:1.5rem 2rem}}@media (min-width:992px) and (max-width:1199px){.matching-game{border-radius:16px;max-width:1200px;margin:0 auto;padding:1rem 1.5rem}}@media (min-width:768px) and (max-width:991px){.matching-game{border-radius:16px;max-width:100%;padding:.75rem 1rem}}@media (min-width:600px) and (max-width:767px){.matching-game{border-radius:16px;max-width:100%;padding:.75rem 1rem}}@media (min-width:768px){.matching-game{padding:.75rem 1rem}}@media (min-width:640px){.matching-game{padding:.75rem}}
.vocabulary-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;padding:0;display:grid}@media (min-width:640px){.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}}@media (min-width:768px){.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem}}@media (min-width:1024px){.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.vocabulary-grid.loading .vocabulary-card{opacity:0;animation:.5s ease-out forwards cardFadeIn}.vocabulary-grid.loading .vocabulary-card:first-child{animation-delay:70ms}.vocabulary-grid.loading .vocabulary-card:nth-child(2){animation-delay:.14s}.vocabulary-grid.loading .vocabulary-card:nth-child(3){animation-delay:.21s}.vocabulary-grid.loading .vocabulary-card:nth-child(4){animation-delay:.28s}.vocabulary-grid.loading .vocabulary-card:nth-child(5){animation-delay:.35s}.vocabulary-grid.loading .vocabulary-card:nth-child(6){animation-delay:.42s}.vocabulary-grid.loading .vocabulary-card:nth-child(7){animation-delay:.49s}.vocabulary-grid.loading .vocabulary-card:nth-child(8){animation-delay:.56s}.vocabulary-grid.loading .vocabulary-card:nth-child(9){animation-delay:.63s}.vocabulary-grid.loading .vocabulary-card:nth-child(10){animation-delay:.7s}.vocabulary-grid.loading .vocabulary-card:nth-child(11){animation-delay:.77s}.vocabulary-grid.loading .vocabulary-card:nth-child(12){animation-delay:.84s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1280px){.vocabulary-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}}
.vocabulary-vault{color:#171717;width:100%;max-width:1200px;font-family:var(--font-dm-sans,"DM Sans"),system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;margin:0 auto;padding:0 1rem 3rem;position:relative;overflow:visible}@media (max-width:1023px){.vocabulary-vault{padding-top:3.25rem}}.vocabulary-vault__scroll{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.vocabulary-vault__header{margin-bottom:2rem}.vocabulary-vault__header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.vocabulary-vault__header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.vocabulary-vault__kicker{color:#dc2626;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.75rem;font-weight:600}.vocabulary-vault__title-row{align-items:flex-start;gap:1rem;display:flex}.vocabulary-vault__title-row svg{color:#171717;margin-top:.35rem;font-size:1.5rem}.vocabulary-vault__title-row h1{font-family:var(--font-plus-jakarta-sans,"Plus Jakarta Sans"),-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter",system-ui,sans-serif;letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:600;line-height:1.15}.vocabulary-vault__title-row h1 span{color:#525252;font-weight:500}.vocabulary-vault__level-link{color:#171717;transition:background-color border-color .25s ease;border:1px solid #e5e5e5;border-radius:8px;align-items:center;padding:.65rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.vocabulary-vault__level-link:hover{background:#f5f5f5;border-color:#d4d4d4}.vocabulary-vault__lead{color:#737373;margin:1rem 0 0;font-size:.875rem}.vocabulary-vault__controls{background:#fff;border:1px solid #e5e5e5;border-radius:16px;margin-bottom:2rem;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 1px 3px #0000000f}.vocabulary-vault__control-tabs{border-bottom:1px solid #e5e5e5;align-items:stretch;display:flex}.vocabulary-vault__control-tabs>button{appearance:none;font:inherit;color:#525252;cursor:pointer;transition:background-color color .25s ease;background:0 0;border:none;border-right:1px solid #e5e5e5;align-items:center;gap:.45rem;margin:0;padding:.9rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.vocabulary-vault__control-tabs>button:hover{color:#171717;background:#fafafa}.vocabulary-vault__control-tabs>button.is-active{color:#171717;background:#f5f5f5}.vocabulary-vault__toggle{border-right:none!important;margin-left:auto!important}.vocabulary-vault__toggle svg{transition:transform .25s}.vocabulary-vault__toggle svg.is-open{transform:rotate(180deg)}.vocabulary-vault__panel{padding:1.5rem}.vocabulary-vault__note{color:#737373;margin:1rem 0 0;font-size:.75rem}.vocabulary-vault__filters{gap:1rem;display:grid}.vocabulary-vault__search{align-items:center;display:flex;position:relative}.vocabulary-vault__search>svg{color:#737373;position:absolute;left:.9rem}.vocabulary-vault__search input{color:#171717;width:100%;font:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:.8rem 2.5rem .8rem 2.4rem}.vocabulary-vault__search input:disabled{opacity:.55;cursor:not-allowed}.vocabulary-vault__search button{appearance:none;font:inherit;color:#737373;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;margin:0;padding:0;display:flex;position:absolute;right:.6rem}.vocabulary-vault__toggles{flex-wrap:wrap;gap:.75rem;display:flex}.vocabulary-vault__toggles button{appearance:none;font:inherit;color:#525252;cursor:pointer;transition:background-color border-color color .25s ease;background:0 0;border:1px solid #e5e5e5;border-radius:8px;align-items:center;gap:.4rem;margin:0;padding:.65rem .9rem;font-size:.875rem;display:inline-flex}.vocabulary-vault__toggles button:hover:not(:disabled){color:#171717;background:#fafafa}.vocabulary-vault__toggles button.is-active{color:#171717;background:#f5f5f5;border-color:#171717}.vocabulary-vault__toggles button:disabled{opacity:.5;cursor:not-allowed}.vocabulary-vault__langs{border:1px solid #e5e5e5;border-radius:8px;gap:.35rem;width:fit-content;padding:.25rem;display:inline-flex}.vocabulary-vault__langs button{appearance:none;font:inherit;color:#737373;cursor:pointer;white-space:nowrap;min-width:44px;transition:background-color color .25s ease;background:0 0;border:none;border-radius:4px;margin:0;padding:.5rem .85rem;font-size:.875rem;font-weight:600}.vocabulary-vault__langs button.is-active{color:#fff;background:#171717}.vocabulary-vault__content{min-height:240px}.vocabulary-vault__pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.vocabulary-vault__pagination button{appearance:none;font:inherit;color:#171717;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin:0;padding:.6rem 1rem;transition:background-color .25s}.vocabulary-vault__pagination button:hover:not(:disabled){background:#f5f5f5}.vocabulary-vault__pagination button:disabled{opacity:.45;cursor:not-allowed}.vocabulary-vault__pagination span{color:#737373;font-size:.875rem}.vocabulary-vault--state{text-align:center;color:#737373;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:280px;padding:2rem;display:flex}.vocabulary-vault--state svg{color:#dc2626;font-size:2rem}.vocabulary-vault--state p{margin:0}@media (max-width:639.98px){.vocabulary-vault{padding-left:.75rem;padding-right:.75rem}.vocabulary-vault__control-tabs>button{flex:1;justify-content:center;font-size:0}.vocabulary-vault__control-tabs>button svg{font-size:1.1rem}.vocabulary-vault__control-tabs>button.vocabulary-vault__toggle{font-size:inherit;flex:none}}
.vocabulary-vault{color:var(--ds-text-primary)}.vocabulary-vault__kicker{color:var(--ds-accent)}.vocabulary-vault__title-row svg{color:var(--ds-text-primary)}.vocabulary-vault__title-row h1 span{color:var(--ds-text-secondary)}.vocabulary-vault__lead,.vocabulary-vault--state{color:var(--ds-text-tertiary)}.vocabulary-vault--state svg{color:var(--ds-accent)}.vocabulary-vault__controls{border-color:var(--ds-border-subtle);background:var(--ds-surface-card);box-shadow:var(--ds-shadow-sm)}.vocabulary-vault__control-tabs{border-bottom-color:var(--ds-border-subtle)}.vocabulary-vault__control-tabs>button{color:var(--ds-text-secondary);border-right-color:var(--ds-border-subtle)}.vocabulary-vault__control-tabs>button:hover{background:var(--ds-surface-sunken);color:var(--ds-text-primary)}.vocabulary-vault__control-tabs>button.is-active{background:var(--ds-surface-muted);color:var(--ds-text-primary)}.vocabulary-vault__note,.vocabulary-vault__search>svg{color:var(--ds-text-tertiary)}.vocabulary-vault__search input{border-color:var(--ds-border-subtle);background:var(--ds-surface-page);color:var(--ds-text-primary)}.vocabulary-vault__search button{color:var(--ds-text-tertiary)}.vocabulary-vault__toggles button{border-color:var(--ds-border-subtle);color:var(--ds-text-secondary)}.vocabulary-vault__toggles button:hover:not(:disabled){background:var(--ds-surface-sunken);color:var(--ds-text-primary)}.vocabulary-vault__toggles button.is-active{border-color:var(--ds-text-primary);background:var(--ds-surface-muted);color:var(--ds-text-primary)}.vocabulary-vault__langs{border-color:var(--ds-border-subtle)}.vocabulary-vault__langs button{color:var(--ds-text-tertiary)}.vocabulary-vault__langs button.is-active{background:var(--ds-text-primary);color:var(--ds-surface-page)}.vocabulary-vault__pagination button{border-color:var(--ds-border-subtle);background:var(--ds-surface-card);color:var(--ds-text-primary)}.vocabulary-vault__pagination button:hover:not(:disabled){background:var(--ds-surface-muted)}.vocabulary-vault__pagination span{color:var(--ds-text-tertiary)}.study-mode-selector .mode-section .mode-selector-label{color:var(--ds-text-secondary)}.study-mode-selector .mode-section .mode-selector-label svg{color:var(--ds-text-tertiary)}.study-mode-selector .mode-section .mode-btn{border-color:var(--ds-border-subtle);background:var(--ds-surface-page);color:var(--ds-text-secondary)}.study-mode-selector .mode-section .mode-btn svg{color:var(--ds-text-tertiary)}.study-mode-selector .mode-section .mode-btn:hover{background:var(--ds-surface-sunken);border-color:var(--ds-border-default);color:var(--ds-text-primary)}.study-mode-selector .mode-section .mode-btn:hover svg{color:var(--ds-text-primary)}.study-mode-selector .mode-section .mode-btn.active{background:var(--ds-text-primary);border-color:var(--ds-text-primary);color:var(--ds-surface-page)}.study-mode-selector .mode-section .mode-btn.active svg{color:var(--ds-surface-page)}.study-mode-selector .mode-section .mode-btn.active:hover{background:var(--ds-text-secondary);border-color:var(--ds-text-secondary);color:var(--ds-surface-page)}.topic-filter .custom-select .select-trigger{background:var(--ds-surface-page);border-color:var(--ds-border-subtle);color:var(--ds-text-primary)}.topic-filter .custom-select .select-trigger:hover:not(:disabled){background:var(--ds-surface-sunken);border-color:var(--ds-border-default)}.vocabulary-card.modern-card{background:linear-gradient(135deg, var(--ds-surface-card) 0%, var(--ds-surface-sunken) 100%);border-color:var(--ds-border-subtle)}.vocabulary-card.modern-card:hover{border-color:var(--ds-border-default)}.vocabulary-card.modern-card .save-btn{border-color:var(--ds-border-subtle);color:var(--ds-text-tertiary);background:#18181bd9}.vocab-card-container{background:var(--ds-surface-card)}.vocab-card-container .card-header .word-section .word-info .word-text{color:var(--ds-text-primary)}.vocab-card-container .card-header .word-section .word-info .topic-tag{background:linear-gradient(135deg, var(--ds-surface-muted) 0%, var(--ds-surface-sunken) 100%);color:var(--ds-text-secondary);border-color:var(--ds-border-default)}.vocab-card-container .card-body .translation-section .translation-label{color:var(--ds-text-tertiary)}.vocab-card-container .card-body .translation-section .translation{color:var(--ds-text-secondary);background:linear-gradient(135deg, var(--ds-surface-muted) 0%, var(--ds-surface-sunken) 100%);border-color:var(--ds-border-subtle)}.vocab-card-container .card-body .examples-section .examples-trigger{background:var(--ds-surface-page)}.modal-header{border-bottom-color:var(--ds-border-subtle)}.modal-header .modal-title{color:var(--ds-text-primary)}.modal-header .close-btn{background:var(--ds-surface-sunken);border-color:var(--ds-border-subtle);color:var(--ds-text-secondary)}.examples-modal{background:var(--ds-surface-card)}.modal-body .word-summary .word{color:var(--ds-text-primary)}.modal-body .word-summary .translation,.modal-body .examples-list .example-item .example-content .example-text{color:var(--ds-text-secondary)}.modal-footer{border-top-color:var(--ds-border-subtle)}.modal-footer .escape-hint{color:var(--ds-text-tertiary);background:var(--ds-surface-sunken);border-color:var(--ds-border-subtle);box-shadow:inset 0 -2px 0 var(--ds-border-subtle)}.images-section .section-header .section-title,.examples-list .section-header .section-title{color:var(--ds-text-primary)}.images-section .images-container .images-loading,.images-section .images-container .images-error,.images-section .images-container .no-images{background:var(--ds-surface-sunken);border-color:var(--ds-border-default)}.images-section .images-container .images-loading span,.images-section .images-container .images-error span,.images-section .images-container .no-images span{color:var(--ds-text-tertiary)}