/* Readable decisions and contextual practice, in the game's lime/ink palette. */
.field-coach{display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 6px;background:#173e35ee;color:#f0f6d6;border:1px solid #a5c873;border-left:3px solid #d3f486;border-radius:9px;padding:7px;margin-bottom:7px;text-align:left;pointer-events:none;box-shadow:0 3px 8px #143c2926}
.field-coach[hidden]{display:none!important}.field-coach-icon .icon{width:23px;height:23px;color:#d6f795}.xp-hud .field-coach small{display:block;color:#cfdfa9;font-size:9px;line-height:1.4}.field-coach b{display:block;font-size:12px;line-height:1.5;color:#f5ffdb}.field-coach div>span{display:block;font-size:10px;line-height:1.45;color:#e6f0ce}.field-coach-steps{grid-column:1/-1;display:flex;gap:3px}.field-coach-steps i{height:3px;flex:1;background:#607761;border-radius:2px}.field-coach-steps i.current{background:#d6ed91}.field-coach-steps i.done{background:#98b9b1}
.field-guide-pause{margin:12px 0;padding:10px;border:1px solid #b3c295;border-radius:12px;background:#e8efd2;display:flex;gap:8px;flex-wrap:wrap;align-items:center;text-align:left}.field-guide-pause>div{display:grid;grid-template-columns:28px 1fr;gap:2px 7px;flex:1 0 100%}.field-guide-pause>div>span{grid-row:1/3}.field-guide-pause .icon{width:25px;height:25px}.field-guide-pause b{font-size:13px}.field-guide-pause small{font-size:12px;color:#52684a}.field-guide-pause>button{min-height:44px;flex:1;padding:8px;font-size:12px}
.control-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0}.control-presets button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:44px;border:1px solid #9db27d;border-radius:8px;background:#f6f7e5;color:#3b5637}.control-presets button>b{font-size:12px}.control-presets button>small{font-size:11px}.control-presets button[aria-pressed=true]{background:#d2e8a5;border-color:#5d8049;box-shadow:inset 0 -3px #94b46c}.control-presets button:focus-visible{outline:3px solid #8a61b4;outline-offset:2px}
@media(max-height:550px) and (orientation:landscape){.field-coach{padding:4px;grid-template-columns:18px 1fr;gap:2px 5px}.field-coach-icon .icon{width:18px;height:18px}.field-coach div>span{display:none}.field-coach b{font-size:10px}.field-coach-steps{display:none}.control-presets{margin:4px 0}}
@media(prefers-reduced-motion:reduce){.field-coach,.control-presets button{animation:none!important;transition:none!important}}