.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:0;padding:18px 76px 0 26px}.detail-language-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-language-picker select{width:auto;min-width:190px}.detail-relation{font-size:.86rem;color:var(--muted);max-width:620px;line-height:1.45}.detail-relation.warning{color:var(--accent2)}.detail-warning,.detail-info{margin:14px 0;padding:12px 14px;border-radius:10px;line-height:1.5}.detail-warning{border:1px solid rgba(242,169,59,.4);background:rgba(242,169,59,.08);color:var(--accent2)}.detail-info{border:1px solid var(--line);background:var(--panel2);color:var(--muted)}.detail-loading{padding:72px 28px 28px;color:var(--muted);text-align:center}.detail-preference-note{margin-top:14px;font-size:.86rem}.rule-text .mana-symbol{display:inline-block;width:1.15em;height:1.15em;margin:0 .08em;vertical-align:-.18em;object-fit:contain;user-select:none}.ownership-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.quantity-stepper{display:inline-flex;align-items:center;gap:8px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.quantity-stepper strong{min-width:28px;text-align:center}.btn.danger{border-color:#6f3030;color:#ffb4b4;background:#241416}.btn.danger:hover{border-color:#a54a4a}.ownership-form{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.ownership-form .fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ownership-collection-field{grid-column:1/-1}.ownership-editor-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.delete-confirmation{margin:14px 0;padding:16px;border:1px solid #6f3030;border-radius:14px;background:linear-gradient(180deg,rgba(111,48,48,.16),rgba(36,20,22,.92));box-shadow:inset 0 0 0 1px rgba(255,180,180,.03)}.delete-confirmation strong{display:block;color:#ffd1d1;margin-bottom:6px}.delete-confirmation p{margin:0;color:var(--muted);line-height:1.5}.delete-confirmation-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}@media(max-width:620px){.detail-toolbar{align-items:stretch;padding:64px 18px 0}.detail-language-picker{display:grid;grid-template-columns:1fr}.detail-language-picker select{width:100%;min-width:0}.ownership-actions{align-items:stretch}.quantity-stepper{justify-content:center}.ownership-form .fields{grid-template-columns:1fr}.ownership-collection-field{grid-column:auto}.ownership-editor-actions,.delete-confirmation-actions{display:grid;grid-template-columns:1fr}}

.card-price-panel{margin:14px 0 16px;padding:15px 16px;border:1px solid rgba(56,189,248,.22);border-radius:14px;background:linear-gradient(180deg,rgba(56,189,248,.075),rgba(11,19,31,.7))}
.card-price-panel.is-unavailable{border-color:var(--line);background:var(--panel2)}
.card-price-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.card-price-head>div{display:grid;gap:2px}.card-price-head .eyebrow{margin:0}.card-price-head>div>strong{font-size:1.45rem;letter-spacing:-.025em}.card-price-head small{color:var(--muted)}
.card-price-change{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.card-price-change.up{color:#9ff1c7;border-color:rgba(78,205,149,.32);background:rgba(78,205,149,.08)}.card-price-change.down{color:#ffb4b4;border-color:rgba(255,120,120,.32);background:rgba(255,120,120,.08)}.card-price-change.flat{color:var(--muted)}
.card-price-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.card-price-metrics>div{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(5,11,18,.28)}.card-price-metrics span{font-size:.72rem;color:var(--muted)}.card-price-metrics strong{font-size:.88rem}
.card-price-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}.card-price-total span{color:var(--muted);font-size:.82rem}.card-price-total strong{font-size:1rem}
.card-price-note{margin:10px 0 0;color:var(--muted);font-size:.72rem;line-height:1.45}
@media(max-width:620px){.card-price-head{align-items:flex-start;flex-direction:column}.card-price-change{white-space:normal}.card-price-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

.detail-language-label{color:var(--text)}
.detail-language-dropdown{position:relative;min-width:190px}
.detail-language-dropdown>summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:42px;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:#08121e;color:var(--text);cursor:pointer;user-select:none}
.detail-language-dropdown>summary::-webkit-details-marker{display:none}.detail-language-dropdown[open]>summary{border-color:rgba(56,189,248,.46);box-shadow:0 0 0 2px rgba(56,189,248,.08)}.detail-language-chevron{color:var(--muted);font-size:.9rem}
.detail-language-options{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:grid;gap:4px;max-height:min(320px,52vh);overflow:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:#0a1420;box-shadow:0 18px 42px rgba(0,0,0,.48)}
.detail-language-option{appearance:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.detail-language-option:hover,.detail-language-option.is-active{border-color:rgba(56,189,248,.28);background:rgba(56,189,248,.08)}.detail-language-option.is-active{color:#dff7ff}
@media(max-width:620px){.detail-language-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.detail-language-dropdown{min-width:0;width:100%}.detail-language-options{position:static;margin-top:6px;max-height:42vh}.detail-relation{font-size:.74rem;line-height:1.35}}

@media(max-width:620px){
  /* Compact detail cards for small screens. */
  .card-price-panel{
    margin:9px 0 11px;
    padding:10px 11px;
    border-radius:11px
  }
  .card-price-head{
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap
  }
  .card-price-head>div{gap:1px}
  .card-price-head>div>strong{font-size:1.08rem}
  .card-price-head small{font-size:.64rem}
  .card-price-change{
    min-height:24px;
    padding:3px 6px;
    font-size:.62rem;
    line-height:1.15
  }
  .card-price-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
    margin-top:7px
  }
  .card-price-metrics>div{
    gap:1px;
    padding:6px 7px;
    border-radius:8px
  }
  .card-price-metrics span{font-size:.6rem}
  .card-price-metrics strong{font-size:.73rem}
  .card-price-total{
    margin-top:7px;
    padding-top:7px
  }
  .card-price-total span{font-size:.66rem}
  .card-price-total strong{font-size:.82rem}
  .card-price-note{
    margin-top:7px;
    font-size:.6rem;
    line-height:1.35;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
  }

  .rule-text,
  .detail-rules{
    font-size:.88rem;
    line-height:1.45
  }
  .rule-text .mana-symbol,
  .detail-rules .mana-symbol{
    width:.86em!important;
    height:.86em!important;
    max-width:.86em!important;
    max-height:.86em!important;
    margin:0 .05em!important;
    vertical-align:-.11em!important;
    object-fit:contain!important
  }

  .detail-toolbar{
    gap:7px;
    padding:58px 14px 0
  }
  .detail-language-picker{
    gap:7px
  }
  .detail-language-dropdown>summary{
    min-height:36px;
    padding:6px 9px;
    font-size:.76rem
  }
  .detail-language-option{
    min-height:34px;
    padding:6px 8px;
    font-size:.74rem
  }
  .detail-relation{
    font-size:.65rem!important;
    line-height:1.3!important
  }
}