#diagnosisPanel {border:2px solid #5b8cff;padding:20px;border-radius:18px;margin:16px 0;background:#101b30;color:#f8fafc}
#diagnosisPanel[hidden],#diagnosisTv[hidden] {display:none!important}
#diagnosisInstruction {font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.2;margin:12px 0}
.diagnosis-actions {display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.diagnosis-actions button,#diagnosisPanel select,#diagnosisPanel input {min-height:56px;padding:12px;font-size:1.1rem}
#diagnosisPanel details {margin-top:16px}
#diagnosisExpert {white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto}
#diagnosisCanvas {width:min(100%,1000px);height:auto;touch-action:manipulation;border:2px solid #5b8cff}
.diagnosis-certainty {display:flex;align-items:center;gap:12px;min-height:56px;font-size:1.1rem}
.diagnosis-certainty input {min-width:28px}
#diagnosisHistory a {display:block;margin:12px 0;overflow-wrap:anywhere}
#diagnosisUploads a {display:block;margin:10px 0;color:#90b7ff;overflow-wrap:anywhere}
#diagnosisEvidence {color:#ffcf5a}
#diagnosisTv {position:fixed;inset:70px 0 0;background:#060914;z-index:80;text-align:center;padding:5vh 5vw;overflow:auto}
#diagnosisTvInstruction {font-size:clamp(2rem,5vw,6rem);margin:5vh 0}
#diagnosisTvProgress,#diagnosisTvHit {font-size:clamp(1.5rem,3vw,3rem)}

body.diagnosis-mode #gameLive,body.diagnosis-mode .game-turnbar,body.diagnosis-mode #gameStop {display:none!important}

/* Keep the tablet on one control flow; legacy scoring remains backend-isolated. */
body.diagnosis-mode .hero-grid,body.diagnosis-mode .training-panel,body.diagnosis-mode .results-panel,
body.diagnosis-mode .game-start-options label {display:none!important}
body.diagnosis-mode [hidden] {display:none!important}
body.diagnosis-mode .game-panel {order:0}
body.diagnosis-mode #diagnosisPanel {order:1}
body.diagnosis-running #diagnosisPanel {order:0}
body.diagnosis-running .game-panel {order:1}
body.diagnosis-running .game-setup {display:none!important}

/* Exit navigation stays reachable even while the capture panel scrolls. */
#diagnosisExitBar {position:sticky;top:0;z-index:4;order:-1;box-shadow:0 5px 18px #0008}
#diagnosisExitBar button,#diagnosisExitBar .linkbtn {min-height:48px;margin:3px}
#diagnosisExitNotice {overflow-wrap:anywhere}

.tip-editor-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.tip-editor-grid canvas {width:100%!important;height:auto;touch-action:manipulation;border:2px solid #5b8cff;box-sizing:border-box}
.tip-editor-grid canvas:focus {outline:3px solid #f4b740}
@media(max-width:650px){.tip-editor-grid{grid-template-columns:1fr}}

#tipDialog .cal-zoom-actions button {min-width:48px;min-height:48px}

#diagnosisExitBar[hidden],#diagnosisSafetyNotice[hidden]{display:none!important}
.diagnosis-safety-notice{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:1px solid #8b713d;border-radius:12px;background:#292318;color:#ffe0a3;font-size:.9rem;order:-1}
.diagnosis-safety-notice button{min-height:48px;flex-shrink:0}
@media(max-width:520px){.diagnosis-safety-notice{align-items:stretch;flex-direction:column}}