.panel-start .replay-tutorial-button { position: absolute; top: 10px; left: 12px; min-height: 44px; min-width: 130px; padding: 6px 10px; font-size: 16px; z-index: 2; }
.tutorial-panel { position: absolute; z-index: 85; left: 50%; bottom: 18px; transform: translateX(-50%); width: min(660px, 76%); box-sizing: border-box; padding: 14px 16px; border: 3px solid #21150e; box-shadow: inset 0 3px #c4874d, inset 0 -3px #56301e, 4px 6px #21150e; background: #633018; color: #ffe8b2; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px 16px; pointer-events: none; }
.tutorial-panel[hidden], .tutorial-panel button[hidden], .tutorial-target[hidden] { display: none; }
.tutorial-copy { grid-row: span 2; }
.tutorial-kicker { margin: 0 0 6px; color: #f5be61; font-size: 14px; letter-spacing: 1px; }
.tutorial-panel h2 { font-size: 22px; margin: 0 0 8px; color: #fff0cb; }
.tutorial-instruction { font-size: 18px; line-height: 1.5; margin: 0; }
.tutorial-panel button { pointer-events: auto; min-height: 44px; padding: 8px 12px; font-size: 17px; align-self: center; }
.tutorial-panel .tutorial-next { background: #1e5650; color: #fff0cb; }
.tutorial-panel[data-completed="true"] { border-color: #e5b951; }
.tutorial-panel[data-step="upgrade"], .tutorial-panel[data-step="shop"], .tutorial-panel[data-step="equip"] { top: 8px; bottom: auto; padding: 10px 14px; width: min(720px,80%); }
.tutorial-panel[data-step="shop"], .tutorial-panel[data-step="equip"] { top: 74px; left: 10px; width: calc(70% - 24px); transform: none; grid-template-columns: minmax(0,1fr) auto auto; gap: 7px; padding: 6px 10px; align-items: center; }
.tutorial-panel[data-step="shop"] .tutorial-copy, .tutorial-panel[data-step="equip"] .tutorial-copy { grid-row: auto; }
.tutorial-panel[data-step="shop"] .tutorial-kicker, .tutorial-panel[data-step="equip"] .tutorial-kicker,
.tutorial-panel[data-step="shop"] h2, .tutorial-panel[data-step="equip"] h2 { display: none; }
.tutorial-panel[data-step="shop"] .tutorial-instruction, .tutorial-panel[data-step="equip"] .tutorial-instruction { font-size: 17px; line-height: 1.25; }
.tutorial-panel[data-step="complete"] { bottom: 50%; transform: translate(-50%,50%); z-index: 110; }
.tutorial-target { position: absolute; z-index: 25; pointer-events: none; color: #fff5b8; font-size: 42px; transform: translate(-50%,-110%); text-shadow: 3px 0 #472511,-3px 0 #472511,0 3px #472511,0 -3px #472511,0 6px #f0a735; }
.tutorial-highlight { outline: 3px solid #ffdf79; outline-offset: 4px; }
.game-stage[data-tutorial-step] .wave-instrument, .game-stage[data-tutorial-step] .boss-hud { visibility: hidden; }
.game-stage[data-tutorial-step="complete"] #pauseModal { visibility: hidden; }
.orientation-controls { position: absolute; left: 12px; bottom: 10px; z-index: 120; display: flex; align-items: center; gap: 5px; padding: 5px; background: #3f2418; border: 2px solid #b57b49; box-shadow: 2px 3px #20140e; color: #f8dfaa; }
.orientation-controls[hidden] { display: none; }
.orientation-controls button { min-height: 40px; min-width: 48px; padding: 4px 8px; background: #6d361f; border: 2px solid #aa7144; color: inherit; font: inherit; font-size: 15px; }
.orientation-controls button[aria-pressed="true"] { border-color: #f5be61; background: #1e5650; }
.orientation-controls span { font-size: 14px; padding-inline: 5px; }