@media (max-width:620px) {
 body.voice-review-mode #review-toggle-coord { display:none!important; }
 body.voice-review-mode .voice-mobile-main-actions .voice-mobile-analyze { position:static!important; width:100%!important; min-width:0!important; height:34px!important; min-height:34px!important; margin:0!important; padding:4px 2px!important; border-radius:6px; background:#173c35!important; color:#fff!important; font-size:11px; }
 body.voice-review-mode .voice-mobile-analyze span { writing-mode:horizontal-tb; letter-spacing:0; }
 body.voice-review-mode #review-header { padding:6px 8px; min-height:0; gap:4px; }
 body.voice-review-mode .rv-header-title { flex-wrap:nowrap; gap:8px; min-width:0; width:100%; }
 body.voice-review-mode .rv-back { padding:6px 8px; min-height:32px; font-size:11px; white-space:nowrap; }
 body.voice-review-mode .rv-title-wrap { min-width:0; }
 body.voice-review-mode #review-title { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 body.voice-review-mode #review-header > div:last-child:empty { display:none; }
 body.voice-review-mode #review-header > div:last-child { gap:0!important; }
 body.voice-review-mode .rv-workspace { display:flex; flex-direction:column; gap:0; }
 body.voice-review-mode .voice-mobile-players { order:0; display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:5px 8px!important; }
 body.voice-review-mode #review-black-info,body.voice-review-mode #review-white-info { margin:0!important; padding:4px 6px!important; gap:5px!important; min-width:0; }
 body.voice-review-mode #review-game-info { display:none!important; }
 body.voice-review-mode .rv-board-stage { order:1; padding:4px 8px!important; min-height:0; display:grid!important; grid-template-columns:minmax(0,1fr); justify-items:center; align-items:center; }
 body.voice-review-mode #review-board { grid-column:1; grid-row:1; width:min(100%,34svh)!important; height:auto!important; aspect-ratio:1; max-width:100%; }
 body.voice-review-mode .voice-mobile-board-toolbar { grid-column:1/-1; grid-row:2; position:static; display:flex; align-items:center; justify-content:flex-end; gap:5px; width:100%; margin:4px auto 0; }
 body.voice-review-mode .voice-mobile-board-toolbar:has(#voice-board-mode[hidden]):has(#voice-board-playback[hidden]) { display:none; }
 body.voice-review-mode .voice-mobile-board-toolbar #voice-board-mode { position:static; transform:none; margin-right:auto; padding:4px 7px; font-size:10px; pointer-events:none; }
 body.voice-review-mode .voice-mobile-board-toolbar #voice-board-playback { position:static; inset:auto; transform:none; display:flex; gap:5px; padding:0; background:transparent; }
 body.voice-review-mode .voice-mobile-board-toolbar #voice-board-playback[hidden],body.voice-review-mode .voice-mobile-board-toolbar #voice-board-mode[hidden] { display:none!important; }
 body.voice-review-mode .voice-mobile-board-toolbar button { min-height:30px; padding:4px 7px; font-size:10px; }
 body.voice-review-mode .voice-mobile-controls { order:2; padding:4px 8px; display:flex; flex-direction:column; gap:6px; min-width:0; }
 body.voice-review-mode .rv-left { order:3; }
 body.voice-review-mode .rv-right { order:4; display:none!important; }
 body.voice-review-mode .voice-mobile-controls .voice-talk,body.voice-review-mode .voice-mobile-controls .voice-variation-panel { margin:0; padding:8px; border-radius:10px; min-width:0; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-head { gap:5px; margin-bottom:4px; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-head small { display:none; }
 body.voice-review-mode .voice-mobile-controls strong { font-size:13px; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-log { min-height:0; max-height:72px; padding:0; gap:4px; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-empty { display:none; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-msg p { padding:5px 8px; font-size:12px; line-height:1.45; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-chips { gap:4px; margin:4px 0; }
 body.voice-review-mode .voice-mobile-controls button { min-height:32px; font-size:11px; padding:4px 8px; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-mic { width:36px; height:36px; flex:0 0 36px; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-input input { min-height:36px; height:36px; box-sizing:border-box; padding:4px 8px; font-size:16px; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-status:empty { display:none; }
 body.voice-review-mode .voice-mobile-controls .voice-review-playback { gap:4px; margin:4px 0; flex-wrap:wrap; }
 body.voice-review-mode .voice-mobile-controls label { font-size:10px; gap:4px; }
 body.voice-review-mode .voice-mobile-controls select { min-height:30px; padding:3px 6px; font-size:12px; width:auto; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-options { gap:6px; margin:4px 0; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > p { font-size:10px; line-height:1.4; margin:3px 0; }
 body.voice-review-mode .voice-mobile-controls .voice-review-status { font-size:10px; padding:4px 6px; margin:4px 0; }
 body.voice-review-mode .voice-mobile-controls .voice-talk { display:flex; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-head,
 body.voice-review-mode .voice-mobile-controls .voice-talk-chips { display:none; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-input { order:1; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-log { order:2; width:100%; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-status { order:3; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-log:not(:empty) { min-height:24px; margin-top:4px; padding:4px 6px; border:1px solid #d6dfd0; border-radius:6px; background:#f1f6ed; }
}

@media (max-width:620px) {
 body.voice-review-mode .voice-mobile-main-actions,
 body.voice-review-mode .voice-mobile-play-actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; }
 body.voice-review-mode .voice-mobile-main-actions > button,
 body.voice-review-mode .voice-mobile-play-actions > button { min-width:0; white-space:nowrap; padding:4px 2px; min-height:34px; font-size:11px; border:1px solid #b7cbbd; border-radius:6px; background:#edf3e9; color:#173c35; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > strong { display:block; margin:0 0 5px; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > .voice-mobile-play-actions { margin:0 0 5px; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > p,
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > .voice-review-playback,
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > .voice-variation-options,
 body.voice-review-mode .rv-left > .voice-board-tools,
 body.voice-review-mode #voice-board-playback { display:none!important; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel > strong { display:none; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel::before { content:'讲解与后续变化'; display:block; font-size:11px; font-weight:700; margin-bottom:5px; }
 body.voice-review-mode .voice-review-narrative { max-height:60px; overflow:auto; font-size:11px; }
 body.voice-review-mode #voice-variation-steps { max-height:42px; overflow:auto; }
 body.voice-review-mode .voice-mobile-sheet { position:fixed; inset:0; z-index:10050; background:rgba(0,20,17,.5); display:flex; align-items:center; justify-content:center; padding:16px; }
 body.voice-review-mode .voice-mobile-sheet[hidden] { display:none; }
 body.voice-review-mode .voice-mobile-sheet > section { width:min(100%,360px); max-height:85dvh; overflow:auto; box-sizing:border-box; background:#102c27; color:#eef6ee; border:1px solid #54756a; border-radius:16px; padding:14px; box-shadow:0 15px 45px #0004; }
 body.voice-review-mode .voice-mobile-sheet header { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
 body.voice-review-mode .voice-mobile-sheet button { min-height:40px; border:1px solid #54756a; border-radius:8px; background:#24483e; color:#eef6ee; padding:8px 10px; }
 body.voice-review-mode .voice-mobile-sheet header button { width:40px; font-size:20px; }
 body.voice-review-mode .voice-mobile-sheet-content { display:flex; flex-direction:column; gap:8px; }
 body.voice-review-mode .voice-mobile-sheet [hidden] { display:none!important; }
 body.voice-review-mode .voice-mobile-settings { display:grid; gap:10px; }
 body.voice-review-mode .voice-mobile-settings label { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; }
 body.voice-review-mode .voice-mobile-sheet select,
 body.voice-review-mode .voice-mobile-sheet input[type=url] { background:#24483e; color:#eef6ee; border:1px solid #54756a; border-radius:6px; min-height:38px; padding:6px; min-width:0; }
 body.voice-review-mode .voice-mobile-sheet input[type=url] { width:100%; box-sizing:border-box; }
 body.voice-review-mode .voice-mobile-sheet button[aria-pressed=true] { background:#376656; font-weight:700; }
 html[data-theme=light] body.voice-review-mode .voice-mobile-sheet > section { background:#f7faf3; color:#173c35; border-color:#bed0bf; }
 html[data-theme=light] body.voice-review-mode .voice-mobile-sheet button,
 html[data-theme=light] body.voice-review-mode .voice-mobile-sheet select,
 html[data-theme=light] body.voice-review-mode .voice-mobile-sheet input[type=url] { background:#e7efe3; color:#173c35; border-color:#bed0bf; }
 html[data-theme=light] body.voice-review-mode .voice-mobile-sheet button[aria-pressed=true] { background:#173c35; color:#fff; }
 html:not([data-theme=light]) body.voice-review-mode .voice-mobile-main-actions > button,
 html:not([data-theme=light]) body.voice-review-mode .voice-mobile-play-actions > button { background:#24483e; color:#eef6ee; border-color:#54756a; }
 body.voice-review-mode .voice-mobile-sheet button:disabled { opacity:.5; }
 body.voice-review-mode .rv-left > div { padding:5px 8px!important; }
 body.voice-review-mode .rv-left .rv-btn { min-height:30px!important; padding:4px 6px!important; font-size:11px; }
 body.voice-review-mode .rv-left #rv-jump-input { min-height:30px; height:30px; box-sizing:border-box; min-width:0; }
 body.voice-review-mode .rv-left > div:has(#rv-jump-input) { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
 body.voice-review-mode .rv-left > div:has(#rv-jump-input) > div:first-child { grid-column:1/-1; margin-bottom:0!important; }
 body.voice-review-mode .rv-left > div:has(#rv-jump-input) > div:nth-child(2) { margin-bottom:0!important; }
 body.voice-review-mode .rv-left > div:has(#rv-jump-input) > div { min-width:0; }
 body.voice-review-mode .voice-mobile-controls .voice-talk-log { max-height:48px; }
 body.voice-review-mode .voice-mobile-controls .voice-variation-panel { max-height:100px; overflow:auto; box-sizing:border-box; }
 body.voice-review-mode .voice-mobile-play-actions { position:sticky; top:0; z-index:1; background:var(--paper); }
 body.voice-review-mode .voice-mobile-controls .voice-talk-log:has(.voice-talk-empty):not(:has(.voice-talk-msg)) { display:none; }
 html:not([data-theme=light]) body.voice-review-mode .voice-mobile-controls .voice-talk-log:not(:empty) { background:#16352d; border-color:#54756a; }
 body.voice-review-mode .voice-mobile-controls #voice-analyze-hint { margin:0; font-size:10px; line-height:1.3; }
 body.voice-review-mode .voice-mobile-controls #voice-analyze-progress { margin:0; }
 body.voice-review-mode .voice-mobile-sheet .voice-plan-panel { margin:0; padding:0; border:0; background:transparent; }
 body.voice-review-mode .voice-mobile-sheet .voice-plan-options { display:grid; gap:8px; }
 body.voice-review-mode .voice-mobile-sheet .voice-plan-panel select { max-width:100%; }
}

/* The selected point is shown on the board itself; the old hint bubble duplicated it. */
body.voice-review-mode .voice-talk-point { display:none!important; }

@media (max-width:620px) and (max-height:740px) {
 body.voice-review-mode #review-board { width:min(100%,26svh)!important; }
 body.voice-review-mode .voice-mobile-controls { gap:4px; padding-top:2px; padding-bottom:2px; }
}
@media (max-width:620px) and (max-height:650px) {
 body.voice-review-mode #review-board { width:min(100%,21svh)!important; }
}

@media (min-width:621px) {
 body.voice-review-mode .voice-board-tools .voice-desktop-coordinate {
   display:flex;
   width:100%;
   min-height:36px;
   align-items:center;
   justify-content:center;
   padding:7px 10px;
   border:1px solid #708564;
   border-radius:6px;
   background:#173a28;
   color:#e3d3a4!important;
   font-size:12px;
   font-weight:700;
 }
 html[data-theme="light"] body.voice-review-mode .voice-board-tools .voice-desktop-coordinate {
   border-color:#cdd6c2;
   background:#f5f7ef;
   color:#304c3b!important;
 }
}