/* 0.5.3 in-run hints (src/run-hints.js) and the mode list of the camp tour (src/tutorial.js). */
.run-hint{position:absolute;z-index:5;box-sizing:border-box;padding:calc(9px * var(--ui-scale)) calc(13px * var(--ui-scale));background:#1b1624e8;border:1px solid #b48f58;border-left-width:3px;box-shadow:0 6px 24px #000a;color:#d9c8dc;font-size:calc(12px * var(--ui-scale));line-height:1.45;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s;text-shadow:0 1px 2px #000}
.run-hint.shown{opacity:1;transform:none}
.run-hint.held{opacity:0;transition:none}
.run-hint small{display:block;font-size:.72em;letter-spacing:1.5px;color:#9c8ba7;margin-bottom:2px}
.run-hint strong{display:block;font:600 1.08em/1.3 var(--font-display,inherit);color:#ecd29b;margin-bottom:2px}
.run-hint span{display:block}
.run-hint-inline{position:relative;inset:auto;width:auto;margin:0 0 12px;z-index:auto;font-size:12px;transform:none;text-align:left}
.run-hint-inline.faded{opacity:.35}
@media(max-height:520px){.run-hint{font-size:calc(11px * var(--ui-scale));padding:6px 10px}.run-hint small{display:none}.run-hint-inline{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.run-hint{transition:none;transform:none}}
.tutorial-modes{margin:4px 0 0;padding-left:18px;font-size:12px;line-height:1.55;color:#bfacc7}
.tutorial-modes li{margin:2px 0}
@media(max-width:550px),(max-height:520px){.tutorial-modes{font-size:11px;line-height:1.4;padding-left:14px}}
.tutorial-layer.dock-strip .tutorial-modes{grid-column:1;margin:0}
@media(max-width:550px),(max-height:520px){.tutorial-card .tutorial-modes-note{display:none}}