.replay-status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:#104c83;color:#fff}
.replay-turn{display:grid;gap:3px;min-width:0}.replay-turn strong{font-size:16px;overflow-wrap:anywhere}
.replay-label{display:block;color:#d2e8fa;font-size:12px;line-height:1.3}.replay-dice{text-align:right;flex-shrink:0}
.replay-dice-values{display:flex;align-items:center;justify-content:end;gap:5px;margin-top:5px}
.replay-die{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px;width:30px;height:30px;padding:5px;background:#eff7ff;border-radius:5px}
.replay-die i{background:#102c40;border-radius:50%}.replay-roll-total{font-size:27px;line-height:1;margin-left:5px}
.replay-hand{margin-top:10px;padding-top:9px;border-top:1px solid #ffffff35}
.replay-resources{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.replay-resource{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 2px;min-height:30px;border-radius:4px;background:#0b355c;color:#fff;font-size:16px}
.replay-resource img{display:block;width:22px;height:22px}.replay-resource b{font-weight:800;font-size:15px}
.replay-hand-total{font-size:12px;line-height:1.5;margin-top:7px;color:#e2eef8}
.replay-action{font-size:15px;line-height:1.5;margin:12px;color:#e9f4fc}
.replay-history{margin:14px 12px;color:#d3e5f2;font-size:14px}.replay-history summary{min-height:44px;padding:10px 0;cursor:pointer}
.replay-history ol{max-height:220px;overflow:auto;margin:0;padding:0 0 0 28px}.replay-history li{padding:0;border-top:1px solid #ffffff20}
.replay-history button{display:block;text-align:left;background:none;color:inherit;border:0;padding:10px 6px;font:inherit;min-height:44px;width:100%;cursor:pointer}
.replay-history button:hover{background:#254e69}.replay-history button:focus-visible{outline:2px solid #8ed9ff;outline-offset:-2px}
@media(max-width:520px){.replay-status{padding:10px 12px}.replay-turn strong{font-size:14px}.replay-resources{grid-template-columns:repeat(3,minmax(0,1fr))}.replay-resource{gap:3px;font-size:15px}.replay-hand-total{font-size:12px}.replay-action{font-size:14px}}