.history-review{width:min(960px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:20px;overflow:auto;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px}.history-review::backdrop{background:#050917c9}.history-review iframe{width:100%;height:min(55dvh,540px);border:0;background:#07101c}.history-review .review-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;position:sticky;bottom:0;background:var(--surface);padding:10px 0}.history-review h2{font-size:24px}.history-review p{line-height:1.5}
.history-review .check-pictures summary{min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline}.history-review .check-pictures figure{margin:12px 0}.history-review .check-pictures figcaption{margin-bottom:8px;line-height:1.5}.history-review .check-pictures img{display:block;width:auto;max-width:100%;height:auto;max-height:min(55dvh,480px);object-fit:contain;border:1px solid var(--line);border-radius:8px}.history-review .check-pictures img[hidden]{display:none}
.history-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.history-comparison>div{border:1px solid var(--line);border-radius:8px;padding:12px;overflow-wrap:anywhere}.history-comparison p{margin:8px 0}.history-comparison small{color:var(--muted)}@media(max-width:600px){.history-comparison{grid-template-columns:1fr}}
.history-review .attempt-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:1;background:var(--surface);padding:8px 0}.history-review .attempt-header h2{margin:0}.history-review .attempt-header .review-actions{position:static;padding:0;flex-shrink:0}.history-review.attempt-playing p{margin:8px 0}.history-review.attempt-playing .attempt-description{font-size:16px}.history-review.attempt-playing iframe{display:block}.history-review.attempt-playing [hidden]{display:none}
.history-review.attempt-playing iframe.has-canvas-size{width:min(100%,calc(min(55dvh,540px) * var(--attempt-canvas-ratio)));height:auto;aspect-ratio:var(--attempt-canvas-ratio);max-height:min(55dvh,540px);margin-inline:auto}
.history-review.attempt-playing{margin-top:12px;margin-bottom:auto}