.level-section .level-grid{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
.level-card.level-placeholder{cursor:default;transition:none}
.level-card.level-placeholder:hover{transform:none;box-shadow:none}
.level-card.level-link{color:inherit;text-decoration:none;cursor:pointer}
.level-card.level-link:focus-visible{outline:3px solid #008fab;outline-offset:4px}
/* Keep symbol colors tied to levels when preceding cards are hidden. */
.level-card.violet .level-symbol,.level-card.purple .level-symbol{color:#7055c8}
.level-card.peach .level-symbol{color:#c45a2d}
.level-card.rose .level-symbol{color:#bd4662}
.level-card.mint .level-symbol,.level-card.blue .level-symbol,.level-card.cyan .level-symbol{color:#0d689d}
.landing-level-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;padding:20px 22px}
.landing-level-control{display:flex;align-items:center;gap:16px}
.landing-level-control>span{flex:1;font-weight:700}
.landing-level-control select{width:230px;max-width:65%;margin:0}
@media(max-width:980px){.landing-level-controls{grid-template-columns:1fr}}
@media(max-width:480px){.landing-level-control{align-items:stretch;flex-direction:column;gap:6px}.landing-level-control select{width:100%;max-width:none}}