.precon-page {padding-bottom:110px;color:var(--text-primary,#e8e8ed)}
.precon-page .page-shell {max-width:1280px}
.precon-page * {box-sizing:border-box}
.precon-page button,.precon-page select,.precon-page input[type=search] {font:inherit;color:inherit;background:#111115;border:1px solid #34343c;border-radius:9px;min-height:44px;padding:10px 14px}
.precon-page button {cursor:pointer}
.precon-page button:hover,.precon-page a:hover {color:#e6ca78;border-color:#c9a84c}
.precon-page :focus-visible {outline:2px solid #c9a84c;outline-offset:4px}
.precon-breadcrumb {display:flex;gap:10px;flex-wrap:wrap;font-size:13px;margin:24px 0;color:#9595a2}
.precon-hero {padding:20px 0 25px;max-width:900px}
.precon-hero h1 {font-size:clamp(28px,3.2vw,42px);line-height:1.18;letter-spacing:-1.2px;margin:9px 0 15px;font-weight:750}
.precon-hero p,.precon-detail-hero p {color:#a5a5b2;line-height:1.65}
.precon-eyebrow {font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#c9a84c!important;font-weight:650}
.precon-searchbar {display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:24px}
.precon-searchbar label {grid-column:1/-1;font-size:13px;color:#aaaab7}
.precon-searchbar input {min-width:0;width:100%;background:#17171d!important;min-height:50px!important}
.precon-layout {display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.precon-filters {border:1px solid #27272f;border-radius:12px;background:#111115;padding:18px}
.precon-filters summary {font-weight:650;margin-bottom:18px;cursor:pointer}
.precon-filters form {display:grid;gap:18px}
.precon-filters fieldset {border:0;padding:0;margin:0;min-width:0}
.precon-filters label,.precon-filters legend {font-size:13px;color:#b8b8c3}
.precon-filters select {display:block;width:100%;margin-top:8px;font-size:12px;padding:10px 7px}
.precon-color-controls {display:flex;gap:4px;margin:14px 0}
.precon-color-controls label {position:relative;cursor:pointer;min-height:44px;display:flex;align-items:center}
.precon-color-controls input {position:absolute;width:28px;height:28px;opacity:0}
.precon-color-controls input:checked + span {outline:2px solid #c9a84c;outline-offset:2px}
.precon-color-controls input:focus-visible + span {outline:2px solid #fff;outline-offset:3px}
.precon-color {display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:11px;font-weight:800;border:1px solid #ffffff30}
.color-W {background:#e5dcc1;color:#2d2d29}.color-U {background:#69a8d4;color:#071b31}.color-B {background:#72667b;color:#fff}.color-R {background:#ce7764;color:#31110a}.color-G {background:#6b9d73;color:#102b19}.color-C {background:#8c929b;color:#15191d}
.precon-muted,.precon-active {font-size:12px;color:#9696a4;line-height:1.7}
.precon-shop {display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:12px 0 0}
.precon-shop a {display:inline-flex;gap:6px;align-items:center;min-height:44px;color:#dcc277;font-size:12px;text-decoration:none}
.precon-shop small {color:#a5a5b5;font-size:10px;line-height:1.6}
.precon-tile .precon-shop {padding-top:6px;margin-top:8px;border-top:1px solid #292930}
.precon-dialog .precon-shop {margin-top:14px}
.precon-filters label {min-width:0}
.precon-color-controls {flex-wrap:wrap}
@media(max-width:850px) {.precon-filters fieldset {grid-column:1/-1}.precon-filters select {min-width:0}}
.precon-results {min-width:0}
.precon-results-heading {display:flex;justify-content:space-between;align-items:center;gap:15px}
.precon-results-heading p {font-weight:650;font-size:14px}
.precon-results-heading label {font-size:12px;color:#9999a7;display:flex;align-items:center;gap:10px}
.precon-results-heading select {font-size:12px;max-width:170px}
.precon-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.precon-tile {border:1px solid #292930;border-radius:13px;overflow:hidden;background:#111115;display:flex;flex-direction:column;transition:border-color 160ms,transform 160ms;min-width:0}
.precon-tile:hover {border-color:#655535;transform:translateY(-2px)}
.precon-art {height:145px;position:relative;display:block;background:linear-gradient(140deg,#26232c,#121216);overflow:hidden;color:#b9af8d}
.precon-art img {width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform 200ms}
.precon-tile:hover .precon-art img {transform:scale(1.025)}
.precon-badge {position:absolute;top:10px;right:10px;border:1px solid #ffffff30;background:#111115dd;border-radius:5px;padding:4px 7px;color:#e4e2da;font-size:10px;font-weight:650}
.precon-tile-body {padding:15px;display:flex;flex-direction:column;flex:1}
.precon-tile h2 {font-size:18px;line-height:1.3;letter-spacing:-.35px;margin:5px 0 7px}
.precon-tile h2 a {color:#eeeeef;text-decoration:none}
.precon-tile .precon-eyebrow {font-size:9px;line-height:1.5;margin:0}
.precon-commanders {font-size:12px;line-height:1.55;color:#a7a7b4;margin:0 0 12px;min-height:36px}
.precon-colors {margin:0 0 12px}
.precon-theme {font-size:11px;line-height:1.5;color:#9595a3;min-height:32px;margin:0 0 15px}
.precon-tile-actions {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #292930}
.precon-tile-actions a {font-size:12px;color:#c9a84c;text-decoration:none;display:flex;gap:8px;align-items:center;min-height:44px}
.precon-tile-actions button {font-size:11px;padding:8px!important}
.precon-results .tool-save-invitation {margin:0 0 20px;font-size:12px;gap:12px}
.precon-results .tool-save-invitation p {font-size:11px}
.precon-tray {position:fixed;bottom:16px;left:calc(var(--sidebar-current-width,0px) + 32px);right:32px;max-width:1200px;margin:auto;z-index:35;background:#1b1b22f5;border:1px solid #746139;box-shadow:0 6px 35px #0009;border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;backdrop-filter:blur(10px)}
.precon-tray[hidden] {display:none}
.precon-tray a {display:inline-flex;padding:12px;color:#e8ce85;font-weight:650}
.precon-tray button {font-size:12px;padding:8px}
.precon-tray strong {font-size:13px}
.precon-method,.precon-sources {margin:40px 0;padding:24px;border:1px solid #282830;border-radius:12px;background:#111115;line-height:1.8;font-size:13px;color:#aaaab7}
.precon-method h2,.precon-sources h2 {font-size:20px;color:#eee}
.precon-method a,.precon-sources a {color:#c9a84c}
.precon-detail-hero {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:30px;margin:25px 0}
.precon-detail-hero h1 {font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-1.2px;margin:15px 0}
.precon-detail-hero img {width:100%;height:100%;max-height:360px;object-fit:cover;border-radius:15px}
.precon-lead {font-size:18px}
.precon-actions {display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.precon-primary {background:#c9a84c!important;color:#111!important;font-weight:700!important}
.precon-stats {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0}
.precon-stats div {background:#17171d;border:1px solid #2c2c33;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:10px}
.precon-stats strong {font-size:30px;color:#d8bc65}.precon-stats span {font-size:12px;color:#aaa}
.precon-decklist {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px}
.precon-decklist ul {padding:0;list-style:none}
.precon-decklist li {display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 0;border-bottom:1px solid #292930}
.precon-decklist button {border:0;min-height:32px;padding:4px 0;text-align:left;background:transparent}
.precon-decklist small {display:block;width:100%;padding-left:30px;color:#898999;font-size:10px}
.precon-quantity {color:#c9a84c;min-width:22px;text-align:center}
.precon-table-region {overflow-x:auto;max-width:100%;border:1px solid #303039;border-radius:12px;margin-top:20px}
.precon-table {border-collapse:collapse;min-width:700px;width:100%;font-size:13px}
.precon-table th,.precon-table td {padding:16px;border-bottom:1px solid #303039;vertical-align:top;text-align:left;max-width:260px;line-height:1.7}
.precon-table thead {background:#1b1b22}.precon-table th {color:#d2b665}.precon-table td {color:#bebecd}
.precon-table .precon-diff {background:#c9a84c08}
.precon-table a {color:#ddc578}
.precon-curve {display:flex;align-items:end;gap:4px;height:100px;margin:10px 0}
.precon-curve span {flex:1;background:#c9a84c80;min-height:2px;position:relative}
.precon-curve small {position:absolute;bottom:-20px;left:0;color:#aaa;font-size:9px}
.precon-difference {display:inline-flex;gap:10px;margin:20px 20px 0 0}
.precon-dialog {background:#17171d;color:#eee;border:1px solid #5d5034;border-radius:16px;padding:25px;max-width:min(540px,90vw);max-height:90vh;overflow:auto}
.precon-dialog::backdrop {background:#000b}
.precon-dialog img {max-height:70vh;max-width:100%;object-fit:contain;display:block;margin:auto}
.precon-dialog form {display:grid;gap:16px}.precon-dialog select {width:100%}
#precon-notice:not(:empty) {position:fixed;bottom:105px;right:24px;z-index:40;background:#24242e;padding:14px;border-radius:10px;max-width:min(420px,90vw)}
#precon-more {display:block;margin:25px auto}
.sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1180px) {.precon-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.precon-layout {grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:850px) {.precon-layout {grid-template-columns:minmax(0,1fr)}.precon-filters form {grid-template-columns:repeat(2,minmax(0,1fr))}.precon-filters {padding:15px}.precon-detail-hero {grid-template-columns:1fr}.precon-detail-hero img {height:230px}.precon-stats {grid-template-columns:repeat(2,minmax(0,1fr))}.precon-tray {left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom))}.precon-decklist {grid-template-columns:1fr}.precon-commanders {min-height:0}}
@media(max-width:520px) {.precon-grid {grid-template-columns:1fr}.precon-art {height:190px}.precon-searchbar {grid-template-columns:1fr}.precon-results-heading {align-items:start}.precon-results-heading label {flex-direction:column;align-items:start;gap:4px}.precon-hero h1 {font-size:30px}.precon-filters form {gap:14px}.precon-stats div {padding:15px}.precon-tray {gap:6px;padding:10px}.precon-tray button {min-height:36px;font-size:11px}.precon-tray strong {width:100%}.precon-page {padding-bottom:190px}.precon-tile-actions button {font-size:13px}.precon-tile h2 {font-size:21px}.precon-tile-body {padding:18px}.precon-commanders {font-size:13px}.precon-theme {min-height:0}}
@media(prefers-reduced-motion:reduce) {.precon-page * {transition:none!important;animation:none!important}}

.precon-review-banner {padding:12px 20px;background:#242019;border-bottom:1px solid #756137;color:#e6ce91;font:13px Manrope,sans-serif;line-height:1.5}

.dc-shell-ready.precon-page .precon-breadcrumb {display:none}
.precon-grid > .tool-save-invitation {grid-column:1/-1}
.precon-method summary {cursor:pointer;color:#d6d2df;font-weight:600;min-height:30px}
.precon-visual-deck {display:block}
.precon-visual-deck .dcw-deck-section {margin:28px 0}
.precon-visual-deck h3 {font-size:20px;line-height:1.5}
.precon-visual-deck h3 small,.precon-visual-deck h4 small {font-size:12px;color:#a6a6b6;font-weight:400;margin-left:8px}
.precon-visual-deck h3 small,.precon-visual-deck h4 small {display:inline;padding:0;width:auto}
.precon-visual-deck h4 {margin:18px 0 12px;font-size:14px;color:#c9c9d5}
.precon-visual-deck .dcw-visual-grid {grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:22px 14px}
.precon-visual-deck .dcw-visual-card {display:block;border:0;padding:0}
.precon-visual-deck .dcw-visual-card button {padding:0;min-height:0;background:transparent;border:0}
.precon-visual-deck .dcw-visual-card small.precon-printing {padding:0;font-size:10px;line-height:1.6;color:#a6a6b6}
.precon-visual-deck .dcw-card-name {font-size:12px;line-height:1.6;margin-top:7px;display:block;color:#e0dfe8}
.precon-visual-deck .dcw-card-quantity {position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:5px;background:#111115ed;border:1px solid #a58d4f;color:#f0d896;font-size:12px;font-weight:700;line-height:1.2}
.precon-card-list button {min-height:36px}
@media(max-width:520px) {.precon-visual-deck .dcw-visual-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}
.precon-search-hint {grid-column:1/-1;margin:0;font-size:12px;line-height:1.6;color:#a5a5b2}
.precon-search-reading {grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
.precon-search-reading:empty {display:none}
.precon-search-reading span {padding:5px 9px;border:1px solid #494132;border-radius:6px;color:#e2c984;font-size:12px;background:#1c1913}
.precon-search-reading p {width:100%;font-size:12px;color:#bcbccc;margin:4px 0}
.precon-compare-search {max-width:780px;grid-template-columns:1fr;margin-top:12px}
#precon-compare-matches {padding:18px;border:1px solid #3b3544;border-radius:12px;margin-bottom:24px;background:#131318}
#precon-compare-matches[hidden] {display:none}
#precon-compare-matches>p {font-size:13px;color:#bcbccc}
.precon-compare-lineup {display:grid;grid-template-columns:repeat(var(--deck-count),minmax(0,1fr));gap:20px;margin-top:26px}
.precon-compare-deck {min-width:0;border:1px solid #33333b;border-radius:12px;overflow:hidden;background:#141419}
.precon-compare-art {display:block;height:190px;position:relative;overflow:hidden}
.precon-compare-art>img {width:100%;height:100%;object-fit:cover;object-position:center 30%}
.precon-compare-art>span {position:absolute;bottom:12px;left:14px;background:#111115e8;padding:6px 8px;border-radius:22px}
.precon-page :is(.precon-art,.precon-compare-art,.dcw-visual-card button).foil-card-frame {transform:none;transform-style:flat;will-change:auto;backface-visibility:visible}
.precon-page :is(.precon-art,.precon-compare-art,.dcw-visual-card button).foil-card-frame img {transform:none;backface-visibility:visible}
.precon-page :is(.precon-art,.precon-compare-art,.dcw-visual-card button).foil-card-frame::before {display:none}
.precon-page :is(.precon-art,.precon-compare-art,.dcw-visual-card button).foil-card-frame::after {background:radial-gradient(ellipse at var(--deck-holo-x,50%) var(--deck-holo-y,50%),rgba(255,221,132,.8) 0%,rgba(201,168,76,.32) 30%,transparent 70%);transform:none;opacity:0;transition:opacity 180ms ease;mix-blend-mode:screen}
.precon-art .precon-badge,.precon-compare-art>span,.precon-visual-deck .dcw-card-quantity {z-index:3}
@media(hover:hover) and (pointer:fine) {
  .precon-page :is(.precon-art,.precon-compare-art,.dcw-visual-card button).foil-card-frame:hover {filter:none;box-shadow:none}
  .precon-page :is(.precon-art,.precon-compare-art,.dcw-visual-card button).foil-card-frame:hover::after {opacity:.7}
  .precon-page .dcw-visual-card button.precon-is-foil::before {display:block;background-image:repeating-linear-gradient(110deg,#d875ff 0%,#7a95ff 7%,#85fff7 14%,#a8ff61 21%,#ffed61 28%,#ff7a75 35%,#d875ff 42%);background-size:400% 400%;background-position:var(--deck-holo-x,50%) var(--deck-holo-y,50%);mix-blend-mode:color-dodge;filter:saturate(.65) contrast(1.15);transform:none;opacity:.16;transition:opacity 180ms ease}
  .precon-page .dcw-visual-card button.precon-is-foil:hover::before {opacity:.32}
  .precon-page .dcw-visual-card button.precon-is-foil::after {opacity:.16}
}
@media(hover:none),(pointer:coarse) {
  .precon-page .foil-card-frame::before,.precon-page .foil-card-frame::after {display:none!important}
}
@media(prefers-reduced-motion:reduce) {
  .precon-page .foil-card-frame::before,.precon-page .foil-card-frame::after {transition:none!important;transform:none!important}
}
.precon-compare-deck-body {padding:20px}
.precon-compare-family {color:#adadba;font-size:11px;margin:0 0 8px;line-height:1.6}
.precon-compare-deck h2 {font-size:24px;line-height:1.2;margin:0 0 9px;letter-spacing:-.6px}
.precon-compare-deck h2 a {color:#f0edf3;text-decoration:none}
.precon-compare-commander {font-size:13px;color:#b4b4c4;line-height:1.6;min-height:42px;margin:0}
.precon-compare-numbers {display:flex;gap:24px;margin:20px 0}
.precon-compare-numbers>span {display:flex;flex-direction:column;gap:5px;font-size:11px;color:#b4b4c4}
.precon-compare-numbers strong {font-size:26px;color:var(--deck-tone);line-height:1.1;font-variant-numeric:tabular-nums}
.precon-overlap-bar {height:9px;border-radius:5px;overflow:hidden;background:#3a3a45}
.precon-overlap-bar span {display:block;height:100%;background:var(--deck-tone)}
.precon-overlap-caption {display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.6;color:#b4b4c4}
.precon-overlap-caption strong {color:var(--deck-tone);font-weight:600}
.precon-compare-actions {display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
.precon-compare-actions button {font-size:12px;padding:8px 10px}
.precon-overlap-summary {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;align-items:center;padding:24px 0;margin:24px 0;border-block:1px solid #33333d}
.precon-overlap-summary>div:first-child {display:flex;align-items:center;gap:16px}
.precon-overlap-summary>div:first-child>strong {font-size:54px;color:#e2c06b;line-height:1;font-variant-numeric:tabular-nums}
.precon-overlap-summary p {font-size:13px;line-height:1.7;margin:0;color:#eeedf2}
.precon-overlap-summary p span {color:#aaaabb;font-size:11px}
.precon-pair-overlap {display:grid;grid-template-columns:1fr auto;gap:9px 14px;font-size:12px;line-height:1.6;color:#b9b9c7}
.precon-pair-overlap>div {grid-column:1;grid-row:2;height:7px;background:#33333d;border-radius:5px;overflow:hidden}
.precon-pair-overlap>div span {display:block;height:100%}
.precon-pair-overlap>strong {grid-column:2;grid-row:1/3;font-size:27px;color:#eee;text-align:right}
.precon-pair-overlap small {display:block;font-size:10px;color:#aaaabb;font-weight:400}
.precon-visual-section {margin:36px 0 44px}
.precon-visual-section>h2 {font-size:24px;letter-spacing:-.5px;margin-bottom:10px}
.precon-visual-section>p {font-size:13px;line-height:1.7;color:#b4b4c4}
.precon-curves-grid {display:grid;grid-template-columns:repeat(var(--deck-count),minmax(0,1fr));gap:24px;margin:26px 0 16px}
.precon-visual-curve {min-width:0}
.precon-visual-curve h3 {font-size:13px;font-weight:600;color:var(--deck-tone);line-height:1.6;min-height:40px;margin:0}
.precon-chart-bars {display:flex;align-items:flex-end;gap:6px;height:162px;padding:0 0 24px;border-bottom:1px solid #44444e}
.precon-chart-bars>div {flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;gap:7px}
.precon-chart-bars strong {font-size:11px;color:#d9d9e5;font-weight:500}
.precon-chart-bars span {display:block;width:100%;background:var(--deck-tone);border-radius:3px 3px 0 0}
.precon-chart-bars small {position:absolute;bottom:-21px;font-size:11px;color:#bcbccc}
.precon-chart-legend {display:flex;gap:16px;flex-wrap:wrap;margin:18px 0 22px}
.precon-chart-legend>span {display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#cccbd7}
.precon-chart-legend i {width:10px;height:10px;border-radius:50%;flex-shrink:0}
.precon-type-chart {max-width:900px;display:grid;gap:20px}
.precon-type-row {display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;align-items:center}
.precon-type-row h3 {font-size:13px;font-weight:500;color:#c3c3d0;margin:0}
.precon-type-row>div {display:grid;gap:6px}
.precon-type-track {position:relative;height:18px;display:flex;align-items:center;gap:8px;padding-right:35px}
.precon-type-track>span {height:10px;display:block;border-radius:2px;flex-shrink:0}
.precon-type-track strong {font-size:11px;color:#d9d9e5;font-weight:500}
@media(max-width:850px) {.precon-compare-lineup,.precon-curves-grid {gap:12px}.precon-compare-deck-body {padding:14px}.precon-compare-deck h2 {font-size:20px}.precon-compare-art {height:150px}.precon-compare-numbers {gap:14px}.precon-overlap-caption {flex-direction:column;gap:2px}}
@media(max-width:620px) {.precon-compare-lineup,.precon-curves-grid {grid-template-columns:1fr}.precon-compare-art {height:200px}.precon-compare-deck-body {padding:18px}.precon-compare-commander {min-height:0}.precon-overlap-caption {flex-direction:row}.precon-visual-curve h3 {min-height:0}.precon-chart-bars {margin-top:12px}.precon-curves-grid {gap:24px}.precon-type-row {grid-template-columns:80px minmax(0,1fr);gap:10px}.precon-overlap-summary {gap:20px}.precon-compare-deck h2 {font-size:24px}}
@media(max-width:520px) {.precon-hero {padding:8px 0 14px}.precon-hero p:not(.precon-eyebrow) {font-size:14px}.precon-searchbar {gap:8px;margin-bottom:16px}.precon-searchbar button {justify-self:end}.precon-filters summary {margin-bottom:0}.precon-filters[open] summary {margin-bottom:15px}.precon-filters {padding:12px 15px}.precon-layout {gap:16px}}