.interface-dialog{max-height:calc(100dvh - 40px);overflow:auto;padding:22px 18px}
.interface-picker h2{font-size:25px;margin:4px 0 8px}
.interface-hint{font-size:12px;line-height:1.55;color:#c8b6d8}
.interface-auto{width:100%;margin:14px 0;padding:10px;font-size:12px}
.interface-auto[aria-pressed=true]{border-color:#d7b2ff;background:#553473}
.interface-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.interface-choice{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:8px;row-gap:3px;align-items:center;padding:11px 9px;text-align:start;background:#1d1429;border:1px solid #574063;border-radius:14px;min-width:0}
.interface-choice[aria-pressed=true]{border-color:var(--choice-color);box-shadow:inset 0 0 16px #cda0ff20}
.interface-gem{grid-column:1;grid-row:1/4}.interface-gem svg{width:28px;height:39px;display:block;margin:0}
.interface-choice b{overflow-wrap:anywhere;grid-column:2;font-size:11px;line-height:1.3}.interface-choice small{grid-column:2;font-size:9px;line-height:1.3;color:#bba7cf}.interface-action{grid-column:2;font-size:9px;color:#dfc1ff}
.interface-choice:disabled{opacity:.4;filter:saturate(.35)}
/* Theme changes affect UI surfaces, never the live crystal or its material. */
.app-shell .balance-jewel{background:linear-gradient(115deg,var(--theme-0),#14101f)!important}
.app-shell .balance-label,.app-shell .level-label,.app-shell .level-xp,.app-shell .level-next,.app-shell .growth-line span,.app-shell .growth-line strong,.app-shell .growth-detail span{color:var(--theme-2)!important}
.app-shell .level-track,.app-shell .progress-track{border-color:var(--theme-1)!important;background:var(--theme-0)!important}
.app-shell .level-track>span,.app-shell .progress-fill{background:linear-gradient(90deg,var(--theme-0),var(--theme-1),var(--theme-2))!important}