/* Grandis Legacy — Card / Hero Review unified Style 1 & Style 2, v1.42.0.
   Display only. The main Deck Builder workspace, card data and validator are unchanged. */
#cardReviewDialog{
  --gl-review-gold:#e5be73;
  --gl-review-label:12px;
  --gl-review-content:14px;
  --gl-review-keyword:18px;
}
#cardReviewDialog .review-card{
  width:min(1160px,calc(100vw - 32px))!important;
  height:auto!important;min-height:0!important;
  max-height:calc(100dvh - 28px)!important;
  display:block!important;overflow-x:hidden!important;overflow-y:auto!important;
  padding:0!important;box-sizing:border-box!important;
  background:#242630!important;
}
#cardReviewDialog .review-header{
  padding:17px 23px 15px!important;min-height:0!important;height:auto!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;
  border-bottom:1px solid #454854!important;
}
#cardReviewDialog .review-header .dialog-eyebrow{
  font-size:12px!important;font-weight:700!important;letter-spacing:.05em!important;color:var(--gl-review-gold)!important;
}
#cardReviewDialog .review-header h2{font-size:21px!important;line-height:1.25!important;margin:4px 0 0!important;color:#f7f8fb!important}
#cardReviewDialog .review-close{position:static!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important}
#cardReviewDialog .review-layout{
  display:grid!important;grid-template-columns:minmax(0,32%) minmax(0,1fr)!important;
  gap:22px!important;align-items:start!important;flex:none!important;
  min-height:0!important;height:auto!important;max-height:none!important;
  overflow:visible!important;padding:18px 23px 18px!important;
}
#cardReviewDialog .review-art-column{
  display:block!important;align-self:start!important;min-width:0!important;min-height:0!important;
  height:auto!important;max-height:none!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
#cardReviewDialog .review-art{
  display:block!important;position:static!important;width:100%!important;
  height:auto!important;max-width:100%!important;max-height:none!important;
  aspect-ratio:5 / 7!important;object-fit:contain!important;
  border-radius:10px!important;background:transparent!important;margin:0!important;
}
#cardReviewDialog .review-detail-column{
  align-self:start!important;min-width:0!important;height:auto!important;
  min-height:0!important;max-height:none!important;overflow:visible!important;
  padding:0!important;
}
#cardReviewDialog .review-stats{margin:0 0 14px!important;min-width:0!important}
#cardReviewDialog .review-summary,
#cardReviewDialog .review-summary.hero-summary,
#cardReviewDialog .review-summary.four-column-summary{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:stretch!important;gap:0!important;
  padding:0 0 15px!important;margin:0!important;
  border-bottom:1px solid #484a56!important;
}
#cardReviewDialog .review-summary:not(.four-column-summary):not(.hero-summary){grid-template-columns:repeat(3,minmax(0,1fr))!important}
#cardReviewDialog .review-summary.hero-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#cardReviewDialog .review-summary-item{
  min-width:0!important;padding:0 15px!important;border-left:1px solid #484a56!important;
}
#cardReviewDialog .review-summary-item:first-child{border-left:0!important;padding-left:0!important}
#cardReviewDialog .review-summary-item:last-child{padding-right:0!important}
#cardReviewDialog .review-summary-item>span,
#cardReviewDialog .review-effect-row span:not(.review-keyword-description),
#cardReviewDialog .review-hero-block span:not(.review-keyword-description),
#cardReviewDialog .review-generic-row>span,
#cardReviewDialog .review-ultimate-rules>span,
#cardReviewDialog .review-progression>span{
  color:var(--gl-review-gold)!important;font-size:12px!important;line-height:1.35!important;
  font-weight:700!important;letter-spacing:.025em!important;
}
#cardReviewDialog .review-summary-item>strong,
#cardReviewDialog .review-effect-row strong:not(.review-status-highlight),
#cardReviewDialog .review-hero-block strong,
#cardReviewDialog .review-hero-group>strong{
  color:#f4f5f8!important;font-size:14px!important;line-height:1.4!important;
  font-weight:700!important;margin-top:3px!important;overflow-wrap:anywhere!important;
}
#cardReviewDialog .review-rows{display:grid!important;gap:11px!important;min-width:0!important;padding:0!important}
#cardReviewDialog .review-effect-row,
#cardReviewDialog .review-hero-block,
#cardReviewDialog .review-generic-row,
#cardReviewDialog .review-ultimate-rules{
  padding:16px 19px!important;margin:0!important;border-radius:10px!important;
  background:#1b1c23!important;box-sizing:border-box!important;
}
#cardReviewDialog .review-effect-row.has-metric,
#cardReviewDialog[data-review-kind="skill"] .review-effect-row.has-metric{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1.6fr)!important;
  gap:14px 0!important;
}
#cardReviewDialog .review-effect-row.no-metric,
#cardReviewDialog[data-review-kind="skill"] .review-effect-row.no-metric{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px 0!important;
}
#cardReviewDialog .review-effect-class,
#cardReviewDialog .review-effect-rank,
#cardReviewDialog .review-effect-metric{min-width:0!important;padding:0 14px!important;border-left:1px solid #454854!important}
#cardReviewDialog .review-effect-class{padding-left:0!important;border-left:0!important}
#cardReviewDialog .review-effect-info,
#cardReviewDialog .review-effect-row .review-effect-info.full-span{
  display:block!important;grid-column:1/-1!important;min-width:0!important;
}
#cardReviewDialog .review-effect-info>span{display:block!important;margin-bottom:5px!important}
#cardReviewDialog .review-effect-info p,
#cardReviewDialog .review-hero-block p,
#cardReviewDialog .review-generic-row p,
#cardReviewDialog .review-ultimate-rules p{
  font-size:14px!important;line-height:1.55!important;font-weight:500!important;
  color:#f2f3f6!important;margin:4px 0 0!important;
  overflow-wrap:break-word!important;white-space:normal!important;
}
#cardReviewDialog .review-metric-type{font-size:12px!important}
/* Status colors are defined inline in the glossary and must not be overridden by other strong styles. */
#cardReviewDialog .review-status-highlight,
#cardReviewDialog .review-status-name{font-size:inherit!important;font-weight:800!important}
#cardReviewDialog .review-rows>.review-condition-panel{
  display:grid!important;gap:8px!important;padding:12px 15px!important;
  border:1px solid rgba(113,163,210,.27)!important;
  background:rgba(12,24,42,.56)!important;border-radius:9px!important;
}
#cardReviewDialog .review-condition-line{
  display:flex!important;flex-direction:row!important;align-items:flex-start!important;
  flex-wrap:nowrap!important;gap:9px!important;min-width:0!important;
}
#cardReviewDialog .review-condition-label{display:inline-flex!important;flex:0 0 auto!important;align-items:flex-start!important;margin:0!important}
#cardReviewDialog .review-condition-text{font-size:14px!important;font-weight:500!important;line-height:1.5!important;margin:0!important}
#cardReviewDialog .review-keyword-image,
#cardReviewDialog .review-keyword-line .review-keyword-image,
#cardReviewDialog .review-condition-label .review-keyword-image{
  display:inline-block!important;height:18px!important;max-height:18px!important;
  width:auto!important;max-width:none!important;vertical-align:middle!important;
  margin:0 2px!important;
}
#cardReviewDialog .review-keyword-explanation,
#cardReviewDialog .review-status-explanations{
  display:grid!important;gap:7px!important;grid-column:1/-1!important;
  padding:3px 0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#cardReviewDialog .review-keyword-explanation .review-keyword-heading{display:none!important}
