.level-selector{display:flex;flex-direction:column;gap:var(--size-md);width:100%;max-width:720px}.level-selector__group{display:flex;flex-direction:column;gap:var(--size-sm)}.level-selector__group-label{font-family:var(--font-pixel);font-size:var(--size-sm);color:var(--color-text-dim);letter-spacing:.15em;margin:0;padding-bottom:4px;border-bottom:2px solid var(--color-text-dim);text-align:left}.level-selector__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--size-sm)}.level-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--size-md) var(--size-sm);background:var(--color-bg);border:3px solid var(--color-text-dim);cursor:pointer;font-family:var(--font-pixel);color:var(--color-fg);text-align:center;transition:transform .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}.level-card:hover,.level-card:focus-visible{border-color:var(--color-accent);transform:translateY(-2px);outline:none}.level-card--active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent),0 0 16px var(--color-accent)}.level-card__level-num{position:absolute;top:4px;right:6px;font-size:9px;color:var(--color-text-dim);letter-spacing:.05em}.level-card--active .level-card__level-num{color:var(--color-accent)}.level-card__badge{font-size:22px;line-height:1;color:var(--color-accent);margin-top:4px;text-shadow:2px 2px 0 rgba(0,0,0,.4);letter-spacing:.02em}.level-card__name{font-size:11px;color:var(--color-fg);letter-spacing:.05em;line-height:1.3}.level-card__description{font-family:var(--font-body, sans-serif);font-size:11px;color:var(--color-text-dim);line-height:1.3;margin-top:2px}@media(prefers-reduced-motion:reduce){.level-card{transition:none}.level-card:hover,.level-card:focus-visible{transform:none}}.theme-picker{display:flex;flex-direction:column;align-items:center;gap:.5rem;border:0;padding:0;margin:0}.theme-picker__label{font-family:var(--font-pixel);font-size:var(--size-sm);color:var(--color-fg);letter-spacing:.05em}.theme-picker__grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}