/* Saturated B2 receipt frames and the blue event-die pedestal. No timing or result changes. */
body #turn-feedback.event-feedback {
  width: min(485px, calc(100vw - 28px));
  filter: drop-shadow(4px 6px 0 #082766);
}
body #turn-feedback.event-feedback section.feedback-receipt,
body #turn-feedback.event-feedback section.feedback-reward,
body #turn-feedback.event-feedback section.feedback-reward[data-kind=card] {
  grid-template-columns: 138px minmax(0, 1fr);
  gap: 13px 18px;
  min-height: 202px;
  padding: 23px 25px;
  border: 5px solid #082766;
  background: #fffef0;
  box-shadow: inset 0 0 0 5px #139df8, inset 0 0 0 9px #a4eaff;
  clip-path: polygon(13px 0, calc(100% - 13px) 0, calc(100% - 13px) 6px, calc(100% - 6px) 6px, calc(100% - 6px) 13px, 100% 13px, 100% calc(100% - 13px), calc(100% - 6px) calc(100% - 13px), calc(100% - 6px) calc(100% - 6px), calc(100% - 13px) calc(100% - 6px), calc(100% - 13px) 100%, 13px 100%, 13px calc(100% - 6px), 6px calc(100% - 6px), 6px calc(100% - 13px), 0 calc(100% - 13px), 0 13px, 6px 13px, 6px 6px, 13px 6px);
}
body #turn-feedback.event-feedback :is(.feedback-receipt, .feedback-reward)::before { display: none; }
body #turn-feedback.event-feedback::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 15px;
  left: calc(50% - 12px);
  top: calc(100% - 5px);
  background: #199bf6;
  border: 4px solid #082766;
  border-top: 0;
  box-shadow: inset 0 4px #a4eaff;
  clip-path: polygon(0 0, 100% 0, 100% 55%, 75% 55%, 75% 100%, 25% 100%, 25% 55%, 0 55%);
}
body #turn-feedback.event-feedback .feedback-receipt[data-tone=expense] { --feedback-accent: #f12c50; }
body #turn-feedback.event-feedback .feedback-receipt[data-tone=income] { --feedback-accent: #119b58; }
body #turn-feedback.event-feedback .feedback-receipt:has(.v26-art-symbol) { grid-template-columns: 138px minmax(0, 1fr); }
body #turn-feedback.event-feedback .feedback-symbol {
  width: 112px;
  height: 112px;
  border: 3px solid #1059a5;
  background: #c1eeff;
  color: #056db3;
  box-shadow: inset 3px 3px #edffff, 4px 4px #328dcd;
}
body #turn-feedback.event-feedback .feedback-receipt[data-kind=rent] .feedback-symbol {
  width: 143px;
  height: 152px;
  background: url('../assets/ui-v33/property-hotel.png') center / contain no-repeat;
}
body #turn-feedback.event-feedback .feedback-eyebrow { color: #082766; font-size: 36px; font-weight: 900; font-family: var(--v33-display, inherit); text-shadow: 1px 0 #082766; line-height: 1.2; margin-bottom: 8px; }
body #turn-feedback.event-feedback .feedback-copy h3 { font-size: 17px; font-weight: 800; color: #174f8d; }
body #turn-feedback.event-feedback .feedback-detail { font-size: 17px; color: #194986; font-weight: 750; margin-top: 7px; }
body #turn-feedback.event-feedback .feedback-value { font-size: 48px; font-weight: 900; font-family: var(--v33-display, inherit); line-height: 1.1; margin-top: 11px; text-shadow: 1px 0 currentColor; }
body #turn-feedback.event-feedback .feedback-caption { border-top: 2px solid #b1dced; color: #af3e54; }
body #turn-feedback.event-feedback .feedback-card-art.v26-reward-art,
body #turn-feedback.event-feedback .v26-reward-art > .v26-card-art { width: 112px; }
body #turn-feedback.event-feedback .feedback-symbol.v26-art-symbol { width: 126px; }
body #turn-feedback.event-feedback .feedback-symbol > .v26-spirit-art { width: 111px; height: 126px; }
body #turn-feedback.event-feedback .feedback-symbol > .v26-card-art { width: 99px; }
body #turn-feedback.event-feedback .feedback-card-copy h3 { color: #082766; font-size: 28px; }
body #turn-feedback.event-feedback .feedback-card-copy .feedback-eyebrow { color: #1269b3; }
body #turn-feedback.event-feedback .feedback-card-source { color: #dd294f; border-top: 2px solid #a9d4ed; }
body #turn-feedback.event-feedback .feedback-stay-art { background: #b8edff; border: 3px solid #1461ab; box-shadow: inset 2px 2px #fff, 3px 4px #4ca0db; }
body #turn-feedback.event-feedback .feedback-stay-outcome { color: #0b5697; background: #beeeff; border: 3px solid #1d7cc8; box-shadow: inset 2px 2px #e5ffff, 3px 3px #164e90; }
body #turn-feedback.event-feedback .feedback-stay-bill b { color: #ee2b4c; font-weight: 900; }

