.difficulty-picker{display:grid;grid-template-columns:minmax(230px,1fr) minmax(360px,1.25fr);gap:12px 25px;align-items:center;background:#f0f0e5;border:1px solid #dedfce;border-radius:11px;margin:-3px 0 22px;padding:18px 21px}.challenge-intro .eyebrow{font-size:7px;letter-spacing:1.2px;color:#8b9278}.challenge-intro h2{font-family:'Outfit',sans-serif;font-size:19px;font-weight:550;letter-spacing:-.4px;margin:5px 0 6px}.challenge-intro p{margin:0;font-size:9px;line-height:1.7;color:#929781;max-width:430px}.difficulty-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.difficulty-option{background:#faf9f1;border:1px solid #e0e1d1;border-radius:7px;padding:12px 7px;text-align:left;min-width:0}.difficulty-option strong{display:block;font-family:'Outfit',sans-serif;font-size:14px;font-weight:550;margin-bottom:5px}.difficulty-option span{display:block;font-size:8px;color:#929781;white-space:nowrap}.difficulty-option.active{background:#fffdf3;border-color:#a4af89;box-shadow:0 0 0 2px #a4af8924;color:#596d48}.difficulty-option.active strong:after{content:'✓';font-size:11px;margin-left:6px;color:#8a9e70}.difficulty-option[data-difficulty='hard'].active,.difficulty-option[data-difficulty='expert'].active{border-color:#bd8f80;color:#965563;box-shadow:0 0 0 2px #bd8f801a}.difficulty-option[data-difficulty='hard'].active strong:after,.difficulty-option[data-difficulty='expert'].active strong:after{color:#b07b77}.difficulty-picker>small{grid-column:1/-1;font-size:8px;color:#9b9f8c;border-top:1px solid #dfe2cf;padding-top:9px;line-height:1.6}.difficulty[data-mode='hard'],.difficulty[data-mode='expert']{background:#f1e3df;color:#aa756e}.difficulty[data-mode='normal']{background:#eeecd9;color:#998956}.personal-best #best-label{display:block;font-weight:500;font-size:7px;letter-spacing:.6px}
@media(max-width:1100px){.difficulty-picker{grid-template-columns:1fr;gap:13px;padding:17px}.challenge-intro p{max-width:none}.difficulty-option{padding:11px 13px}.difficulty-option span{font-size:9px}.difficulty-picker>small{font-size:8px}}
@media(max-width:540px){.difficulty-picker{padding:15px;margin-bottom:16px}.difficulty-options{grid-template-columns:repeat(2,minmax(0,1fr))}.difficulty-option{padding:11px 13px}.difficulty-option strong{font-size:14px}.challenge-intro h2{font-size:19px}.challenge-intro p{font-size:9px}.difficulty-picker>small{font-size:8px}.personal-best #best-label{font-size:6px}}