/* Shared, quiet controls: large type, thin borders, one icon vocabulary. */
:root{--effect-use:#e2bb77;--effect-passive:#8ab6dd;--control-bg:#1b1b23;--control-hover:#24232e;--control-selected:#292731;--menu-bg:#15151c;--scroll-thumb:#494550}body.light{--effect-use:#805a20;--effect-passive:#345f87;--control-bg:#fff;--control-hover:#f1edf6;--control-selected:#eae4f2;--menu-bg:#fff;--scroll-thumb:#c3bacd}html{scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;background:var(--scroll-thumb);background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#72697d;background-clip:padding-box}.ui-icon{display:block;flex-shrink:0}.select-control{position:relative;min-width:0;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:11px;background:var(--control-bg);color:var(--text);font-size:16px;line-height:1.5;text-align:left;box-shadow:0 1px 2px #0000000a;transition:border-color .16s,background .16s}.select-trigger:hover:not(:disabled){background:var(--control-hover);border-color:#5b5269}.select-trigger:disabled{opacity:.4;cursor:not-allowed}.select-trigger>.ui-icon{width:17px;height:17px;color:var(--muted);transition:transform .18s}.is-open .select-trigger{border-color:#75628d}.is-open .select-trigger>.ui-icon{transform:rotate(180deg)}.select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-value.placeholder{color:var(--muted)}.select-panel{position:absolute;left:0;right:0;top:calc(100% + 7px);z-index:40;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--menu-bg);box-shadow:0 12px 32px #0004,0 2px 6px #0002;isolation:isolate;animation:menu-in .12s ease-out}.opens-up .select-panel{top:auto;bottom:calc(100% + 7px)}.select-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;min-height:45px;border-radius:8px;line-height:1.5;font-size:16px;color:var(--muted);cursor:pointer;user-select:none}.select-option+.select-option{margin-top:2px}.select-option.is-active{background:var(--control-hover);color:var(--text)}.select-option[aria-selected=true]{background:var(--control-selected);color:var(--text);font-weight:600}.select-option .ui-icon{width:17px;height:17px;color:var(--muted)}.patch-picker{min-width:190px}.choice:hover{transform:none;box-shadow:0 6px 24px #00000010;border-color:#685678}.choice,.resource-row,.major-list,.impact-result{box-shadow:0 2px 8px #00000008}.choice .symbol{border-radius:12px;background:#a77be80a}.choice .symbol .ui-icon{width:25px;height:25px}.choice-bottom .ui-icon{width:19px;height:19px}#theme{display:grid;place-items:center;border:1px solid transparent}#theme:hover{border-color:var(--border)}#theme>.ui-icon{width:21px;height:21px}.dialog-close{display:grid;place-items:center;border-radius:9px}.dialog-close:hover{background:var(--control-hover)}.resource-arrow{display:flex;align-items:center}.resource-arrow .ui-icon{width:19px;height:19px}.guide-symbol{display:grid;place-items:center}.guide-symbol .ui-icon{width:24px;height:24px}.patch-details summary{list-style:none;display:flex;align-items:center;gap:9px}.patch-details summary::-webkit-details-marker{display:none}.patch-details summary:after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-left:auto;transition:transform .16s}.patch-details[open] summary:after{transform:rotate(225deg)}
@keyframes menu-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.select-trigger{min-height:50px;font-size:16px;padding:12px 13px}.select-option{font-size:16px;min-height:46px}.patch-picker{min-width:180px}.select-panel{border-radius:12px}}@media(prefers-reduced-motion:reduce){.select-panel{animation:none}}