body #event-dice {
  width: min(380px, calc(100vw - 26px));
  max-height: calc(100dvh - 26px);
  color: #082766;
  filter: drop-shadow(4px 6px 0 #082766);
}
body #event-dice .event-dice-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 19px 23px 23px;
  border: 5px solid #082766;
  background: #afe6ff;
  box-shadow: inset 0 0 0 5px #189bf5, inset 0 0 0 9px #e7fbff;
  clip-path: polygon(14px 0, calc(100% - 14px) 0, calc(100% - 14px) 7px, calc(100% - 7px) 7px, calc(100% - 7px) 14px, 100% 14px, 100% calc(100% - 14px), calc(100% - 7px) calc(100% - 14px), calc(100% - 7px) calc(100% - 7px), calc(100% - 14px) calc(100% - 7px), calc(100% - 14px) 100%, 14px 100%, 14px calc(100% - 7px), 7px calc(100% - 7px), 7px calc(100% - 14px), 0 calc(100% - 14px), 0 14px, 7px 14px, 7px 7px, 14px 7px);
}
body #event-dice .event-dice-actor {
  margin: 0;
  padding: 3px 6px 5px;
  background: #e2f8ff;
  color: #226aa4;
  font-size: 14px;
  font-weight: 700;
}
body #event-dice .event-dice-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0 -4px;
  padding: 0 6px 13px;
  border-bottom: 4px solid #399dea;
  background: #e2f8ff;
  color: #082766;
  font-size: 36px;
  font-weight: 900;
  font-family: var(--v33-display, inherit);
  line-height: 1.3;
  text-shadow: 1px 0 #082766;
}
body #event-dice .event-dice-title::before {
  content: '';
  width: 49px;
  height: 49px;
  flex: 0 0 49px;
  background: center / contain no-repeat;
  image-rendering: pixelated;
}
body #event-dice[data-stay-kind=hospital] .event-dice-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' shape-rendering='crispEdges'%3E%3Cpath fill='%23082766' d='M11 3h11v3h3v4h4v18H3V10h5V6h3zm3 3v4h5V6z'/%3E%3Cpath fill='%23fffdf0' d='M6 13h20v12H6zM11 9h2v2h-2zm9 0h2v2h-2z'/%3E%3Cpath fill='%23badcf1' d='M23 13h3v12H6v-3h17z'/%3E%3Cpath fill='%23f12c50' d='M14 14h5v4h4v4h-4v4h-5v-4h-4v-4h4z'/%3E%3C/svg%3E");
}
body #event-dice[data-stay-kind=hotel] .event-dice-title::before { background-image: url('../assets/ui-v33/property-hotel.png'); }
body #event-dice[data-stay-kind=prison] .event-dice-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' shape-rendering='crispEdges'%3E%3Cpath fill='%23082766' d='M4 4h24v25H4z'/%3E%3Cpath fill='%23d9f3ff' d='M7 7h18v19H7z'/%3E%3Cpath fill='%230a65b0' d='M10 7h3v19h-3zm9 0h3v19h-3zM7 13h18v3H7z'/%3E%3C/svg%3E");
}
body #event-dice[data-kind=shopping] .event-dice-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' shape-rendering='crispEdges'%3E%3Cpath fill='%23082766' d='M10 3h12v4h3v4h4v18H3V11h4V7h3zm3 4v4h6V7z'/%3E%3Cpath fill='%23ffda22' d='M6 14h20v12H6z'/%3E%3Cpath fill='%23e29708' d='M22 14h4v12H6v-3h16z'/%3E%3C/svg%3E");
}
body #event-dice .event-dice-stage { height: 201px; margin: 0 -4px; perspective-origin: 50% 40%; }
body #event-dice .event-dice-stage::before,
body #event-dice .event-dice-stage::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  top: 47px;
  left: 21px;
  background: #f0fcff;
  clip-path: polygon(33% 0, 66% 0, 66% 33%, 100% 33%, 100% 66%, 66% 66%, 66% 100%, 33% 100%, 33% 66%, 0 66%, 0 33%, 33% 33%);
}
body #event-dice .event-dice-stage::after { left: auto; right: 21px; top: 87px; }
body #event-dice .event-dice-platform {
  left: 8%;
  right: 8%;
  bottom: 9px;
  height: 81px;
  transform: rotateX(53deg);
  background: #40b7fa;
  border: 4px solid #0755a6;
  box-shadow: 0 8px #168de0, 0 13px #074e9a, inset 0 0 0 5px #8adaff, inset 0 0 0 9px #259eea;
  clip-path: polygon(12% 0, 88% 0, 88% 8%, 96% 8%, 96% 22%, 100% 22%, 100% 78%, 96% 78%, 96% 92%, 88% 92%, 88% 100%, 12% 100%, 12% 92%, 4% 92%, 4% 78%, 0 78%, 0 22%, 4% 22%, 4% 8%, 12% 8%);
}
body #event-dice .event-dice-body { width: 90px; height: 90px; left: calc(50% - 45px); top: 56px; font-size: 90px; }
body #event-dice .event-dice-face { border: 3px solid #103878; background: #fffced; box-shadow: inset 3px 3px #fff, inset -3px -3px #d4cbb1; }
body #event-dice .event-dice-top { background: #fffef3; }
body #event-dice .event-dice-bottom { background: #c6bca3; }
body #event-dice .event-dice-right { background: #ddd5ba; }
body #event-dice .event-dice-left { background: #eee7d2; }
body #event-dice .event-dice-pips i { background: #172948; box-shadow: none; }
body #event-dice .event-dice-shadow { bottom: 35px; background: #075aaa; width: 104px; left: calc(50% - 52px); opacity: .48; }
body #event-dice .event-dice-roll {
  min-height: 68px;
  padding: 9px;
  border: 4px solid #082766;
  background: #ffdc28;
  color: #082766;
  box-shadow: inset 3px 3px #fff4a7, inset -3px -5px #dfa000, 3px 4px #0760ac;
  font-size: 36px;
  font-weight: 900;
  font-family: var(--v33-display, inherit);
  letter-spacing: .025em;
}
body #event-dice .event-dice-roll:hover:not(:disabled) { background: #ffe44b; }
body #event-dice .event-dice-roll i { height: 3px; background: #bc8100; }
body #event-dice .event-dice-status { height: 48px; line-height: 48px; color: #0868a9; font-size: 34px; font-weight: 900; }
body #event-dice[data-state=rolling] .event-dice-status { color: #0b518c; font-size: 16px; }
body #toast {
  border: 4px solid #082766;
  background: #d7f4ff;
  color: #082766;
  box-shadow: inset 0 0 0 4px #31adf4, 4px 5px #082766;
  font-size: 16px;
  font-weight: 800;
}

