:root {
  --bg:#10150f;
  --panel:#192218;
  --ink:#edf0e8;
  --muted:#aab1a6;
  --acid:#d9ff51;
  --line:rgba(237,240,232,.15);
  --serif:Georgia,"Times New Roman",serif
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:16px/1.55 Arial,Helvetica,sans-serif
}

.site-header {
  max-width:1180px;
  margin:auto;
  padding:22px 28px;
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between
}

.brand {
  display:flex;
  align-items:center;
  color:var(--ink);
  text-decoration:none;
  font-size:10px;
  line-height:1;
  letter-spacing:.15em
}

.brand b {
  display:grid;
  place-items:center;
  border:1px solid var(--acid);
  color:var(--acid);
  font:20px var(--serif);
  width:30px;
  height:30px;
  margin-right:8px
}

.brand i {
  color:var(--acid);
  font-style:normal
}

.site-header nav {
  display:flex;
  gap:25px
}

.site-header nav a {
  font-size:12px;
  color:var(--ink);
  text-decoration:none
}

.menu {
  display:none;
  background:transparent;
  color:var(--ink);
  border:1px solid var(--line);
  padding:7px 10px
}

.hero {
  max-width:1180px;
  margin:auto;
  padding:100px 28px;
  position:relative;
  background:radial-gradient(circle at 85% 40%,rgba(217,255,81,.12),transparent 21rem)
}

.eyebrow {
  font-size:10px;
  font-weight:bold;
  letter-spacing:.16em;
  color:var(--acid)
}

h1 {
  font:clamp(54px,8vw,104px)/.9 var(--serif);
  letter-spacing:-.07em;
  margin:14px 0 25px
}

h2 {
  font:40px/.95 var(--serif);
  letter-spacing:-.05em
}

.intro {
  max-width:540px;
  font-size:18px;
  color:#c3c9bd
}

.cta {
  display:inline-block;
  text-decoration:none;
  background:var(--acid);
  color:#13200e;
  padding:13px 17px;
  font-size:12px;
  font-weight:bold
}

.cta span {
  font-size:17px;
  margin-left:12px
}

.hero aside {
  position:absolute;
  right:70px;
  bottom:65px;
  border-top:1px solid var(--acid);
  padding:15px;
  width:220px;
  background:#172116
}

.hero aside>* {
  display:block
}

.hero aside small,.hero aside span {
  font-size:10px;
  letter-spacing:.12em;
  color:var(--muted)
}

.hero aside strong {
  font:28px var(--serif);
  color:var(--acid)
}

.light {
  background:#e7eae3;
  color:#172117;
  padding:75px max(28px,calc((100% - 1124px)/2));
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:10vw
}

.light h2 {
  margin:0
}

.light ul {
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid #afb6ac
}

.light li {
  border-bottom:1px solid #afb6ac;
  padding:15px 0;
  font-size:13px
}

.light li b,.light li span {
  display:block
}

.light li span {
  color:#50604e
}

.reading,.article>article {
  max-width:1180px;
  margin:auto;
  padding:76px 28px
}

.reading h2 {
  margin-top:0
}

.cards {
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr;
  gap:1px;
  background:var(--line)
}

.cards a {
  min-height:280px;
  display:flex;
  flex-direction:column;
  padding:22px;
  background:var(--panel);
  color:var(--ink);
  text-decoration:none
}

.cards a:first-child {
  background:linear-gradient(140deg,#31441e,#182418)
}

.cards em {
  font-size:9px;
  font-style:normal;
  letter-spacing:.1em;
  color:var(--acid)
}

.cards h3 {
  font:28px/1 var(--serif);
  letter-spacing:-.04em;
  margin:auto 0 12px
}

.cards span {
  font-size:13px;
  color:#bbc3b8
}

footer {
  max-width:1180px;
  margin:auto;
  border-top:1px solid var(--line);
  padding:25px 28px;
  font-size:10px;
  color:var(--muted)
}

footer span {
  float:right
}

.article>article {
  max-width:850px
}

.article h1 {
  font-size:clamp(52px,7vw,86px)
}

.article h2 {
  margin-top:44px
}

.article p,.article li {
  max-width:680px;
  color:#c7cec3
}

.article hr {
  border:0;
  border-top:1px solid var(--line);
  margin:35px 0
}

.grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--line);
  margin:20px 0
}

