/* Shared difficulty colors: the legend, cards and shop details use the same scale. */
:root {--difficulty-1:#16764b;--difficulty-2:#167b86;--difficulty-3:#976d17;--difficulty-4:#b85a23;--difficulty-5:#b6424f}
:root[data-theme=dark] {--difficulty-1:#6ad3a1;--difficulty-2:#72ced7;--difficulty-3:#e5c56b;--difficulty-4:#f1ac75;--difficulty-5:#ef8c96}
:is(.difficulty,.difficulty-step)[data-level="1"] {--difficulty-color:var(--difficulty-1)}
:is(.difficulty,.difficulty-step)[data-level="2"] {--difficulty-color:var(--difficulty-2)}
:is(.difficulty,.difficulty-step)[data-level="3"] {--difficulty-color:var(--difficulty-3)}
:is(.difficulty,.difficulty-step)[data-level="4"] {--difficulty-color:var(--difficulty-4)}
:is(.difficulty,.difficulty-step)[data-level="5"] {--difficulty-color:var(--difficulty-5)}
.difficulty[data-level] i {border-color:var(--control)}
.difficulty[data-level] i.filled {background:var(--difficulty-color);border-color:var(--difficulty-color)}
.difficulty-guide {display:flex;align-items:center;gap:28px;margin:0 0 24px;padding:16px 20px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.difficulty-guide-heading {flex:0 0 205px}
.difficulty-guide h2 {margin:0;font-size:14px;line-height:1.4;letter-spacing:0}
.difficulty-guide-heading p {margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.difficulty-guide-scale {flex:1;min-width:0}
.difficulty-scale {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.difficulty-step {display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 6px;border-radius:8px;background:color-mix(in srgb,var(--difficulty-color) 10%,var(--surface))}
.difficulty-step .difficulty {gap:3px}
.difficulty-step .difficulty i {width:8px;height:8px}
.difficulty-step-number {font-size:12px;font-weight:650;color:var(--text);white-space:nowrap}
.difficulty-guide-range {display:flex;justify-content:space-between;gap:16px;margin-top:7px;font-size:12px;line-height:1.5;color:var(--muted)}
@media(max-width:1000px) {.difficulty-guide {gap:18px;padding:14px 16px}.difficulty-guide-heading {flex-basis:175px}.difficulty-step {flex-direction:column;gap:4px;padding:8px 4px}}
@media(max-width:600px) {.difficulty-guide {display:block;padding:14px 12px;margin-bottom:20px}.difficulty-guide-heading {display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.difficulty-guide-heading p {margin:0;font-size:11px;white-space:nowrap}.difficulty-guide h2 {font-size:13px}.difficulty-scale {gap:5px}.difficulty-step .difficulty {gap:2px}.difficulty-step .difficulty i {width:6px;height:6px}.difficulty-step-number {font-size:11px}}
@media(max-width:360px) {.difficulty-guide-heading {display:block}.difficulty-guide-heading p {margin-top:3px}.difficulty-step {padding-inline:1px}}
@media print {.difficulty-guide {break-inside:avoid;background:none}.difficulty-step {background:none}}