@media (max-width: 520px) {
  body #turn-feedback.event-feedback { width: min(410px, calc(100vw - 22px)); }
  body #turn-feedback.event-feedback section.feedback-receipt,
  body #turn-feedback.event-feedback section.feedback-reward,
  body #turn-feedback.event-feedback section.feedback-reward[data-kind=card],
  body #turn-feedback.event-feedback .feedback-receipt:has(.v26-art-symbol) { grid-template-columns: 94px minmax(0, 1fr); gap: 10px 13px; padding: 22px 21px; min-height: 172px; }
  body #turn-feedback.event-feedback .feedback-receipt[data-kind=rent] .feedback-symbol { width: 100px; height: 117px; }
  body #turn-feedback.event-feedback .feedback-symbol { width: 85px; height: 85px; }
  body #turn-feedback.event-feedback .feedback-symbol.v26-art-symbol { width: 88px; }
  body #turn-feedback.event-feedback .feedback-eyebrow { font-size: 24px; }
  body #turn-feedback.event-feedback .feedback-detail { font-size: 15px; }
  body #turn-feedback.event-feedback .feedback-value { font-size: 36px; }
  body #turn-feedback.event-feedback .feedback-card-art.v26-reward-art,
  body #turn-feedback.event-feedback .v26-reward-art > .v26-card-art { width: 83px; }
  body #turn-feedback.event-feedback .feedback-symbol > .v26-spirit-art { width: 82px; height: 94px; }
  body #turn-feedback.event-feedback .feedback-symbol > .v26-card-art { width: 74px; }
}
@media (max-width: 360px) {
  body #turn-feedback.event-feedback section.feedback-receipt,
  body #turn-feedback.event-feedback section.feedback-reward,
  body #turn-feedback.event-feedback section.feedback-reward[data-kind=card],
  body #turn-feedback.event-feedback .feedback-receipt:has(.v26-art-symbol) { grid-template-columns: 77px minmax(0, 1fr); gap: 9px; padding: 20px 17px; }
  body #turn-feedback.event-feedback .feedback-receipt[data-kind=rent] .feedback-symbol { width: 80px; height: 98px; }
  body #turn-feedback.event-feedback .feedback-eyebrow { font-size: 24px; }
  body #turn-feedback.event-feedback .feedback-value { font-size: 30px; }
  body #turn-feedback.event-feedback .feedback-detail { font-size: 14px; }
  body #event-dice .event-dice-panel { padding: 18px 20px 21px; }
  body #event-dice .event-dice-title { font-size: 24px; }
  body #event-dice .event-dice-title::before { width: 38px; height: 38px; flex-basis: 38px; }
  body #event-dice .event-dice-roll { font-size: 24px; min-height: 61px; }
}
@media (max-height: 500px) and (min-width: 501px) {
  body #event-dice { width: min(350px, calc(100vw - 26px)); }
  body #event-dice .event-dice-panel { padding: 15px 21px 18px; }
  body #event-dice .event-dice-actor { font-size: 11px; padding-block: 0 3px; min-height: 12px; }
  body #event-dice .event-dice-title { font-size: 24px; padding-bottom: 6px; }
  body #event-dice .event-dice-title::before { width: 34px; height: 34px; flex-basis: 34px; }
  body #event-dice .event-dice-stage { height: 118px; }
  body #event-dice .event-dice-body { width: 62px; height: 62px; font-size: 62px; left: calc(50% - 31px); top: 21px; }
  body #event-dice .event-dice-platform { height: 54px; bottom: 2px; left: 17%; right: 17%; }
  body #event-dice .event-dice-shadow { bottom: 13px; width: 76px; left: calc(50% - 38px); }
  body #event-dice .event-dice-roll { min-height: 48px; font-size: 23px; }
  body #event-dice .event-dice-status { height: 39px; line-height: 39px; font-size: 28px; }
}