/* Tutorial geometry lives here; mobile.css deliberately has no competing overrides. */
#tutorialGuide{position:absolute;right:20px;top:188px;width:245px;z-index:6;padding:10px 54px 10px 12px;border:2px solid #ac975e;background:#243d30f2;box-shadow:inset 0 0 0 2px #5f6147,0 3px #172a22;color:#e8dab5}
#tutorialGuide strong{display:block;font-size:13px;margin:7px 0}
#tutorialGuide p{font-size:11px;line-height:1.55;margin:6px 0}
#tutorialGuide small{display:block;font-size:10px;line-height:1.5;color:#c3d8b2}
#tutorialGuide button{width:44px;height:44px;min-width:44px;padding:4px;margin:0;font-size:18px}
#tutorialGuide [data-tutorial-collapse]{position:absolute;right:4px;top:4px;font-size:20px}
#tutorialGuide [data-tutorial-help]{margin-top:8px}
#tutorialGuide.collapsed{padding:7px 108px 7px 10px;min-height:56px}
#tutorialGuide.collapsed strong{margin:3px 0;font-size:11px}
#tutorialGuide.collapsed [data-tutorial-help]{position:absolute;right:56px;top:4px;margin:0}
#tutorialGuide [hidden]{display:none!important}
.in-tutorial #questPanel,.in-tutorial .quest-panel{display:none}
.touch-mode #tutorialGuide{left:calc(12px + var(--safe-left));right:auto;top:calc(86px + var(--safe-top));width:calc(100% - 24px - var(--safe-left) - var(--safe-right));padding:7px 108px 7px 10px;min-height:56px}
.touch-mode #tutorialGuide strong{margin:3px 0;line-height:15px}
.touch-mode #tutorialGuide p{display:none}
.touch-mode #tutorialGuide small{margin-top:7px}
.touch-mode #tutorialGuide [data-tutorial-help]{position:absolute;right:56px;top:4px;margin:0}
.touch-mode .in-tutorial .touch-topline{display:none}
@media(orientation:landscape){.touch-mode #tutorialGuide{left:50%;right:auto;transform:translateX(-50%);width:300px;max-width:calc(100% - 24px - var(--safe-left) - var(--safe-right))}}