#deck-builder .dvr { color:var(--db-text,#f0eef8); font:14px/1.5 Manrope,sans-serif; min-width:0; }
#deck-builder .db-workspace>.db-version-reports, #deck-builder .db-workspace>.db-compare-view-switch { grid-column:1/-1; min-width:0; }
#deck-builder .dvr *, #deck-builder .dvr *::before, #deck-builder .dvr *::after { box-sizing:border-box; }
#deck-builder .dvr[hidden] { display:none!important; }
#deck-builder .dvr :is(h3,h4,h5,p) { margin:0; }
#deck-builder .dvr h3 { font-size:20px; line-height:1.25; letter-spacing:-.025em; }
#deck-builder .dvr h4 { font-size:17px; line-height:1.4; }
#deck-builder .dvr h5 { font-size:15px; line-height:1.4; }
#deck-builder .dvr :is(input,select,button) { min-width:0; min-height:44px; border:1px solid var(--db-border,#303039); border-radius:8px; background:var(--db-raised,#17171d); color:inherit; font:inherit; padding:10px 12px; }
#deck-builder .dvr :is(input,select) { width:100%; max-width:100%; font-size:16px; }
#deck-builder .dvr select { appearance:none; overflow:hidden; text-overflow:ellipsis; padding-right:34px; background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%); background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%; background-size:5px 5px; background-repeat:no-repeat; }
#deck-builder .dvr button { cursor:pointer; font-weight:650; }
#deck-builder .dvr :is(button,summary):hover { border-color:var(--db-accent,#c9a84c); }
#deck-builder .dvr :is(button,input,select,summary):focus-visible { outline:2px solid var(--db-accent,#c9a84c); outline-offset:3px; }
#deck-builder .dvr :disabled { opacity:.65; cursor:default; }
#deck-builder .dvr .dvr-primary { background:var(--db-accent,#c9a84c); border-color:var(--db-accent,#c9a84c); color:#111115; }
#deck-builder .dvr .dvr-danger { background:#48242b; border-color:#d28e9e; color:#ffe3e9; }
#deck-builder .dvr .dvr-muted { color:var(--db-muted,#aaa6bc); }
#deck-builder .dvr .dvr-intro { margin:10px 0 20px; max-width:74ch; color:var(--db-muted,#aaa6bc); }
#deck-builder .dvr .dvr-error { color:#f0b1be; margin:12px 0; overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-notice { padding:12px 0; color:var(--db-muted,#aaa6bc); }
#deck-builder .dvr .dvr-status { margin:12px 0; min-height:1.5em; color:var(--db-muted,#aaa6bc); }
#deck-builder .dvr .dvr-version-choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#deck-builder .dvr .dvr-version-choice { min-width:0; margin:0; padding:14px; border:1px solid var(--db-border,#303039); border-radius:8px; }
#deck-builder .dvr .dvr-version-identity { display:grid; gap:4px; margin:0 0 10px; overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-version-rename { border-block:1px solid var(--db-border,#303039); margin:0 0 12px; }
#deck-builder .dvr .dvr-rename-body { display:grid; gap:10px; padding:8px 0 14px; }
#deck-builder .dvr .dvr-rename-body .dvr-field { margin:0; }
#deck-builder .dvr .dvr-rename-error { color:#f0b1be; overflow-wrap:anywhere; }
#deck-builder .dvr legend { font-size:16px; font-weight:700; padding:0 6px; }
#deck-builder .dvr .dvr-field { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; min-width:0; margin:0 0 12px; }
#deck-builder .dvr .dvr-field:last-child { margin-bottom:0; }
#deck-builder .dvr .dvr-field>span { font-weight:600; }
#deck-builder .dvr .dvr-settings { margin:16px 0; border-block:1px solid var(--db-border,#303039); }
#deck-builder .dvr summary { min-height:44px; display:list-item; cursor:pointer; padding:12px 4px; font-weight:650; }
#deck-builder .dvr .dvr-settings-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px 16px; padding:12px 0; }
#deck-builder .dvr .dvr-settings-grid .dvr-field { margin:0; }
#deck-builder .dvr .dvr-check { display:flex; align-items:center; gap:10px; min-height:44px; grid-column:1/-1; }
#deck-builder .dvr .dvr-check input { min-height:20px; width:20px; height:20px; flex:none; accent-color:var(--db-accent,#c9a84c); padding:0; }
#deck-builder .dvr .dvr-settings>.dvr-muted { padding-bottom:16px; max-width:76ch; }
#deck-builder .dvr .dvr-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#deck-builder .dvr .dvr-refresh { display:flex; justify-content:flex-end; margin-bottom:12px; }
#deck-builder .dvr .dvr-report { border-top:1px solid var(--db-border,#303039); padding-top:24px; margin-top:20px; }
#deck-builder .dvr :is(.dvr-report>h4,.dvr-summary,.dvr-metric-group) { scroll-margin-top:calc(var(--mobile-header-height,60px) + 16px); }
#deck-builder .dvr .dvr-report-versions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:12px 0; }
#deck-builder .dvr .dvr-report-versions p { display:grid; gap:4px; overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-summary { margin-top:20px; }
#deck-builder .dvr .dvr-summary h4 { margin-bottom:8px; }
#deck-builder .dvr .dvr-price-note { margin-top:12px; max-width:76ch; }
#deck-builder .dvr .dvr-summary-notes { color:var(--db-muted,#aaa6bc); padding-left:20px; }
#deck-builder .dvr .dvr-recorded-settings, #deck-builder .dvr .dvr-report-notes { border-top:1px solid var(--db-border,#303039); }
#deck-builder .dvr .dvr-recorded-settings p { padding-bottom:12px; }
#deck-builder .dvr .dvr-breakdowns-title { margin-top:20px; }
#deck-builder .dvr .dvr-warnings { padding-left:20px; color:#e8cc89; }
#deck-builder .dvr .dvr-metric-group { margin-top:20px; border-block-start:1px solid var(--db-border,#303039); }
#deck-builder .dvr .dvr-metric-group>summary { font-size:16px; }
#deck-builder .dvr .dvr-availability { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:6px 0 12px; }
#deck-builder .dvr .dvr-availability p { overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-metric-header, #deck-builder .dvr .dvr-metric-row { display:grid; grid-template-columns:minmax(140px,1.5fr) repeat(3,minmax(0,1fr)); gap:16px; }
#deck-builder .dvr .dvr-metric-header { color:var(--db-muted,#aaa6bc); padding:8px 0; font-weight:650; }
#deck-builder .dvr .dvr-metric-row { padding:10px 0; border-top:1px solid var(--db-border,#303039); }
#deck-builder .dvr .dvr-metric-label { color:var(--db-muted,#aaa6bc); overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-metric-value { min-width:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
#deck-builder .dvr .dvr-mobile-label { display:none; }
#deck-builder .dvr .dvr-changes { border-top:1px solid var(--db-border,#303039); padding-top:20px; margin-top:24px; }
#deck-builder .dvr .dvr-section-counts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0; color:var(--db-muted,#aaa6bc); }
#deck-builder .dvr .dvr-card-change { padding:16px 0; border-top:1px solid var(--db-border,#303039); overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-change-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:8px; }
#deck-builder .dvr .dvr-change-pair p { display:grid; gap:4px; }
#deck-builder .dvr .dvr-change-details p { margin:4px 0; color:var(--db-muted,#aaa6bc); }
#deck-builder .dvr .dvr-save { margin-top:24px; padding-block:20px; border-block:1px solid var(--db-border,#303039); }
#deck-builder .dvr .dvr-save>.dvr-muted { margin-top:12px; }
#deck-builder .dvr .dvr-saved { margin-top:24px; }
#deck-builder .dvr .dvr-saved-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--db-border,#303039); }
#deck-builder .dvr .dvr-saved-row>div:first-child { min-width:0; display:grid; gap:4px; overflow-wrap:anywhere; }
#deck-builder .dvr .dvr-saved-row .dvr-actions { flex:none; }
#deck-builder .dvr .dvr-dialog { position:fixed; max-width:min(440px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:20px; border:1px solid var(--db-border,#303039); border-radius:10px; color:var(--db-text,#f0eef8); background:var(--db-panel,#111115); font:14px/1.5 Manrope,sans-serif; }
#deck-builder .dvr .dvr-dialog::backdrop { background:#0009; }
#deck-builder .dvr .dvr-dialog :is(p,.dvr-actions) { margin-top:16px; overflow-wrap:anywhere; }
#deck-builder .db-compare-view-switch { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; font:14px/1.5 Manrope,sans-serif; }
#deck-builder .db-compare-view-switch button { min-height:44px; padding:10px 14px; font:inherit; border:1px solid var(--db-border,#303039); border-radius:8px; background:var(--db-raised,#17171d); color:var(--db-text,#f0eef8); cursor:pointer; }
#deck-builder .db-compare-view-switch button[aria-pressed=true] { color:#efd58b; border-color:var(--db-accent,#c9a84c); }
#deck-builder .db-compare-view-switch button:focus-visible { outline:2px solid var(--db-accent,#c9a84c); outline-offset:3px; }
@media(max-width:640px) {
  #deck-builder .dvr .dvr-version-choices { grid-template-columns:minmax(0,1fr); gap:12px; }
  #deck-builder .dvr .dvr-settings-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #deck-builder .dvr .dvr-metric-header { display:none; }
  #deck-builder .dvr .dvr-metric-row { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:12px 0; }
  #deck-builder .dvr .dvr-metric-label { grid-column:1/-1; color:var(--db-text,#f0eef8); font-weight:600; }
  #deck-builder .dvr .dvr-metric-value { display:grid; align-content:start; gap:4px; }
  #deck-builder .dvr .dvr-mobile-label { display:block; color:var(--db-muted,#aaa6bc); font-size:12px; }
  #deck-builder .dvr .dvr-report-versions, #deck-builder .dvr .dvr-availability, #deck-builder .dvr .dvr-section-counts, #deck-builder .dvr .dvr-change-pair { grid-template-columns:1fr; gap:8px; }
  #deck-builder .dvr .dvr-saved-row { display:grid; gap:10px; }
  #deck-builder .dvr .dvr-saved-row .dvr-actions { width:100%; }
  #deck-builder .dvr .dvr-dialog { padding:16px; }
}
@media(prefers-reduced-motion:reduce) { #deck-builder .dvr *, #deck-builder .db-compare-view-switch * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media(forced-colors:active) { #deck-builder .dvr select { appearance:auto; background-image:none; } }