#cardReviewDialog .review-keyword-line{
  display:flex!important;gap:8px!important;align-items:flex-start!important;
  flex-wrap:nowrap!important;padding:0!important;margin:0!important;
}
#cardReviewDialog .review-keyword-description,
#cardReviewDialog .review-status-line{
  font-size:14px!important;line-height:1.5!important;font-weight:400!important;
  color:#d3d5dd!important;margin:0!important;overflow-wrap:anywhere!important;
}
#cardReviewDialog .review-status-name{margin-right:2px!important}
/* Hero — screenshot-aligned Race/Racial Traits, Class/Rank + Ability, Bonus, Lineage */
#cardReviewDialog .review-hero-block{display:grid!important;gap:15px!important}
#cardReviewDialog .review-hero-group{min-width:0!important}
#cardReviewDialog .review-hero-group>span{display:block!important;margin:0 0 3px!important}
#cardReviewDialog .review-hero-class-summary{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;align-items:start!important;
}
#cardReviewDialog .review-hero-class-summary>.review-hero-group{padding:0 18px!important;border-left:1px solid #454854!important}
#cardReviewDialog .review-hero-class-summary>.review-hero-group:first-child{padding-left:0!important;border-left:0!important}
#cardReviewDialog .review-hero-class-summary>.review-hero-group:last-child{padding-right:0!important}
#cardReviewDialog .rank-up-review p{margin-top:5px!important}
#cardReviewDialog .review-progression{
  display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;
  align-items:center!important;gap:12px!important;margin:0!important;
  padding:14px 23px 16px!important;height:auto!important;min-height:0!important;
  border-top:1px solid #484a56!important;
}
#cardReviewDialog .review-progression[hidden]{display:none!important}
#cardReviewDialog .review-progression-cards{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important}
#cardReviewDialog .review-progression-card{width:58px!important;height:auto!important}
@media(min-width:761px) and (max-width:1050px){
  #cardReviewDialog .review-layout{grid-template-columns:minmax(0,31%) minmax(0,1fr)!important;gap:16px!important;padding:14px 16px!important}
  #cardReviewDialog .review-summary-item{padding:0 8px!important}
  #cardReviewDialog .review-effect-row,#cardReviewDialog .review-hero-block,#cardReviewDialog .review-generic-row{padding:12px!important}
}
@media(max-width:760px){
  #cardReviewDialog .review-card{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}
  #cardReviewDialog .review-layout{grid-template-columns:1fr!important;gap:14px!important;padding:12px 14px 16px!important}
  #cardReviewDialog .review-art-column{display:flex!important;justify-content:center!important}
  #cardReviewDialog .review-art{width:min(100%,245px)!important;height:auto!important}
  #cardReviewDialog .review-summary-item{padding:0 7px!important}
  #cardReviewDialog .review-summary.four-column-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 0!important}
  #cardReviewDialog .review-summary.four-column-summary .review-summary-item:nth-child(3){padding-left:0!important;border-left:0!important}
  #cardReviewDialog .review-effect-row.has-metric,
  #cardReviewDialog[data-review-kind="skill"] .review-effect-row.has-metric{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #cardReviewDialog .review-effect-row.no-metric,
  #cardReviewDialog[data-review-kind="skill"] .review-effect-row.no-metric{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #cardReviewDialog .review-progression{grid-template-columns:1fr!important;padding:12px 14px!important}
}
@media(max-width:420px){
  #cardReviewDialog .review-effect-row.has-metric,
  #cardReviewDialog[data-review-kind="skill"] .review-effect-row.has-metric{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #cardReviewDialog .review-effect-row.has-metric .review-effect-metric{grid-column:1/-1!important;padding-left:0!important;border-left:0!important}
}
/* The older Style 1 Hero-specific rules have a stronger [data-review-kind] selector.
   Override those explicitly so both styles share the same auto-height layout. */
