/* Instructions are visible in the same place; round captions are not UI. */
body.rrdd-adventure.has-howto-guide #playScreen:not([hidden]){position:relative!important;box-sizing:border-box!important;padding-top:calc(var(--howto-height,110px) + 14px)!important;isolation:isolate}
.adventure-howto{position:absolute;top:4px;left:50%;translate:-50% 0;z-index:500;width:min(800px,94%);box-sizing:border-box;text-align:center;color:#204b4d;padding:6px 12px 10px;border-radius:18px;background:#fff9e9eb;box-shadow:0 3px 12px #5e694b12}
.howto-heading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;font:700 18px/1.2 'Trebuchet MS',sans-serif}
body.rrdd-adventure .adventure-howto .howto-hear{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:6px;border:1px solid #d6d3ba;border-radius:50%;background:#fffdf5;color:#347d88;box-shadow:0 3px 0 #b9bba1;cursor:pointer}
.howto-hear svg{width:28px;height:28px;pointer-events:none}.howto-hear:disabled{opacity:.6;cursor:default}.howto-hear:focus-visible{outline:3px solid #2e8ca0;outline-offset:3px}
.howto-sentence{margin:6px auto 0!important;font:700 clamp(17px,1.9vw,25px)/1.4 'Trebuchet MS',sans-serif!important;max-height:140px;overflow-y:auto;scrollbar-width:thin;color:#214b4a}
.howto-sentence>span{border-radius:5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.howto-sentence .howto-current{background:#ffda63;color:#173f48;box-shadow:0 2px 0 #c39e3c}
body.has-howto-guide #playScreen :is(#roundCount,#listen,#listenButton,#stageTitle,.mission-step,.scene-caption){display:none!important}
body.has-howto-guide #roundBoard>h2,body.has-howto-guide #roundBoard :is(.rocket-title,.ice-title,.bed-instruction,.sm-instruction,.theatre-title){display:none!important}
body.has-howto-guide #roundBoard#roundBoard>h2{display:block!important;visibility:hidden!important;height:0!important;min-height:0!important;line-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
body.has-howto-guide #playScreen .yarn-heading small{display:none!important}
body.has-howto-guide #playScreen .yarn-hear{display:none!important}
body.has-howto-guide #playScreen .round-intro{visibility:hidden!important;pointer-events:none!important}
body.has-howto-guide #playScreen .rocket-fuel-heading{display:none!important}
body.has-howto-guide #playScreen .play-top{display:none!important}
body.thread-adventure.has-howto-guide #playScreen:not([hidden]){grid-template-rows:minmax(0,1fr)!important}
body.thread-adventure.has-howto-guide #playScreen .game-grid{grid-row:1!important;height:100%!important;min-height:0!important}
body.has-howto-guide #playScreen :is(.float-instruction-bar,.garden-instruction-bar,.sea-instruction-bar,.night-instruction-bar){visibility:hidden!important;pointer-events:none!important}
@media(max-width:600px){.adventure-howto{width:98%;padding:5px 9px 8px}.howto-heading{font-size:16px;min-height:38px}.howto-sentence{font-size:17px!important;line-height:1.3!important;max-height:108px}body.rrdd-adventure .adventure-howto .howto-hear{width:38px;height:38px;min-height:38px}}
@media(max-height:500px) and (orientation:landscape){.howto-heading{min-height:34px;font-size:15px}.howto-sentence{font-size:16px!important;max-height:60px}body.rrdd-adventure .adventure-howto .howto-hear{width:34px;height:34px;min-height:34px}.adventure-howto{padding:3px 10px 6px}}
@media(prefers-reduced-motion:reduce){.adventure-howto *{transition:none!important;animation:none!important}}