#reviewDialog { box-sizing:border-box;width:min(900px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;border:1px solid #967448;border-radius:20px;color:#f7eddb;background:#30271e;overflow:auto;box-shadow:0 24px 80px #0008; }
#reviewDialog::backdrop { background:#1a130ec9;backdrop-filter:blur(4px); }
.review-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.review-head h2 { font-size:20px;margin:0; }.review-head p { font-size:12px;color:#d2c3ac;margin:6px 0 0; }
.review-grid { display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:20px;align-items:start; }
#reviewCanvas { display:block;width:100%;height:auto;aspect-ratio:1;border-radius:12px; }
.review-controls { display:grid;gap:12px; }.review-controls p { font-size:13px;line-height:1.5;margin:0; }
.review-buttons { display:grid;grid-template-columns:repeat(4,1fr);gap:6px; }
#reviewDialog button { min-height:44px;min-width:44px;padding:8px 10px; }
#reviewSlider { width:100%;min-height:44px;accent-color:#efbe68;margin:0; }
#reviewMoves { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#cbbb9f; }
#reviewMoves:empty { display:none; }
.review-hint { color:#cbbb9f;font-size:12px; }
#reviewFinishedBtn[hidden],#reviewOverlayBtn[hidden],#reviewLastBtn[hidden] { display:none!important; }
@media(max-width:620px) { #reviewDialog{padding:12px;border-radius:16px;} .review-grid{grid-template-columns:1fr;gap:12px;} .review-head h2{font-size:17px;}#reviewMoves{display:none;} }
@media(max-height:500px) and (min-width:621px) { #reviewDialog{width:min(760px,calc(100vw - 20px));padding:12px;} .review-grid{grid-template-columns:minmax(0,330px) minmax(0,1fr);} }

#reviewDialog .review-buttons button { padding-inline:3px;font-size:12px;white-space:nowrap; }
#reviewInsight { padding:10px 12px;border:1px solid #826638;border-radius:10px;background:#3d3325;color:#f7d99e; }
#reviewMomentSelect { width:100%;min-width:0;min-height:44px; }
#reviewDialog .review-controls { min-width:0; }
#reviewPracticeBtn:disabled { opacity:.45; }
#reviewLastBtn { grid-column:1/-1;min-height:44px; }
.branch-practice { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-inline:8px;padding:10px;border:1px solid var(--gold);border-radius:12px;font-size:12px;color:var(--gold); }
.branch-practice[hidden] { display:none!important; }
.branch-practice button { min-height:44px;white-space:nowrap; }
@media(min-width:621px) { .review-grid { grid-template-columns:minmax(0,1fr) 250px; } }
@media(max-height:500px) and (min-width:621px) { .review-grid { grid-template-columns:minmax(0,320px) minmax(0,1fr); } }

.review-head { position:sticky;top:-12px;z-index:1;background:#30271e;padding-block:8px; }