/* Additive training controls: preserve the existing page layout. */
#trainingOptions{border-top:1px solid #39454f;padding-top:5px;margin-top:12px}
#trainingData{margin-top:16px}#trainingData>summary{display:none}#trainingData .records{margin-top:0}
#trainingCountdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;pointer-events:none;z-index:6}
#trainingCountdown strong{font:600 56px system-ui;color:#ffdfa3;text-shadow:0 2px 6px #000}
#trainingCountdown span,#trainingCountdown button{background:#15232df5;color:#ffdfa3;padding:12px;border:1px solid #cbb582;border-radius:4px}
#trainingCountdown button{pointer-events:auto}
#guessHelp{max-width:560px;max-height:85vh;overflow:auto;background:#15232d;color:#e1e8ed}
#guessHelp p{line-height:1.8}#clearPrediction{margin-top:8px}
/* Remove legacy record management from all modes. Stored records remain intact. */
#retry,#trainingData,.records,#recordCount,#export,label.import,#storageNote{display:none!important}

#guessReward{margin:18px 0;padding:20px 16px;text-align:center;border:1px solid #aa9565;border-radius:10px;background:#24251e}
#guessReward .reward-tag{font-size:11px;letter-spacing:2px;color:#c9b780}#guessReward h3{margin:10px 0;color:#f1db9d;font-size:23px}
#guessReward .reward-rate{font-size:56px;line-height:1.2;font-weight:700;color:#f1db9d;font-variant-numeric:tabular-nums}#guessReward .reward-rate small{font-size:24px}
#guessReward p{font-size:13px;line-height:1.6;margin:10px 0}#guessReward .reward-streak{padding:12px 0;border-top:1px solid #514c3c;font-size:13px}#guessReward .reward-compare{color:#d8d7bd}#guessReward .reward-note{display:block;font-size:10px;line-height:1.6;color:#a5a598}

/* Shared visual language and direct tactile button feedback across every mode. */
body{background:#0d151c;color:#e5edf1}header h1 span{color:#d9bf84}
.map-panel,aside>.card{background:#14212b;border-color:#354956;border-radius:10px}
button,select{border-radius:5px;border-color:#405766;background:#1c2d39;color:#e5edf1}
button{transition:transform .1s ease,filter .12s ease,box-shadow .12s ease}
button:not(:disabled):hover{filter:brightness(1.16);border-color:#d9bf84}
button:not(:disabled):active{transform:translateY(2px) scale(.98);box-shadow:inset 0 2px 7px #0007}
button:focus-visible{outline:2px solid #e6c98b;outline-offset:3px}
button.primary,.simulation-ui button.primary{background:#dec28a;color:#17232a;border-color:#dec28a}
#guessScout{border-color:#a38c5e;color:#f0d69f;margin:8px 0}
@media(prefers-reduced-motion:reduce){button{transition:none}}

#guessScanNotice{position:absolute;top:16px;left:50%;transform:translateX(-50%);z-index:7;padding:12px 18px;background:#163c3bee;border:1px solid #86d5ca;border-radius:6px;color:#d7fff5;font-size:14px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #0004}
#guessScout:not(:disabled){background:linear-gradient(110deg,#214441,#1a3037);border-color:#74b4a6;color:#d7f7e9}
#guessReward:not([hidden]){animation:reward-in .35s ease-out}
@keyframes reward-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#guessReward:not([hidden]){animation:none}}