#fortschritt-scan .scan-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:14px 0;align-items:end}
#fortschritt-scan label{display:grid;gap:5px;color:#edf0e5;font-size:.9rem;min-width:0}
#fortschritt-scan select,#fortschritt-scan input{width:100%;max-width:100%;min-width:0;background:#10170f;color:#f5f2e6;border:1px solid #465342;border-radius:8px;padding:8px}
#fortschritt-scan .scan-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#fortschritt-scan .scan-file{max-width:32rem}
#fortschritt-scan .scan-sound{display:flex;align-items:center;gap:8px;margin:8px 0}
#fortschritt-scan .scan-sound input{width:auto}
#fortschritt-scan .scan-sound-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:8px 0}
#fortschritt-scan .scan-sound-controls label[for=scanSoundVolume]{display:flex;align-items:center;flex-wrap:wrap;column-gap:8px}
#fortschritt-scan #scanSoundVolume{width:min(100%,10rem);padding:0;accent-color:#e4c569}
#fortschritt-scan video{width:min(100%,38rem);margin-top:12px;border-radius:8px;background:#10170f}
#fortschritt-scan [hidden]{display:none!important}
#fortschritt-scan details{border-top:1px solid #465342;padding-top:12px;margin-top:12px}
#fortschritt-scan summary{cursor:pointer;font-weight:700;color:#f4dd9d}
#fortschritt-scan .scan-quests{padding-left:0;list-style:none}
#fortschritt-scan .scan-quests li{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,12rem);gap:8px;align-items:center;margin:4px 0}
#fortschritt-scan .scan-quest-entry{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}
#fortschritt-scan #scanStatus{min-height:1.3em;color:#f4dd9d}
#fortschritt-scan #scanQuestFeedback{padding:10px 12px;border-left:3px solid currentColor;background:#171e14;color:#d3ddcc}
#fortschritt-scan #scanQuestFeedback[data-state=success]{color:#bbec9f}
#fortschritt-scan #scanQuestFeedback[data-state=warning]{color:#ffd985}
#fortschritt-scan #scanCollectedTraders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:10px;align-items:start}
#fortschritt-scan .scan-trader{padding:12px;border:1px solid #465342;border-radius:8px;background:#131b10}
#fortschritt-scan .scan-trader-current{border-color:#d5b861}
#fortschritt-scan .scan-trader h4,#fortschritt-scan .scan-trader h5{margin:0 0 6px}
#fortschritt-scan .scan-trader h5{margin-top:10px;color:#e7d599}
#fortschritt-scan .scan-trader ul{margin:0;padding-inline-start:1.2rem;overflow-wrap:anywhere}
#fortschritt-scan .scan-trader p,#fortschritt-scan .scan-trader small{margin:0;color:#b8c4ab}
@media(max-width:420px){#fortschritt-scan .scan-quests li{grid-template-columns:1fr}}
#fortschritt-scan .scan-saved-traders { display: grid; gap: .7rem; margin-block: .8rem; }
#fortschritt-scan .scan-saved-traders ul { padding: 0; list-style: none; }
#fortschritt-scan .scan-saved-traders li { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; margin: .3rem 0; }
#fortschritt-scan .scan-quest-check,
#fortschritt-scan .scan-saved-traders .scan-recent-quest,
#fortschritt-scan .scan-saved-traders .scan-recent-quest :is(a, small) { color: #92e39f; }
#fortschritt-scan .scan-saved-traders .scan-recent-quest small { border: 1px solid currentColor; padding: 0 .3em; border-radius: .25rem; }
#fortschritt-scan .scan-saved-card-head,
#fortschritt-scan .scan-saved-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
#fortschritt-scan .scan-saved-card-head { justify-content: space-between; }
#fortschritt-scan .scan-saved-card-actions { margin-top: .7rem; }
#fortschritt-scan .scan-saved-traders .scan-edit-help { margin-block: .4rem .7rem; }
#fortschritt-scan .scan-edit-check { margin-inline-start: auto; width: 1.1rem; height: 1.1rem; }