.mode-button{height:36px;padding:0 10px;border:1px solid #b3d5c536;border-radius:18px;background:#a4c7bc09;color:var(--muted);font:500 10px 'Outfit',sans-serif;white-space:nowrap}.mode-button[data-mode="storm"]{color:#ffd2a1;border-color:#edbc7659}.mode-result-button{border:0;background:none;width:100%;min-height:24px;cursor:pointer}.reward-card .mode-result-button{margin-top:-5px}
#mode-dialog{max-width:410px}#mode-dialog h2{margin-bottom:18px}.mode-options{display:grid;gap:8px}.mode-choice{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 12px;border:1px solid #a9c5b726;border-radius:12px;background:#322b46;color:#dfe8d4}.mode-choice.selected{border-color:var(--mint);background:#3e3552}.mode-choice[data-mode="storm"].selected{border-color:#edbc76;background:#39372f}.mode-icon{width:24px;font-size:28px;text-align:center;flex-shrink:0}.mode-choice>span:nth-child(2){flex:1}.mode-choice strong{display:flex;justify-content:space-between;font-size:17px;gap:10px;align-items:baseline}.mode-choice strong small{font-size:9px;color:var(--muted);font-weight:400}.mode-choice p{font-size:10px;line-height:1.5;margin:5px 0}.mode-choice em{font-size:9px;color:var(--mint);font-style:normal}.mode-choice>b{font-size:12px}.mode-selection{font-size:11px;color:var(--mint);margin:15px 0 10px}.mode-footnote{font-size:10px;color:var(--muted);line-height:1.6;margin:10px 0 17px}.challenge-list{display:grid;gap:8px}.challenge-card{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #d5ae7940;border-radius:12px;background:#bea07008;padding:10px 13px;text-align:left;color:#e8dfc9;min-height:90px}.challenge-card svg{width:62px;height:60px;flex-shrink:0}.challenge-card span{display:grid;gap:5px}.challenge-card strong{font-size:15px;font-weight:500}.challenge-card small{font-size:10px;color:#d5be99}.challenge-card em{font-size:9px;color:var(--muted);font-style:normal}.challenge-card:disabled{cursor:default;opacity:.7}.challenge-card[aria-pressed="true"]{border-color:#edbc76}
.reward-celebration[data-challenge="true"] .reward-orbit,.reward-celebration[data-challenge="true"] .reward-chapter-count,.reward-celebration[data-challenge="true"] #reward-trial,.reward-celebration[data-challenge="true"] .reward-trial-stars{display:none}.reward-celebration[data-challenge="true"] #result-earned{margin-top:12px}.reward-celebration[data-challenge="true"] #result-reward-art{inset:5px}.reward-celebration[data-challenge="true"] .reward-emblem::before{inset:0}.upcoming.surge{border-bottom:1px solid #f5bc77}.upcoming.surge .visitor-index{color:#ffd398}
.upcoming.crowded{gap:3px}.upcoming.crowded .visitor{width:24px;height:36px}.upcoming.crowded .visitor svg{width:22px;height:24px}.top-actions{align-items:center}
@media(max-width:350px){.top-actions{gap:5px}.mode-button{padding:0 7px;font-size:9px}.upcoming{gap:3px}.visitor{width:28px;height:28px}.forecast-hud{gap:8px}.mode-choice strong small{font-size:8px}}