#tutorial-panel{position:absolute;z-index:5;left:8px;bottom:32px;width:min(370px,calc(100% - 16px));max-height:38%;display:block;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:#151819f2;color:#f0f0e9;border:1px solid #777e7e;padding:11px;font-size:11px;line-height:1.5;scrollbar-color:#777 #151819}.tutorial-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.tutorial-heading strong{font-size:13px;font-weight:600}#tutorial-progress{font-size:9px;color:#bfc3c1;white-space:nowrap}#tutorial-text{margin:8px 0;min-height:0;overflow:auto;overscroll-behavior:contain;user-select:text;touch-action:pan-y}.tutorial-heading,#tutorial-status,.tutorial-actions{flex-shrink:0}#tutorial-status{font-size:10px;color:#d5d9d5;margin:6px 0}.tutorial-actions{display:flex;flex-wrap:wrap;gap:6px}.tutorial-actions button{font:inherit;font-size:9px;min-height:36px;padding:7px 9px;border:1px solid #747a79;background:#252b2d;color:#fff}.tutorial-actions button:hover{background:#3b4446}.tutorial-actions button:focus-visible{outline:2px solid #fff;outline-offset:2px}.tutorial-actions #tutorial-next{margin-left:auto;background:#e7e7e0;color:#111}.tutorial-actions button:disabled{opacity:.45}.tutorial-focus{outline:2px solid #e7e7e0!important;outline-offset:-3px}#tutorial-panel [hidden]{display:none!important}@media(pointer:coarse){.tutorial-actions button{min-height:44px}}@media(orientation:landscape) and (max-height:650px){#tutorial-panel{width:min(370px,55%);bottom:28px;max-height:38%}}@media(max-width:600px){#tutorial-panel{font-size:10px;padding:9px}.tutorial-heading strong{font-size:12px}}

/* Fullscreen controls occupy the lower sensor area. Keep the lesson above
   both control rows, beside the aiming reticle in landscape. */
html.game-fullscreen #tutorial-panel{left:50%;transform:translateX(-50%);bottom:max(164px,calc(env(safe-area-inset-bottom) + 132px));width:min(440px,calc(100% - 32px));max-height:calc(100% - max(164px,calc(env(safe-area-inset-bottom) + 132px)) - max(72px,calc(env(safe-area-inset-top) + 64px)))}
@media(orientation:landscape){html.game-fullscreen #tutorial-panel{left:max(12px,env(safe-area-inset-left));transform:none;width:min(370px,calc(50% - 32px))}}