.grid div {
  padding:17px;
  background:var(--panel)
}

.grid b,.grid span {
  display:block
}

.grid b {
  color:var(--acid);
  font-size:13px
}

.grid span {
  color:var(--muted);
  font-size:12px
}

.timeline {
  border-top:1px solid var(--line)
}

.timeline div {
  display:grid;
  grid-template-columns:130px 1fr;
  border-bottom:1px solid var(--line);
  padding:19px 0
}

.timeline time {
  font:15px var(--serif);
  color:var(--acid)
}

.timeline p {
  margin:0
}

.official-box {
  background:#1c2a19;
  border-left:2px solid var(--acid);
  padding:24px;
  margin:30px 0
}

.source {
  margin-top:50px;
  padding:18px;
  background:var(--panel)
}

.source a {
  display:block;
  color:var(--acid);
  font-size:12px;
  margin-top:7px
}

@media(max-width:720px) {
  .site-header {
    padding:16px 20px
  }

  .menu {
    display:block
  }

  .site-header nav {
    display:none;
    position:absolute;
    top:63px;
    left:20px;
    right:20px;
    z-index:3;
    padding:16px;
    background:#192218;
    border:1px solid var(--line)
  }

  .site-header nav.open {
    display:grid;
    gap:15px
  }

  .hero {
    padding:75px 20px
  }

  .hero aside {
    position:static;
    margin-top:40px
  }

  .light {
    padding:52px 20px;
    grid-template-columns:1fr;
    gap:30px
  }

  .reading,.article>article {
    padding:55px 20px
  }

  .cards,.grid {
    grid-template-columns:1fr
  }

  .cards a {
    min-height:220px
  }

  .article h2 {
    font-size:33px
  }

  .timeline div {
    grid-template-columns:90px 1fr
  }

  footer span {
    float:none;
    display:block;
    margin-top:8px
  }

}

/* Homepage: post-launch player hub */
.hero--live {
  padding-top: 72px;
  padding-bottom: 72px;
  background: radial-gradient(circle at 79% 40%, rgba(217,255,81,.2), transparent 23rem);
}

.hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 305px;
  align-items: center;
  gap: 8vw;
}

.hero--live h1 {
  margin-bottom: 22px;
}

.hero-actions {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 28px;
}

