.consequence-panel { min-height: 0; max-height: 100%; overflow-y: auto; padding: 8px 16px; width: 100%; }
.consequence-panel h2 { color: #ffe4a4; font-size: clamp(20px, 2.4vw, 30px); margin: 0 0 8px; }
.consequence-panel ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.consequence-panel li { padding-left: 10px; border-left: 2px solid #a6b7ae; font-size: 14px; line-height: 1.4; }
.consequence-panel .consequence-card, .consequence-panel .consequence-heal { color: #a4ecc4; border-color: #70c89d; }
.consequence-panel .consequence-damage { color: #ffb5a9; border-color: #ef9b8c; }
.consequence-panel .consequence-effect { color: #e0bfff; border-color: #c39beb; }
.consequence-health { margin-left: 10px; color: #ffb5a9; white-space: nowrap; font-variant-numeric: tabular-nums; }
.consequence-ribbon { display: flex; align-items: center; gap: 10px; background: #102b28; padding: 3px 10px; border-bottom: 1px solid #e6b65d40; min-width: 0; }
.deck-piles { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 0 4px; text-align: left; }
.deck-piles img { width: 24px; height: 34px; object-fit: cover; }
.deck-piles span { display: grid; gap: 2px; font-size: 12px; }
.deck-piles b { color: #ffe4a4; }
.deck-piles small { font-size: 10px; }
.effect-ribbon { display: flex; gap: 6px; overflow-x: auto; min-width: 0; scrollbar-width: thin; }
.effect-token { display: grid; gap: 1px; flex: 0 0 auto; max-width: min(300px, 65vw); border-left: 3px solid #b38be3; padding: 2px 7px; background: #32283f; color: #f0ddff; }
.effect-token b { font-size: 12px; }
.effect-token small { font-size: 10px; line-height: 1.25; }
.reward-flight { position: fixed; width: 110px; height: 154px; z-index: 500; pointer-events: none; filter: drop-shadow(0 0 12px #ffe4a4); }
.reward-flight > .card-face { width: 100%; height: 100%; }
.reward-flight .frame-description { font-size: 5cqw; overflow: hidden; }
.reward-flight > span:last-child { display: block; color: white; background: #142e2c; padding: 4px; font: 11px/1.3 system-ui; text-align: center; }
.health-loss { position: absolute; top: 20px; left: 5px; color: #ffb5a9; text-shadow: 0 1px 3px #000; font-weight: 900; font-size: 23px; pointer-events: none; z-index: 20; }
.pile-arrival { animation: pile-arrival 1.1s ease-in-out 2; }
.consequence-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@keyframes pile-arrival { 50% { filter: brightness(1.7); box-shadow: 0 0 12px #ffe4a4; } }
@media (max-height: 600px) { .consequence-ribbon { padding-block: 1px; } .deck-piles img { height: 25px; width: 18px; } .consequence-panel li { font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .pile-arrival { animation: none; } }