/* Fifteen hand-painted worlds, with gameplay events contained within the board. */
.game-cards { row-gap: 36px; }
.game-card-slot[data-expansion="true"] .game-logo { font-size: clamp(28px, 2.7vw, 42px); line-height: 1.05; }
.game-card-slot[data-expansion="true"] .card-copy { min-height: 181px; }
.game-card-slot[data-expansion="true"] .card-shade { bottom: 160px; }
.game-card-slot[data-expansion="true"] .cover-art { bottom: 163px; }
.game-card-slot[data-expansion="true"] .card-eyebrow { font-size: 11px; }
.game-card-slot[data-expansion="true"] .game-number { background: #d8e0ad; }
.expansion-game .game-wordmark>strong { font-size: clamp(24px, 3.2vw, 46px); }
.expansion-game .world-art { background-position: center top; }
.expansion-game .world-shade { background: linear-gradient(90deg,#1d27258a,transparent 35%,transparent 75%,#1d272520),linear-gradient(180deg,#1825203d,transparent 30%,#1824207a); }
.expansion-game .reel-frame { background: color-mix(in srgb, var(--accent) 16%, #203934); }
.expansion-game .machine { border-color: #252326; }
.expansion-status { display: grid; grid-template-columns: auto minmax(80px,1fr) auto; align-items:center; column-gap:16px; padding:9px 13px; min-height:56px; border:2px solid #2b2925; border-bottom:0; background:#ded0aa; color:#4a3b2c; }
.expansion-status[hidden] { display:none; }
.expansion-status-title { font-size:12px; font-weight:900; letter-spacing:.05em; }
.expansion-status-copy { display:flex; flex-direction:column; gap:3px; min-width:0; }
.expansion-status-detail { font-size:13px; line-height:1.25; }
.expansion-status-value { font-family:'Bangers',Impact,sans-serif; font-size:24px; letter-spacing:.6px; text-align:right; max-width:320px; }
.expansion-progress { height:5px; border-radius:2px; background:#5d4b392b; overflow:hidden; }
.expansion-progress>i { display:block; height:100%; width:0; background:#8b623b; transition:width .3s; }
.expansion-progress[hidden] { display:none; }
.expansion-game .symbol-caption { font-size:clamp(10px,1vw,15px); bottom:4%; padding:1px 5px; }
.expansion-game .symbol.scatter .symbol-caption { font-family:'Bangers',Impact,sans-serif; font-size:clamp(15px,2vw,28px); background:#fcdfa4; color:#5c362c; }
.symbol.is-blocked { background:#332d2970; filter:saturate(.2); opacity:.55; border:1px solid #68584566; }
.symbol.is-blocked .paint-sprite { opacity:.55; transform:scale(.8); }
.symbol.is-empty { background:#182b2870; color:#8e9c7766; display:grid; place-items:center; font-size:20px; }
.field-cell.locked-field { box-shadow:inset 0 0 0 3px #e4bc63; background:#d9ae5612; }
.cash-value { position:absolute; bottom:4%; left:50%; transform:translateX(-50%); background:#ead8a7; color:#473426; padding:1px 6px; border:2px solid #4b3529; border-radius:5px; font-size:clamp(11px,1.2vw,20px); font-weight:900; white-space:nowrap; box-shadow:1px 2px #14201d99; }
.theme-sugar .field-cell.multi-field,.theme-jars .field-cell.multi-field { background:#d0b15120; }
.theme-sugar .position-multi,.theme-jars .position-multi { font-size:clamp(10px,1.1vw,17px); }
.theme-sugar .rank,.theme-reactor .rank,.theme-jars .rank { font-size:clamp(22px,3.5vw,54px); }
.theme-sugar .paint-sprite,.theme-reactor .paint-sprite,.theme-jars .paint-sprite { max-height:90%; }
.expansion-game .center-win { max-width:90%; }
.expansion-game .center-win>span { font-size:clamp(13px,1.6vw,24px); }
.theme-vault .is-empty { background:radial-gradient(ellipse,#30403b,#172623); }
.theme-reactor .expansion-progress>i { background:#618142; }
.theme-storm .expansion-progress>i { background:#3f7e85; }
.theme-sugar .expansion-progress>i { background:#aa6384; }
.theme-mine .expansion-progress>i { background:#a86438; }
.feature-hit { animation: feature-hit .5s ease-out; }
.feature-reveal { animation: feature-reveal .6s ease-in-out; }
@keyframes feature-hit { 25%{transform:scale(.88);filter:brightness(1.3)} 60%{transform:scale(1.06)} }
@keyframes feature-reveal { 0%{transform:scaleX(.12);filter:brightness(1.6)} 100%{transform:scaleX(1);filter:none} }
@media(max-width:900px){
 .game-card-slot[data-expansion="true"] .game-logo { font-size:34px; }
 .expansion-status { grid-template-columns:1fr auto; gap:5px 10px; padding:8px; }
 .expansion-status-title { grid-column:1; }
 .expansion-status-copy { grid-column:1; }
 .expansion-status-value { grid-column:2; grid-row:1 / 3; font-size:21px; max-width:150px; }
 .expansion-status-detail { font-size:12px; }
 .expansion-game .game-topbar { gap:8px; }
 .expansion-game .game-wordmark>span { font-size:10px; }
 .expansion-game .machine-cap { font-size:10px; }
}
@media(max-width:520px){
 .game-card-slot[data-expansion="true"] .game-logo { font-size:28px; }
 .expansion-game .game-wordmark>strong { font-size:23px; }
 .expansion-status-detail { font-size:11px; }
 .cash-value { font-size:10px; padding:0 3px; }
 .expansion-game .symbol-caption { font-size:8px; }
 .theme-sugar .position-multi,.theme-jars .position-multi { font-size:9px; }
}
@media(prefers-reduced-motion:reduce){.feature-hit,.feature-reveal{animation:none}.expansion-progress>i{transition:none}}
