.turn-feedback{display:flex;align-items:center;gap:9px;min-height:36px;height:36px;flex:0 0 auto;text-align:left;padding:5px 12px;background:#e9ecdc;border:0;border-bottom:1px solid #c9d0bb;color:#284c45;width:100%;cursor:pointer}
.turn-feedback>span{font-size:20px}.turn-feedback>strong{font-size:13px;line-height:1.35;font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turn-feedback>small{font-size:11px;white-space:nowrap}.turn-feedback:focus-visible{outline:2px solid #957440;outline-offset:-3px}
.player-summary .summary-score,.compact-score{position:relative}.score-delta{font:700 11px/1.2 sans-serif;font-style:normal;color:#fff;background:#315e4f;border:1px solid #f5f1df;border-radius:3px;padding:1px 3px;position:absolute;top:-7px;right:-7px;white-space:nowrap;z-index:2}.recipient-change{color:#285843!important;font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;line-height:1.3}.feedback-received{outline:2px solid #a78244;outline-offset:-2px;animation:feedback-arrive .7s ease-out}.feedback-live{animation:feedback-ink .7s ease-out}.feedback-description{font-size:17px;line-height:1.5;color:#284c45}.feedback-recipient{border-top:1px solid #d8d3bf;padding:10px 0}.feedback-recipient h3{font-size:17px;margin:0 0 6px}.feedback-recipient ul{margin:0;padding-left:20px;line-height:1.6;font-size:15px}
@keyframes feedback-arrive{from{box-shadow:inset 0 0 0 4px #ba9d69}to{box-shadow:inset 0 0 0 0 transparent}}@keyframes feedback-ink{from{background:#d9dfc5}to{background:#e9ecdc}}
@media(max-width:700px){.turn-feedback{min-height:32px;height:32px;padding:4px 8px;gap:5px}.turn-feedback>strong{font-size:12px}.turn-feedback>small{font-size:10px}.turn-feedback>span{font-size:16px}.compact-score .score-delta{position:static;font-size:9px;vertical-align:middle;padding:0 2px;margin-left:2px}.recipient-change{font-size:10px!important}}
@media(max-height:500px){.turn-feedback{min-height:28px;height:28px;padding:3px 8px}.turn-feedback>strong{font-size:11px}.turn-feedback>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.feedback-received,.feedback-live{animation:none}}
.compact-dogma{display:none}.standard-achievement{padding:18px 12px;border:1px solid #b8a26e;border-radius:6px;background:#eee8d5;text-align:center}.standard-achievement>span{font-size:30px;color:#9d7b3f;display:block}.standard-achievement>strong{font-size:22px;color:#31584b}.standard-achievement>p{font-size:14px;line-height:1.5}
@media(max-width:650px) and (min-height:501px) and (max-height:680px){.game-active .desk-workspace:has(.turn-feedback) .card-reader .card-featured{display:none}.desk-workspace:has(.turn-feedback) .card-reader .compact-dogma{display:inline}}
/* Short landscape shares one row between workspace navigation and the recap. */
@media(max-height:500px) and (min-width:651px){.desk-workspace:has(.turn-feedback){display:grid;grid-template-columns:minmax(220px,34%) minmax(0,1fr);grid-template-rows:33px minmax(0,1fr)}.desk-workspace:has(.turn-feedback)>.turn-feedback{grid-column:2;grid-row:1;height:33px;min-height:33px}.desk-workspace:has(.turn-feedback)>.game-tabs{grid-column:1;grid-row:1;padding:0 7px;gap:10px}.desk-workspace:has(.turn-feedback)>.workspace-stage{grid-column:1/-1;grid-row:2}.desk-workspace:has(.turn-feedback)>.game-tabs .workspace-status{display:none}}
.play-desk .desk-dock{padding-block:5px}.play-desk .desk-dock .action-option,.reader-actions .primary,.opening-choice>.primary,.decision-dock .primary{min-height:44px}
.modal:has(.feedback-description){max-height:calc(100dvh - 24px);overflow:auto}.modal:has(.feedback-description) .modal-heading{position:sticky;top:0;background:#fffdf5;z-index:2}.modal:has(.feedback-description) .close-modal{width:44px;height:44px;min-height:44px;flex:0 0 44px}
