/* Context first, action second: a single objective keeps the practice field clear. */
.oak-training{position:fixed;inset:0;z-index:210;pointer-events:none;font-family:var(--ui-font);color:#eef3dc}.oak-training[hidden],.oak-training [hidden]{display:none!important}.training-objective{position:absolute;top:calc(env(safe-area-inset-top,0px) + 86px);left:max(16px,env(safe-area-inset-left));display:flex;gap:12px;width:min(360px,calc(100vw - 32px));padding:14px 16px;background:#102f37ed;border:1px solid #b5cc9f88;border-left:3px solid #f5d284;border-radius:5px 14px 14px 14px;box-shadow:0 4px 18px #061c3355;pointer-events:auto}.training-objective-copy{flex:1;min-width:0}.training-objective span{display:block;font-size:10px;letter-spacing:.09em;font-weight:700;color:#b9d3b2}.training-objective b{display:block;margin:5px 0 7px;font:700 23px/1.1 var(--ui-display);color:#ffe4a1}.training-objective p{margin:0;font-size:13px;line-height:1.5;color:#d4e4d9}.training-objective button{align-self:flex-start;min-height:44px;padding:0 3px;background:none;border:0;color:#c7d6c7;text-decoration:underline;font:600 11px var(--ui-font);cursor:pointer}.training-dialog{position:absolute;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(650px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow-y:auto;pointer-events:auto;padding:24px 28px;background:#fff3d5;border:3px solid #e5cb8e;border-radius:6px 20px 20px 20px;box-shadow:0 7px 0 #183c4180;color:#284749}.training-speaker{font-size:10px;letter-spacing:.08em;font-weight:800;color:#507d6d}.training-dialog h2{margin:12px 0;font:700 33px/1.1 var(--ui-display);color:#284749}.training-dialog p{font-size:15px;line-height:1.6;margin:10px 0}.training-dialog .btn{float:right;min-height:48px;margin-top:10px}.training-dialog::after{content:'';display:block;clear:both}.training-dialog b{color:#2b6f60}.oak-training button:focus-visible{outline:3px solid #e6b85c;outline-offset:4px}.tutorial-playing .pk-first-step{display:none!important}.tutorial-playing .instance-credit{display:none}
@media(orientation:portrait){.training-objective{top:calc(env(safe-area-inset-top,0px) + 120px);left:12px;width:calc(100vw - 24px);padding:10px 13px}.training-objective b{font-size:21px}.training-objective p{font-size:12px}.training-dialog{padding:20px;bottom:max(20px,env(safe-area-inset-bottom));max-height:calc(100dvh - 160px)}}
@media(max-height:520px) and (orientation:landscape){.training-objective{top:calc(env(safe-area-inset-top,0px) + 64px);left:12px;width:260px;padding:8px 10px;gap:4px}.training-objective b{font-size:18px;margin:3px 0}.training-objective p{font-size:11px;line-height:1.4}.training-objective span{font-size:8px}.training-dialog{padding:14px 20px;bottom:12px;max-height:calc(100dvh - 44px);width:min(620px,calc(100vw - 48px))}.training-dialog h2{font-size:27px;margin:6px 0}.training-dialog p{font-size:12px;line-height:1.5}.training-dialog .btn{min-height:40px;margin-top:4px}}