#cardReviewDialog[data-review-kind="hero"] .review-card{
  width:min(1160px,calc(100vw - 32px))!important;
  height:auto!important;min-height:0!important;
  max-height:calc(100dvh - 28px)!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  display:block!important;
}
#cardReviewDialog[data-review-kind="hero"] .review-layout{
  display:grid!important;grid-template-columns:minmax(0,32%) minmax(0,1fr)!important;
  flex:none!important;height:auto!important;min-height:0!important;
  align-items:start!important;gap:22px!important;
  padding:18px 23px 18px!important;
  overflow:visible!important;scrollbar-gutter:auto!important;
}
#cardReviewDialog[data-review-kind="hero"] .review-art{
  display:block!important;position:static!important;width:100%!important;height:auto!important;
  max-height:none!important;max-width:100%!important;margin:0!important;
  aspect-ratio:5 / 7!important;object-fit:contain!important;
}
#cardReviewDialog[data-review-kind="hero"] .review-progression{
  position:static!important;z-index:auto!important;
  display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;
  gap:12px!important;padding:14px 23px 16px!important;
  margin:0!important;height:auto!important;min-height:0!important;
}
#cardReviewDialog[data-review-kind="hero"] .review-progression[hidden]{display:none!important}
@media(max-width:760px){
 #cardReviewDialog[data-review-kind="hero"] .review-card{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)!important}
 #cardReviewDialog[data-review-kind="hero"] .review-layout{grid-template-columns:1fr!important;gap:14px!important;padding:12px 14px 16px!important}
 #cardReviewDialog[data-review-kind="hero"] .review-art{width:min(100%,245px)!important;margin:auto!important}
 #cardReviewDialog[data-review-kind="hero"] .review-progression{grid-template-columns:1fr!important;padding:12px 14px!important}
}
/* Weight hierarchy: override per-kind legacy rules without touching other UI. */
#cardReviewDialog[data-review-kind] .review-summary-item>span,
#cardReviewDialog[data-review-kind] .review-effect-row span:not(.review-keyword-description),
#cardReviewDialog[data-review-kind] .review-hero-block .review-hero-group>span,
#cardReviewDialog[data-review-kind] .review-generic-row>span,
#cardReviewDialog[data-review-kind] .review-ultimate-rules>span{
 font-size:12px!important;font-weight:700!important;line-height:1.35!important;
}
#cardReviewDialog[data-review-kind] .review-effect-info p,
#cardReviewDialog[data-review-kind] .review-hero-block p,
#cardReviewDialog[data-review-kind] .review-generic-row p,
#cardReviewDialog[data-review-kind] .review-ultimate-rules p{
 font-size:14px!important;font-weight:500!important;line-height:1.55!important;
}
#cardReviewDialog[data-review-kind] .review-keyword-description,
#cardReviewDialog[data-review-kind] .review-status-line{font-size:14px!important;font-weight:400!important;line-height:1.5!important}
/* Previously shared review theme set 400 on direct Effect paragraphs. */
#cardReviewDialog[data-review-kind] .review-effect-row .review-effect-info>p,
#cardReviewDialog[data-review-kind] .review-hero-block .review-hero-group>p,
#cardReviewDialog[data-review-kind] .review-generic-row>p,
#cardReviewDialog[data-review-kind] .review-ultimate-rules>p{
 font-size:14px!important;font-weight:500!important;line-height:1.55!important;
}