.LevelSelector_grid__Og2LF{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;padding:1rem}.LevelSelector_card__MgdUI{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);position:relative;text-decoration:none;display:block;opacity:0;transform:translateY(20px);animation:LevelSelector_levelCardFadeUp__ZSy8g .5s ease forwards}@keyframes LevelSelector_levelCardFadeUp__ZSy8g{to{opacity:1;transform:translateY(0)}}.LevelSelector_card__MgdUI:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background-color:var(--theme-color);transition:height .3s ease}.LevelSelector_card__MgdUI:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--theme-color)}.LevelSelector_card__MgdUI:hover:before{height:100%;opacity:.1}.LevelSelector_cardInner__Ylrn8{padding:2.5rem 2rem;display:flex;flex-direction:column;height:100%}.LevelSelector_levelName__ZkfzV{font-size:2.5rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem;transition:color .3s ease}.LevelSelector_card__MgdUI:hover .LevelSelector_levelName__ZkfzV{color:var(--theme-color)}.LevelSelector_description__A9Dya{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem;flex-grow:1}.LevelSelector_bottomBar__nznBh{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.LevelSelector_wordCount__N0NQx{font-weight:600;color:var(--theme-color);background:color-mix(in srgb,var(--theme-color) 15%,transparent);padding:.5rem 1rem;border-radius:9999px;font-size:.9rem}.LevelSelector_arrow__qBOgP{color:var(--theme-color);font-size:1.5rem;font-weight:700;opacity:0;transform:translateX(-10px);transition:all .3s ease}.LevelSelector_card__MgdUI:hover .LevelSelector_arrow__qBOgP{opacity:1;transform:translateX(0)}@media (max-width:640px){.LevelSelector_grid__Og2LF{grid-template-columns:1fr;gap:1.5rem;padding:.5rem 0}.LevelSelector_cardInner__Ylrn8{padding:2rem 1.5rem}.LevelSelector_levelName__ZkfzV{font-size:2rem}.LevelSelector_description__A9Dya{font-size:1rem;margin-bottom:1.5rem}.LevelSelector_bottomBar__nznBh{flex-direction:column;align-items:flex-start;gap:.5rem}}