.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.decks-shell{padding-top:38px}
.decks-shell .container{width:min(calc(100% - 28px), 1560px)}
.decks-heading{margin-bottom:22px}
.decks-layout{
  display:grid;
  grid-template-columns:320px minmax(0, 1fr);
  gap:24px;
  align-items:start;
}
.decks-main{display:grid; gap:22px}

.filters-panel{
  position:sticky;
  top:104px;
  padding:28px;
  border-radius:30px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at top right, rgba(215,193,139,.08), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
  box-shadow:var(--shadow);
}
.search-box,
.filter-group{display:grid; gap:10px; margin-bottom:18px}
.search-box label,
.filter-group label{
  font-size:.84rem;
  color:var(--gold);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.search-box input,
.filter-group select{
  width:100%;
  min-height:54px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.03);
  color:var(--text);
  padding:0 16px;
  outline:none;
}
.search-box input::placeholder{color:#9d968b}
.filter-group select option{background:#111515; color:var(--text)}
.range-pair{
  position:relative;
  height:24px;
}
.range-pair::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:5px;
  transform:translateY(-50%);
  border-radius:999px;
  background:rgba(255,255,255,.08);
}
.range-pair input{
  position:absolute;
  inset:0;
  width:100%;
  margin:0;
  background:transparent;
  pointer-events:none;
  -webkit-appearance:none;
  appearance:none;
}
.range-pair input::-webkit-slider-runnable-track{height:5px; background:transparent}
.range-pair input::-moz-range-track{height:5px; background:transparent; border:0}
.range-pair input::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  pointer-events:auto;
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid rgba(215,193,139,.65);
  background:#e8d5a9;
  margin-top:-4px;
  cursor:pointer;
}
.range-pair input::-moz-range-thumb{
  pointer-events:auto;
  width:14px;
  height:14px;
  border-radius:999px;
  border:1px solid rgba(215,193,139,.65);
  background:#e8d5a9;
  cursor:pointer;
}
.range-value{color:var(--muted); font-size:.92rem}
.range-value strong{color:var(--gold-strong)}
.virtue-pip-filters{gap:18px}
.virtue-pip-filter{
  display:grid;
  grid-template-columns:30px minmax(0, 1fr) auto;
  gap:8px 10px;
  align-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.virtue-pip-filter .range-pair{
  grid-column:1 / -1;
  margin-top:2px;
}
.virtue-pip-filter strong{
  grid-column:1 / -1;
  justify-self:end;
  color:var(--gold-strong);
  font-size:.92rem;
}
.virtue-filter-icon{
  width:30px;
  height:30px;
  object-fit:contain;
}
.filter-actions{
  display:grid;
  gap:14px;
  margin:26px 0 22px;
}
.filter-actions .btn{width:100%}

.decks-tools{
  display:grid;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
}
.decks-tools-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.decks-tools-summary{
  display:grid;
  gap:10px;
  min-width:min(520px, 100%);
}
.decks-tools-controls{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.decks-tools-control{display:grid; gap:8px}
.decks-tools-control label{
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.decks-tools-control select{
  min-height:38px;
  min-width:210px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:var(--text);
  padding:0 12px;
}
.decks-tools-control select option{background:#111515; color:var(--text)}
.results-count{color:#fff7df; font-size:.92rem}
.results-count strong{
  display:block;
  margin-bottom:4px;
  font-family:"Cormorant Garamond", serif;
  font-size:1.35rem;
  font-weight:600;
}
.results-count span{
  display:block;
  color:#cbc2b2;
  font-size:.9rem;
  line-height:1.55;
}
.active-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.active-filter-chip,
.active-filter-clear{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:32px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(215,193,139,.25);
  background:rgba(215,193,139,.1);
  color:#efe2c5;
  font-size:.75rem;
}
.active-filter-chip button{
  width:18px;
  height:18px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#fff7df;
  cursor:pointer;
  line-height:1;
}
.active-filter-clear{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  cursor:pointer;
}

.decks-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:20px;
  align-items:start;
}
.deck-entry{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top right, rgba(215,193,139,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  box-shadow:var(--shadow);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.deck-entry:hover,
.deck-entry:focus-within{
  transform:translateY(-4px);
  border-color:rgba(215,193,139,.26);
  box-shadow:0 26px 90px rgba(0,0,0,.5);
}
.deck-entry-button{
  display:grid;
  width:100%;
  min-height:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.deck-entry-media{
  position:relative;
  aspect-ratio:16 / 9;
  overflow:hidden;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px;
  padding:14px;
  background:#050606;
}
.deck-entry-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 12%, rgba(0,0,0,.72));
  pointer-events:none;
}
.identity-thumb{
  position:relative;
  z-index:1;
  min-width:0;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
}
.identity-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.deck-entry-body{
  display:grid;
  gap:10px;
  padding:20px;
}
.deck-play-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin:0 20px 20px;
  border:1px solid rgba(215,193,139,.3);
  border-radius:999px;
  background:rgba(215,193,139,.08);
  color:#fff7df;
  font-size:.86rem;
  font-weight:600;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.deck-play-link:hover{
  transform:translateY(-1px);
  background:rgba(215,193,139,.16);
  border-color:rgba(215,193,139,.5);
}
.deck-entry-kicker{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  color:#fff7df;
  font-size:.82rem;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.deck-pips{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.deck-pips--seven{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:7px;
  margin-top:6px;
}
.deck-pip,
.metric-mark,
.virtue-mark-compact{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:24px;
  padding:0 7px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  color:#ddd5c8;
  font-size:.68rem;
  line-height:1;
}
.virtue-mark-compact{
  /* width:28px; */
  /* height:28px; */
  /* min-height:28px; */
  padding:0;
  overflow:visible;
  appearance:none;
  cursor:pointer;
}
.virtue-mark-compact--drawer{
  width:44px;
  height:44px;
  min-height:44px;
}
.deck-pip img,
.virtue-mark-compact img{
  /* width:14px; */
  /* height:14px; */
  object-fit:contain;
}
.virtue-mark-compact--drawer img{
  /* width:22px; */
  /* height:22px; */
}
.deck-pip .ui-icon{
  width:12px;
  height:12px;
}
.status-symbol{
  color:var(--gold-strong);
  font-size:1.6rem;
  line-height:1;
}
.metric-mark{
  /* width:28px; */
  /* height:28px; */
  /* min-height:28px; */
  padding:0;
  overflow:visible;
}
.metric-mark--drawer{
  width:44px;
  height:44px;
  min-height:44px;
}
.metric-mark--drawer .status-symbol{
  font-size:1.6rem;
}
.deck-pip strong{
  max-width:72px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.64rem;
  font-weight:500;
  color:#ddd5c8;
}
.pip-badge{
  position:absolute;
  top:-7px;
  right:-5px;
  min-width:15px;
  height:15px;
  padding:0 4px;
  border-radius:999px;
  background:var(--gold-strong);
  color:#0e1111;
  border:1px solid rgba(255,255,255,.16);
  font-size:.6rem;
  line-height:13px;
  font-weight:700;
  text-align:center;
}
.pip-badge--positive{background:#75d39d}
.pip-badge--negative{background:#f08a8a; color:#0e1111}
.pip-badge--neutral{background:var(--gold-strong)}

.empty-state{
  grid-column:1 / -1;
  padding:30px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 16% 0%, rgba(215,193,139,.1), transparent 36%),
    rgba(255,255,255,.02);
}
.empty-state h3{
  margin:0 0 8px;
  font-family:"Cormorant Garamond", serif;
  font-size:1.65rem;
  color:#fff7df;
}
.empty-state p{
  margin:0;
  color:#cbc2b2;
  line-height:1.65;
  font-size:.92rem;
}
.pagination-shell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 22px;
  border-radius:28px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}
.pagination-info{color:var(--muted)}
.pagination-controls{display:flex; gap:8px; flex-wrap:wrap}
.page-btn{
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.025);
  color:var(--muted);
  cursor:pointer;
  transition:.25s ease;
}
.page-btn:hover,
.page-btn.is-active{
  color:var(--gold-strong);
  border-color:rgba(215,193,139,.3);
  background:rgba(215,193,139,.1);
}
.page-btn:disabled{opacity:.45; cursor:not-allowed}

.deck-drawer{
  position:fixed;
  inset:0;
  z-index:40;
  display:block;
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.deck-drawer.is-open{opacity:1; visibility:visible}
.drawer-backdrop{
  position:absolute;
  inset:0;
  background:rgba(6,7,7,.6);
  backdrop-filter:blur(8px);
}
.drawer-panel{
  position:absolute;
  inset:18px;
  width:auto;
  height:auto;
  --drawer-bg:none;
  background:linear-gradient(180deg, rgba(10,11,11,.98), rgba(8,9,9,.98));
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 28px 100px rgba(0,0,0,.58);
  transform:translateY(16px) scale(.98);
  transition:transform .28s ease;
  overflow:hidden;
}
.drawer-panel::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:var(--drawer-bg);
  background-size:cover;
  background-position:center 12%;
  opacity:.18;
  filter:saturate(.78) brightness(1.2) blur(1px);
  transform:scale(1.02);
}
.drawer-panel::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 12%, rgba(240,215,159,.11), transparent 32%),
    linear-gradient(180deg, rgba(8,9,9,.74), rgba(8,9,9,.96));
}
.deck-drawer.is-open .drawer-panel{transform:translateY(0) scale(1)}
.drawer-close{
  position:absolute;
  top:14px;
  right:14px;
  width:50px;
  height:50px;
  border-radius:999px;
  border:1px solid rgba(240,215,159,.72);
  background:rgba(8,9,9,.88);
  color:#fff4d0;
  cursor:pointer;
  font-size:1.9rem;
  z-index:50;
  box-shadow:0 10px 30px rgba(0,0,0,.52), 0 0 0 3px rgba(240,215,159,.12);
}
.drawer-inner{
  position:relative;
  z-index:2;
  height:100%;
  overflow:auto;
  padding:28px;
}
.deck-detail-layout{
  display:grid;
  grid-template-columns:minmax(360px, 34%) minmax(0, 1fr);
  gap:24px;
  align-items:start;
}
.deck-detail-side,
.deck-detail-main{
  display:grid;
  gap:18px;
  min-width:0;
}
.deck-detail-heading{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
}
.deck-detail-heading .section-kicker{
  display:block;
  margin-bottom:10px;
}
.deck-detail-heading p{margin:0; color:#ddd5c8; line-height:1.75}
.identity-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.identity-grid--inline{
  margin:2px 0 12px;
}
.identity-card{
  display:grid;
  gap:8px;
}
.identity-card--inline{
  gap:0;
}
.identity-card img,
.deck-card-image{
  width:100%;
  aspect-ratio:744 / 1039;
  object-fit:cover;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 14px 30px rgba(0,0,0,.25);
}
.deck-card-image--horizontal{
  aspect-ratio:1039 / 744;
}
.identity-card-image--large{
  transform:scale(1.04);
}
.identity-card span{
  color:var(--muted);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.analysis-card{
  border-radius:20px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.025);
  padding:18px;
}
.analysis-card > span{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:var(--muted);
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.11em;
}
.analysis-section{
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
}
.deck-list-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:14px;
}
.deck-list-head > .section-kicker{
  margin-top:10px;
}
.drawer-deck-list-controls{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.drawer-deck-view-mode,
.drawer-deck-lane-actions{
  display:inline-flex;
  flex-wrap:wrap;
  gap:4px;
  padding:4px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.025);
}
.drawer-deck-lane-actions{
  gap:8px;
  padding:0;
  border:0;
  background:transparent;
}
.drawer-deck-view-mode button,
.drawer-deck-lane-actions button{
  min-height:34px;
  border-radius:999px;
  border:1px solid transparent;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  padding:0 12px;
  font-size:.78rem;
}
.drawer-deck-lane-actions button{
  border-color:rgba(215,193,139,.28);
  background:rgba(215,193,139,.08);
  color:#fff7df;
}
.drawer-deck-view-mode button.is-active,
.drawer-deck-lane-actions button.is-active{
  border-color:rgba(215,193,139,.46);
  background:rgba(215,193,139,.15);
  color:#fff7df;
}
.analysis-section h3{
  margin:0 0 14px;
  font-family:"Cormorant Garamond", serif;
  font-size:1.8rem;
  font-weight:600;
}
.analysis-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.metric-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:8px;
}
.metric-list--pips{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.analysis-metric{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:40px;
  padding:9px 34px 9px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.024);
  color:#ddd5c8;
  font-size:16px;
  appearance:none;
  cursor:pointer;
  text-align:left;
  width:100%;
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.analysis-metric:hover,
.analysis-metric.is-active,
.virtue-mark-compact.is-active{
  border-color:rgba(215,193,139,.46);
  background:rgba(215,193,139,.09);
  box-shadow:0 0 0 1px rgba(215,193,139,.12);
}
.analysis-metric strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff7df;
  font-size:16px;
  font-weight:500;
}
.analysis-metric .pip-badge{
  top:50%;
  right:10px;
  transform:translateY(-50%);
}
.analysis-metric .pip-badge--inline{
  position:static;
  top:auto;
  right:auto;
  transform:none;
}
.analysis-metric--combined{
  padding-right:12px;
  align-items:center;
}
.metric-badges{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  align-self:center;
  line-height:1;
}
.pip-badge--inline{
  position:relative;
  top:auto;
  right:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  transform:none;
  min-width:24px;
  height:20px;
  padding:0 7px;
  line-height:1;
  vertical-align:middle;
}
.pip-badge--inline .status-symbol{
  display:inline-flex;
  align-items:center;
  color:inherit;
  font-size:.7rem;
  line-height:1;
}
.metric-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:6px;
  align-items:center;
  min-height:42px;
  padding:10px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.055);
  background:rgba(255,255,255,.022);
}
.metric-row strong{color:#fff7df}
.metric-value{
  display:flex;
  align-items:center;
  gap:4px;
  color:var(--gold-strong);
  font-weight:700;
}
.deck-list-grid{
  display:grid;
  grid-template-columns:repeat(8, minmax(0, 1fr));
  gap:10px;
}
.drawer-deck-board{
  display:flex;
  align-items:stretch;
  width:100%;
  gap:10px;
  min-height:420px;
  max-height:min(70svh, 760px);
  overflow:auto;
  padding:2px 4px 14px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:rgba(215,193,139,.5) rgba(255,255,255,.04);
}
.drawer-deck-lane{
  flex:1 0 128px;
  min-height:100%;
  display:flex;
  flex-direction:column;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    rgba(0,0,0,.16);
  scroll-snap-align:start;
}
.drawer-deck-lane--identity{
  flex:1.16 0 190px;
  border-color:rgba(240,215,159,.72);
  background:
    linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.76)),
    #030404;
  box-shadow:
    inset 0 0 0 1px rgba(240,215,159,.18),
    0 18px 42px rgba(0,0,0,.42);
}
.drawer-deck-lane-label{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 10px 0;
  color:var(--gold);
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.drawer-deck-lane-label span{
  color:#fff7df;
  letter-spacing:0;
}
.drawer-deck-lane-stack{
  flex:1 0 auto;
  min-width:0;
  min-height:0;
  overflow:visible;
  padding:8px 8px 96px;
}
.drawer-board-card{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:744 / 1039;
  height:auto;
  margin-inline:auto;
  border-radius:9px;
  border:1px solid #000;
  overflow:hidden;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.44));
  transition:transform .18s ease, filter .18s ease;
}
.drawer-board-card + .drawer-board-card{
  margin-top:-84%;
}
.drawer-board-card:hover{
  z-index:6;
  transform:translateY(-8px);
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.58));
}
.drawer-board-card img{
  width:100%;
  height:100%;
  border-radius:9px;
  object-fit:cover;
  background:transparent;
}
.drawer-identity-stack{
  display:grid;
  align-content:start;
  gap:12px;
  min-height:0;
  overflow:visible;
  padding:10px;
}
.drawer-identity-slot{
  position:relative;
  min-height:0;
  display:grid;
  place-items:center;
  gap:6px;
  width:100%;
  padding:8px;
  border-radius:13px;
  border:1px solid rgba(240,215,159,.72);
  background:
    linear-gradient(180deg, rgba(120,92,35,.46), rgba(32,24,10,.6)),
    rgba(215,193,139,.1);
  color:inherit;
  text-decoration:none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 14px 26px rgba(0,0,0,.42);
  overflow:hidden;
}
.drawer-identity-slot > span{
  color:var(--gold);
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.drawer-identity-slot img{
  width:95%;
  max-width:95%;
  aspect-ratio:744 / 1039;
  height:auto;
  border-radius:8px;
  object-fit:cover;
  background:#080909;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.48));
}
.drawer-identity-slot.is-landscape img{
  aspect-ratio:1039 / 744;
}
.drawer-board-card.is-muted img,
.drawer-identity-slot.is-muted img{
  filter:grayscale(1) saturate(.12) brightness(.58);
  opacity:.56;
}
.deck-list-item{display:block}
.deck-list-item img{
  transition:transform .16s ease, border-color .16s ease;
}
.deck-list-item:hover img{
  transform:translateY(-3px);
  border-color:rgba(215,193,139,.35);
}
.deck-list-item.is-muted img{
  filter:grayscale(1) saturate(.12) brightness(.58);
  opacity:.56;
}
.deck-list-item.is-muted:hover img{
  filter:grayscale(.75) saturate(.35) brightness(.72);
}
.identity-card.is-muted img{
  filter:grayscale(1) saturate(.12) brightness(.58);
  opacity:.56;
}
.hover-preview{
  position:fixed;
  z-index:45;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(8,9,9,.9);
  backdrop-filter:blur(6px);
  box-shadow:0 20px 50px rgba(0,0,0,.45);
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transform:translate3d(0, 0, 0) scale(.98);
  transition:opacity .14s ease, transform .14s ease;
}
.hover-preview.is-visible{
  opacity:1;
  transform:translate3d(0, 0, 0) scale(1);
}
.hover-preview img{
  width:100%;
  aspect-ratio:744 / 1039;
  object-fit:cover;
  display:block;
}
.deck-pips--analysis{
  margin:10px 0 16px;
}
.section-kicker--sub{
  display:block;
  margin:20px 0 10px;
  font-size:.68rem;
  color:#d8c68f;
}

@media (max-width: 1180px){
  .decks-layout{grid-template-columns:1fr}
  .filters-panel{position:relative; top:auto}
  .decks-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .deck-detail-layout{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .decks-grid,
  .analysis-grid,
  .metric-list,
  .identity-grid{grid-template-columns:1fr}
  .deck-list-head{
    display:grid;
  }
  .drawer-deck-list-controls{
    justify-content:flex-start;
  }
  .drawer-deck-board{
    min-height:360px;
  }
  .drawer-deck-lane{
    flex-basis:118px;
  }
  .drawer-deck-lane--identity{
    flex-basis:172px;
  }
  .deck-pips--seven{grid-template-columns:repeat(4, minmax(0, 1fr))}
  .decks-tools-top,
  .pagination-shell{align-items:stretch; flex-direction:column}
  .decks-tools-control select{width:100%; min-width:0}
  .drawer-panel{inset:8px; border-radius:22px}
  .drawer-inner{padding:22px 16px}
  .deck-list-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}