#karaoke-tutorial{width:min(320px,calc(100vw - 24px));background:#15232b;color:#eef5fa;border:1px solid #86ab55;border-radius:14px;padding:16px;box-shadow:0 12px 40px #0008}
/* Only the tutorial moves beside its target. Other dialogs retain centering. */
#karaoke-tutorial:modal{inset:auto!important;left:var(--tour-left,12px)!important;top:var(--tour-top,12px)!important;margin:0!important;overflow:visible!important;scrollbar-gutter:auto}
#karaoke-tutorial::backdrop{background:#0003}#karaoke-tutorial small{color:#c0ff73;letter-spacing:.6px;font-size:10px}#karaoke-tutorial h2{font-size:19px;line-height:1.25;margin:9px 0}#karaoke-tutorial p{font-size:13px;color:#d5e0ea;line-height:1.45;margin:8px 0;max-height:min(130px,30dvh);overflow:auto}#karaoke-tutorial a{color:#c0ff73;font-size:11px}.tour-actions{display:flex;gap:8px;margin:12px 0 8px}.tour-actions button{flex:1;padding:10px;border-radius:8px;min-height:40px}#tour-next{background:#c0ff73;color:#152016;font-weight:700}.tour-links{display:flex;justify-content:space-between;align-items:center}#tour-skip{padding:4px 0;background:transparent;color:#c3cdd7;border:0;font-size:11px}.tour-highlight{outline:3px solid #c0ff73!important;outline-offset:4px!important}.legal-footer #replay-tutorial{padding:0;border:0;background:none;color:#c0ff73;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
#tour-pointer{position:fixed;left:0;top:0;width:100vw;height:100dvh;overflow:visible;pointer-events:none}
body.karaoke-screen-mode{overflow:hidden}.karaoke-screen-mode>header,.karaoke-screen-mode>.legal-footer{display:none}main.player-screen-mode{position:fixed;inset:0;z-index:1000;margin:0!important;height:100dvh!important;max-height:100dvh;width:100vw!important;max-width:none!important;background:#101521}.player-screen-mode .stage{min-height:0!important}.karaoke-screen-mode .controls-open{grid-template-columns:minmax(0,1fr) min(340px,70vw)!important}
@media(max-width:900px){#karaoke-tutorial{width:min(300px,calc(100vw - 24px))}}
.tour-highlight{scroll-margin:14px}
@media(max-height:500px){#karaoke-tutorial{padding:12px}#karaoke-tutorial h2{font-size:17px;margin:6px 0}#karaoke-tutorial p{font-size:12px;max-height:78px;margin:6px 0}.tour-actions{margin:8px 0 4px}}
/* Portrait tutorials show controls at their full width, rather than squeezing
   the stage into the narrow space left by a sidebar. Restore on tour close. */
@media(max-width:600px) and (orientation:portrait){
 body.tutorial-active.side-controls main.player-layout.controls-open{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
 body.tutorial-active.tutorial-controls-focus.side-controls main.player-layout>.stage{display:none}
 body.tutorial-active.tutorial-controls-focus.side-controls .controls-panel{display:block;grid-column:1;width:100%}
 body.tutorial-active:not(.tutorial-controls-focus).side-controls .controls-panel{display:none}
}