.text-link,
.underlined-link {
  color: var(--ink);
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.text-link {
  color: var(--acid);
}

.set-card {
  position: relative;
  right: auto;
  bottom: auto;
  display: flex;
  min-height: 390px;
  width: auto;
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px;
  overflow: hidden;
  border: 1px solid var(--acid);
  background: linear-gradient(155deg, #38531e 0%, #172216 44%, #0f150e 100%);
  box-shadow: 11px 11px 0 rgba(217,255,81,.18);
}

.set-card::before {
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(217,255,81,.3);
  content: "";
}

.set-card > * {
  position: relative;
  z-index: 1;
}

.set-card__badge {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 5px 8px;
  border: 1px solid var(--acid);
  color: var(--acid);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .12em;
}

.set-card small,
.set-card__meta,
.set-card__rarity {
  color: #c6d1b9;
  font-size: 9px;
  letter-spacing: .14em;
}

.set-card strong {
  margin: 11px 0;
  color: var(--acid);
  font: 40px/.85 var(--serif);
  letter-spacing: -.06em;
}

.set-card__rarity {
  margin-top: 25px;
  color: var(--acid);
}

.start-here,
.set-overview {
  padding: 78px max(28px,calc((100% - 1124px)/2));
}

.start-here {
  display: grid;
  grid-template-columns: .9fr 1.4fr;
  gap: 9vw;
  background: #e7eae3;
  color: #172117;
}

.section-heading h2 {
  margin: 0 0 18px;
  font: 40px/.95 var(--serif);
  letter-spacing: -.05em;
}

.section-heading > p:not(.eyebrow) {
  max-width: 420px;
  margin-bottom: 0;
  color: #50604e;
}

.game-steps {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #afb6ac;
}

.game-steps li {
  min-height: 175px;
  padding: 17px;
  background: #f3f4f0;
}

.game-steps span,
.product-grid article > span,
.card-no {
  display: block;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: .12em;
}

.game-steps span {
  margin-bottom: 35px;
  color: #62735e;
}

.game-steps b {
  display: block;
  font: 21px/.95 var(--serif);
}

.game-steps p {
  margin: 8px 0 0;
  color: #50604e;
  font-size: 12px;
}

.start-here > .underlined-link {
  grid-column: 2;
  color: #172117;
  border-bottom: 1px solid #172117;
  justify-self: start;
}

.set-overview {
  background: var(--bg);
}

.set-overview__lead {
  max-width: 500px;
  margin-bottom: 42px;
}

.set-overview__lead h2 {
  margin: 0 0 16px;
  font: 48px/.9 var(--serif);
  letter-spacing: -.055em;
}

.set-overview__lead > p:not(.eyebrow) {
  color: var(--muted);
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
  margin-bottom: 28px;
}

.product-grid article {
  min-height: 215px;
  padding: 22px;
  border: 1px solid var(--line);
  background: linear-gradient(135deg, #202c1e, #141b13);
}

.product-grid article:nth-child(2) { background: linear-gradient(135deg, #18352b, #121e1a); }
.product-grid article:nth-child(3) { background: linear-gradient(135deg, #3e3517, #1c1c10); }
.product-grid article > span { color: var(--acid); }
.product-grid h3 { margin: 40px 0 10px; font: 30px/.9 var(--serif); letter-spacing: -.05em; }
.product-grid p { margin: 0; color: var(--muted); font-size: 12px; }
.set-overview .underlined-link { color: var(--acid); border-bottom: 1px solid var(--acid); }

.reading--live { padding-top: 40px; }
.section-heading--row { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.section-heading--row > p { max-width: 340px; color: var(--muted); font-size: 13px; }
.cards--live a { position: relative; min-height: 315px; border-top: 2px solid var(--acid); }
.cards--live a:nth-child(2) { border-top-color: #75bff8; }
.cards--live a:nth-child(3) { border-top-color: #efb55c; }
.cards--live .card-no { margin: 12px 0 auto; color: var(--muted); }

.status-strip {
  display: flex;
  max-width: 1124px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 0 auto 60px;
  padding: 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

.status-strip p { margin: 0; }
.status-strip b { color: var(--acid); font-size: 10px; letter-spacing: .12em; }
.status-strip i { color: var(--ink); font-style: normal; }
.status-strip a { color: var(--acid); text-decoration: none; white-space: nowrap; }

@media(max-width:720px) {
  .hero--live { padding-top: 55px; padding-bottom: 62px; }
  .hero-grid, .start-here { grid-template-columns: 1fr; }
  .set-card { min-height: 315px; max-width: 340px; margin-top: 20px; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 15px; }
  .start-here, .set-overview { padding: 55px 20px; }
  .game-steps, .product-grid { grid-template-columns: 1fr; }
  .game-steps li { min-height: 130px; }
  .game-steps span { margin-bottom: 22px; }
  .start-here > .underlined-link { grid-column: auto; }
  .section-heading--row, .status-strip { align-items: flex-start; flex-direction: column; }
  .status-strip { margin: 0 20px 50px; }
}
.page-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin: 18px 0 34px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .08em;
}

.page-meta span,
.page-meta time {
  color: var(--acid);
  font-weight: bold;
}

.page-meta i {
  font-style: normal;
}

.status-strip time {
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .09em;
}
.choice-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1px;
  margin: 22px 0;
  background: var(--line);
}

.choice-grid div {
  padding: 22px;
  background: var(--panel);
}

.choice-grid b,
.choice-grid span {
  display: block;
}

.choice-grid b {
  color: var(--acid);
  font: 22px/.95 var(--serif);
}

.choice-grid span {
  margin-top: 9px;
  color: var(--muted);
  font-size: 12px;
}

.checklist {
  padding-left: 19px;
}

.checklist li {
  margin: 13px 0;
}

.purchase-steps {
  margin: 20px 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.purchase-steps li {
  display: grid;
  grid-template-columns: 58px 1fr;
  border-bottom: 1px solid var(--line);
  padding: 17px 0;
}

.purchase-steps span {
  color: var(--acid);
  font: 22px var(--serif);
}

.purchase-steps p {
  margin: 0;
}

.product-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 26px;
}

.product-actions .underlined-link {
  color: var(--acid);
  border-bottom: 1px solid var(--acid);
}

@media(max-width:720px) {
  .choice-grid { grid-template-columns: 1fr; }
  .product-actions { align-items: flex-start; flex-direction: column; }
}
/* Local official visual assets used by the homepage */
.set-card::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(13,20,10,.04) 10%, rgba(13,20,10,.92) 81%);
  content: "";
}

.set-card::before { z-index: 2; }

.set-card__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .9;
}

.set-card > * { z-index: 3; }

.product-grid__booster { position: relative; overflow: hidden; }
.product-grid__booster::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(24,25,12,.05), rgba(24,25,12,.94)); content: ""; }
.product-grid__booster > *:not(img) { position: relative; z-index: 1; }
.product-grid__booster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .8; }

.card-gallery { padding: 78px max(28px,calc((100% - 1124px)/2)); overflow: hidden; background: #111b10; }
.card-gallery__intro { display: grid; grid-template-columns: minmax(260px,.8fr) minmax(260px,1fr); align-items: end; gap: 18px 9vw; margin-bottom: 40px; }
.card-gallery__intro h2 { grid-column: 1; margin: 0; font: 48px/.9 var(--serif); letter-spacing: -.055em; }
.card-gallery__intro > p:not(.eyebrow) { grid-column: 2; grid-row: 1 / span 2; max-width: 380px; margin: 0; color: var(--muted); }
.card-gallery__intro .underlined-link { grid-column: 1; color: var(--acid); border-bottom: 1px solid var(--acid); justify-self: start; }
.card-gallery__cards { display: flex; min-width: 740px; align-items: end; gap: 12px; padding: 10px 0 27px; }
.card-gallery__cards img { width: 174px; max-height: 255px; flex: 0 0 auto; border: 1px solid rgba(237,240,232,.28); object-fit: cover; object-position: top; box-shadow: 7px 9px 0 rgba(0,0,0,.28); transform: rotate(-3deg); }
.card-gallery__cards img:nth-child(2) { transform: translateY(-18px) rotate(2deg); }
.card-gallery__cards img:nth-child(3) { transform: translateY(4px) rotate(-1deg); }
.card-gallery__cards img:nth-child(4) { transform: translateY(-28px) rotate(3deg); }
.card-gallery__cards img:nth-child(5) { transform: translateY(-5px) rotate(-2deg); }
.visual-credit { margin: 9px 0 0; color: var(--muted); font-size: 10px; }

@media(max-width:720px) {
  .card-gallery { padding: 55px 20px; }
  .card-gallery__intro { display: block; }
  .card-gallery__intro h2 { margin: 10px 0 15px; font-size: 40px; }
  .card-gallery__intro > p:not(.eyebrow) { margin-bottom: 22px; }
  .card-gallery__cards { margin-left: 0; }
  .card-gallery__cards img { width: 137px; max-height: 205px; }
}
.card-browser { max-width: 1180px; margin: auto; padding: 70px 28px; }
.card-browser__hero { max-width: 720px; }
.card-browser__hero h1 { margin: 12px 0 20px; }
.card-browser__tools { margin-top: 42px; padding: 20px; border: 1px solid var(--line); background: var(--panel); }
.card-search span, .card-filters span { display: block; margin-bottom: 7px; color: var(--acid); font-size: 9px; font-weight: bold; letter-spacing: .12em; }
.card-search input, .card-filters select { width: 100%; border: 1px solid var(--line); border-radius: 0; background: #111a10; color: var(--ink); font: 14px Arial,Helvetica,sans-serif; padding: 12px; }
.card-filters { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; margin-top: 16px; }
.card-results-bar { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; color: var(--muted); font-size: 12px; }
.card-results-bar p { margin: 0; }
.card-results-bar button, .card-more { border: 1px solid var(--acid); background: transparent; color: var(--acid); cursor: pointer; font-size: 11px; font-weight: bold; padding: 9px 12px; }
.card-browser__results { padding-top: 34px; }
.card-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.card-tile { overflow: hidden; border: 1px solid var(--line); background: var(--panel); }
.card-tile img { display: block; width: 100%; aspect-ratio: .71; object-fit: cover; object-position: top; background: #0a1009; }
.card-tile__info { padding: 11px; }
.card-tile__info span { color: var(--acid); font-size: 9px; font-weight: bold; letter-spacing: .08em; }
.card-tile__info h2 { margin: 5px 0; font: 18px/.95 var(--serif); letter-spacing: -.03em; }
.card-tile__info p { margin: 0; color: var(--muted); font-size: 11px; }
.card-more { display: block; margin: 30px auto 0; }
.card-empty, .card-error { grid-column: 1 / -1; padding: 30px; border: 1px solid var(--line); color: var(--muted); }
.card-browser__source { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 55px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.card-browser__source p { max-width: 570px; margin: 0; }
.card-browser__source a { color: var(--acid); text-decoration: none; white-space: nowrap; }
@media(max-width:720px) { .card-browser { padding: 55px 20px; } .card-filters { grid-template-columns: repeat(2,1fr); } .card-grid { grid-template-columns: repeat(2,1fr); gap: 9px; } .card-browser__source { align-items: flex-start; flex-direction: column; } }.builder{max-width:1180px;margin:auto;padding:70px 28px}.builder__hero{max-width:700px}.builder__hero h1{margin:12px 0 20px}.builder__layout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-top:38px}.builder-results{display:grid;gap:1px;margin-top:16px;background:var(--line)}.builder-results article{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:8px;background:var(--panel)}.builder-results img{width:45px;height:63px;object-fit:cover}.builder-results b,.builder-results span{display:block}.builder-results b{font:16px var(--serif)}.builder-results span{color:var(--muted);font-size:10px}.builder button,.deck-panel__head button{border:1px solid var(--acid);background:transparent;color:var(--acid);padding:7px 10px;cursor:pointer}.deck-panel{position:sticky;top:15px;height:max-content;padding:18px;border:1px solid var(--line);background:var(--panel)}.deck-panel__head{display:flex;justify-content:space-between;align-items:center}.deck-panel h2{margin:0;font:28px var(--serif)}.deck-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;background:var(--line)}.deck-stats div{padding:10px;background:#121a11}.deck-stats span,.deck-stats b{display:block}.deck-stats span{color:var(--muted);font-size:9px}.deck-stats b{color:var(--acid);font:18px var(--serif)}.deck-status{font-size:12px;color:var(--muted)}.deck-status.is-bad{color:#ff9b7b}.deck-list{max-height:470px;overflow:auto}.deck-list div{display:grid;grid-template-columns:28px 25px 1fr 28px;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:11px}.deck-list button{padding:3px}.deck-panel>a{display:block;margin-top:17px;color:var(--acid);font-size:11px;text-decoration:none}@media(max-width:720px){.builder{padding:55px 20px}.builder__layout{grid-template-columns:1fr}.deck-panel{position:static}.deck-stats{grid-template-columns:repeat(3,1fr)}}
.article-visual{display:flex;gap:14px;align-items:center;margin:26px 0 38px;padding:18px;border:1px solid var(--line);background:linear-gradient(135deg,#22331d,#10170f);overflow:hidden}.article-visual--booster .article-visual__product{width:43%;max-height:280px;object-fit:cover}.article-visual--booster>div{display:flex;gap:9px;align-items:center;width:57%}.article-visual--booster>div img,.article-visual--cards img{width:32%;border:1px solid rgba(237,240,232,.27);box-shadow:5px 7px 0 rgba(0,0,0,.25)}.article-visual--cards{justify-content:center;padding:25px}.article-visual--cards img{width:min(30%,190px)}.article-visual--cards img:nth-child(1){transform:rotate(-4deg)}.article-visual--cards img:nth-child(3){transform:rotate(4deg)}@media(max-width:720px){.article-visual{padding:10px;gap:8px}.article-visual--booster .article-visual__product{width:40%}.article-visual--booster>div{width:60%;gap:5px}.article-visual--cards{padding:12px}.article-visual--cards img{width:31%}}.brand { display: block; width: 204px; }
.brand-logo { display: block; width: 100%; height: auto; }
@media(max-width:720px) { .brand { width: 165px; } }
.site-header nav { flex-wrap: wrap; justify-content: flex-end; row-gap: 12px; }
@media (min-width:721px) and (max-width:920px) { .site-header { align-items: flex-start; } .site-header nav { max-width: 490px; gap: 12px 16px; } }
footer { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; } footer > span { margin-right: auto; } footer span { float: none; } .footer-nav { display: flex; flex-wrap: wrap; gap: 12px; } .footer-nav a { color: var(--muted); text-decoration: none; } footer small { color: var(--muted); font-size: 10px; }
.parallel-toggle { color: var(--muted); font-size: 11px; white-space: nowrap; }.parallel-toggle input { accent-color: var(--acid); }
.card-detail{max-width:1040px;margin:auto;padding:50px 28px 80px}.back-link{color:var(--acid);font-size:12px;text-decoration:none}.card-detail__layout{display:grid;grid-template-columns:minmax(280px,.7fr) 1fr;gap:55px;margin-top:30px}.card-detail__image{width:100%;border:1px solid var(--line);box-shadow:12px 14px 0 rgba(0,0,0,.3)}.card-detail h1{margin:10px 0;font:clamp(40px,5vw,64px)/.9 var(--serif);letter-spacing:-.055em}.card-detail__number{color:var(--acid);font-size:12px;font-weight:bold}.card-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.card-specs div{padding:11px;background:var(--panel)}.card-specs dt{color:var(--muted);font-size:9px}.card-specs dd{margin:3px 0 0;font-size:13px}.card-text{padding:15px;border-left:2px solid var(--acid);background:var(--panel);white-space:pre-line}.variant-list{padding-left:18px;color:var(--muted);font-size:13px}@media(max-width:720px){.card-detail{padding:38px 20px 60px}.card-detail__layout{grid-template-columns:1fr;gap:28px}.card-detail__image{max-width:370px}.card-specs{grid-template-columns:repeat(2,1fr)}}
.card-tile { display: block; color: inherit; text-decoration: none; }
.builder-results article{position:relative;grid-template-columns:52px 1fr auto auto}.builder-info{width:29px;padding:5px!important;border-color:var(--line)!important;color:var(--muted)!important}.builder-card-preview{position:absolute;z-index:5;top:74px;left:52px;display:none;width:min(540px,calc(100vw - 70px));grid-template-columns:135px 1fr;gap:15px;padding:14px;border:1px solid var(--acid);background:#10150f;box-shadow:10px 12px 0 rgba(0,0,0,.45)}.builder-results article:hover .builder-card-preview,.builder-results article.preview-open .builder-card-preview{display:grid}.builder-card-preview img{width:135px;height:auto;object-fit:contain}.builder-card-preview b,.builder-card-preview span{display:block}.builder-card-preview span{margin:5px 0;color:var(--acid);font-size:10px}.builder-card-preview p{margin:12px 0 0;color:var(--ink);font-size:12px;white-space:pre-line}.builder-rules{max-width:1180px;margin:60px auto 0;padding:65px 28px;border-top:1px solid var(--line)}.builder-rules h2{margin:0 0 14px;font:42px/.92 var(--serif);letter-spacing:-.05em}.builder-rules>div>p:not(.eyebrow){max-width:580px;color:var(--muted)}.builder-rules__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:35px 0;background:var(--line)}.builder-rules__grid article{padding:19px;background:var(--panel)}.builder-rules__grid b{color:var(--acid);font:38px var(--serif)}.builder-rules__grid h3{margin:6px 0;font:20px var(--serif)}.builder-rules__grid p,.builder-rules__notes li{color:var(--muted);font-size:12px}.builder-rules__notes{max-width:680px}.builder-rules__notes ol{padding-left:20px}.builder-rules__notes a{color:var(--acid);font-size:12px}@media(max-width:720px){.builder-rules{margin-top:35px;padding:50px 20px}.builder-rules__grid{grid-template-columns:repeat(2,1fr)}.builder-card-preview{left:5px;grid-template-columns:95px 1fr;width:calc(100vw - 50px)}.builder-card-preview img{width:95px}.builder-results article:hover .builder-card-preview{display:none}.builder-results article.preview-open .builder-card-preview{display:grid}}
.builder-results article{position:relative;grid-template-columns:52px 1fr auto auto}.builder-info{width:29px;padding:5px!important;border-color:var(--line)!important;color:var(--muted)!important}.builder-card-preview{position:absolute;z-index:5;top:74px;left:52px;display:none;width:min(540px,calc(100vw - 70px));grid-template-columns:135px 1fr;gap:15px;padding:14px;border:1px solid var(--acid);background:#10150f;box-shadow:10px 12px 0 rgba(0,0,0,.45)}.builder-results article:hover .builder-card-preview,.builder-results article.preview-open .builder-card-preview{display:grid}.builder-card-preview img{width:135px;height:auto;object-fit:contain}.builder-card-preview b,.builder-card-preview span{display:block}.builder-card-preview span{margin:5px 0;color:var(--acid);font-size:10px}.builder-card-preview p{margin:12px 0 0;color:var(--ink);font-size:12px;white-space:pre-line}.builder-rules{max-width:1180px;margin:60px auto 0;padding:65px 28px;border-top:1px solid var(--line)}.builder-rules h2{margin:0 0 14px;font:42px/.92 var(--serif);letter-spacing:-.05em}.builder-rules__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:35px 0;background:var(--line)}.builder-rules__grid article{padding:19px;background:var(--panel)}.builder-rules__grid b{color:var(--acid);font:38px var(--serif)}.builder-rules__grid h3{margin:6px 0;font:20px var(--serif)}.builder-rules__grid p,.builder-rules__notes li{color:var(--muted);font-size:12px}.builder-rules__notes{max-width:680px}.builder-rules__notes ol{padding-left:20px}.builder-rules__notes a{color:var(--acid);font-size:12px}@media(max-width:720px){.builder-rules{margin-top:35px;padding:50px 20px}.builder-rules__grid{grid-template-columns:repeat(2,1fr)}.builder-card-preview{left:5px;grid-template-columns:95px 1fr;width:calc(100vw - 50px)}.builder-card-preview img{width:95px}.builder-results article:hover .builder-card-preview{display:none}.builder-results article.preview-open .builder-card-preview{display:grid}}
.builder-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.builder-filters select{border:1px solid var(--line);background:#111a10;color:var(--ink);padding:9px;font-size:12px}.deck-panel__head{gap:7px;flex-wrap:wrap}.deck-panel__head h2{margin-right:auto}@media(max-width:720px){.builder-filters{grid-template-columns:1fr 1fr}.deck-panel__head button{font-size:10px;padding:6px}}
.builder .builder-filters{display:flex;gap:10px;margin-top:14px}.builder .builder-filters select{appearance:none;min-width:150px;padding:10px 34px 10px 12px;border:1px solid #45533f;border-radius:0;background:#162016;color:#edf0e8;font:12px Arial,Helvetica,sans-serif;box-shadow:inset 0 -2px 0 rgba(217,255,81,.12);background-image:linear-gradient(45deg,transparent 50%,#d9ff51 50%),linear-gradient(135deg,#d9ff51 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.builder .builder-filters select:focus{outline:1px solid var(--acid);border-color:var(--acid)}.builder-info{border-radius:50%!important;font-family:Georgia,serif!important}.builder-card-preview{border-width:2px}.builder-card-preview small{display:block;color:#aab1a6;font-size:10px;line-height:1.5}.builder-card-preview p{line-height:1.6}@media(max-width:720px){.builder .builder-filters{display:grid;grid-template-columns:1fr 1fr}.builder .builder-filters select{min-width:0}}

/* Builder controls: labeled, local game UI rather than browser defaults. */
.builder .builder-filters{align-items:end}.builder .builder-filters label{display:grid;gap:7px;min-width:150px}.builder .builder-filters label span{font:700 .68rem/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b9c69d}.builder .builder-filters select{width:100%;min-height:43px;color:#eef5df;border:1px solid #536540;border-radius:2px;background-color:#162016;background-image:linear-gradient(45deg,transparent 50%,#d7ff36 50%),linear-gradient(135deg,#d7ff36 50%,transparent 50%);background-position:calc(100% - 14px) 18px,calc(100% - 9px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding:0 33px 0 12px;font:600 .91rem Arial,sans-serif}.builder .builder-filters select:focus{outline:2px solid #d7ff36;outline-offset:2px}.builder-card-preview{grid-template-columns:128px minmax(0,1fr)!important;align-items:start!important;width:min(500px,calc(100vw - 70px))!important;padding:18px!important}.builder-card-preview>img{width:128px!important;max-height:none!important;object-fit:contain!important;background:#0b110b}.builder-card-preview div{min-width:0}.builder-card-preview small{display:block;margin-bottom:9px;color:#d7ff36;font:700 .67rem Arial,sans-serif;letter-spacing:.1em}.builder-card-preview b{display:block;font-size:1.32rem!important;line-height:1.15}.builder-card-preview span{display:block;margin-top:7px}.builder-card-preview p{margin:18px 0 0!important;line-height:1.5!important}@media(max-width:620px){.builder .builder-filters label{min-width:0;flex:1 1 100%}.builder-card-preview{grid-template-columns:96px minmax(0,1fr)!important;left:9px!important;width:calc(100vw - 42px)!important}.builder-card-preview>img{width:96px!important}.builder-card-preview b{font-size:1.05rem!important}}

/* Card data needed for actual deck decisions. */
.lucky-badge{display:inline-block;margin:6px 0 0;padding:3px 6px;border:1px solid #d7ff36;color:#d7ff36;background:#28320e;font:700 .63rem/1 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;font-style:normal}.builder-results article>div:first-of-type{min-width:0}.builder-results .card-stats{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.card-stats span{display:inline-flex!important;align-items:baseline!important;gap:4px!important;margin:0!important;padding:3px 5px;border:1px solid #34422e;background:#111811;color:#dce7cd;font-size:.72rem!important}.card-stats small{color:#9cab8b;font:700 .58rem Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.card-stats b{font-size:.77rem!important;color:#f0f4e7}.builder-card-preview .card-stats{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.builder-card-preview .card-stats span{font-size:.8rem!important}.builder-card-preview .lucky-badge{margin-top:9px}.builder-card-preview p{clear:both}

/* Card inspection: details use official original assets, with hover zoom and click-to-open. */
.card-detail__image{position:relative;z-index:1;cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease;transform-origin:left top}.card-detail__image:hover,.card-detail__image:focus-visible{z-index:5;transform:scale(1.55);box-shadow:18px 20px 0 rgba(0,0,0,.45);outline:2px solid var(--acid);outline-offset:4px}.card-lightbox{width:min(92vw,640px);max-height:94vh;padding:30px 18px 18px;border:1px solid var(--acid);background:#0b110b;box-shadow:0 30px 80px rgba(0,0,0,.7)}.card-lightbox::backdrop{background:rgba(0,0,0,.78)}.card-lightbox img{display:block;max-width:100%;max-height:calc(94vh - 62px);margin:auto}.card-lightbox button{position:absolute;right:10px;top:8px;padding:5px 8px;border:1px solid var(--line);background:#101810;color:#eff5e5;font:700 11px Arial,sans-serif;cursor:pointer}@media(max-width:720px){.card-detail__image:hover,.card-detail__image:focus-visible{transform:none;outline:none}.card-detail__image{cursor:zoom-in}}

.deck-save-note{margin:8px 0 14px;color:var(--muted);font-size:11px}

.deck-list div{grid-template-columns:28px 25px minmax(0,1fr) 28px auto}.deck-list .deck-remove{border-color:#5b483d;color:#dfa483;font-size:9px}.deck-save-note{line-height:1.45}

.deck-library{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:15px 0}.deck-library label{display:grid;gap:5px}.deck-library label span{color:var(--muted);font:700 9px Arial,sans-serif;letter-spacing:.08em}.deck-library input,.deck-library select{min-width:0;border:1px solid var(--line);background:#111811;color:var(--ink);padding:8px;font-size:11px}.deck-library__actions{display:flex;gap:5px;align-items:end}.deck-library__actions button{white-space:nowrap;font-size:10px!important;padding:8px!important}.deck-library button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:720px){.deck-library{grid-template-columns:1fr 1fr}.deck-library__actions{grid-column:1/-1}}