#transcript{max-width:850px}.line.active{background:#ff545415;outline:1px solid #ff545466;outline-offset:6px}.character{padding-left:18px;border-left:2px solid var(--gold)}
#tapDialog[open]{grid-template-rows:auto auto minmax(0,1fr) auto}#accessibleChoices{position:absolute}#tapSurface{font-size:clamp(1.2rem,3vw,1.8rem)}#tapStatus{max-height:4.5em;overflow:hidden}#startStatus{color:var(--gold)}
body.adventure-active dialog:not(#tapDialog){overflow:auto}#rateValue{font:inherit}#tapDialog #floatingPlayback,#tapDialog #floatingBottom{z-index:1100}

/* YH8ME GAMEZ official adventure layout. */
header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px 16px}header .brand{grid-column:1/-1;display:block;width:100%;text-align:center;font-size:clamp(1.35rem,5.5vw,3rem);line-height:1.2;letter-spacing:.08em;overflow-wrap:anywhere}header .header-subtitle{margin:0;font-size:clamp(.65rem,2.1vw,.85rem);line-height:1.5;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}header #settingsOpen{justify-self:end;min-height:56px;max-width:100%;text-align:right;font-size:clamp(.75rem,2.2vw,1rem);padding:10px 8px;white-space:normal}footer{flex-direction:column;align-items:center;text-align:center}.publisher{font-size:.8rem}.publisher strong{display:block;letter-spacing:.12em;color:var(--text)}.instructions-transport{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;position:sticky;top:0;background:var(--surface);z-index:2;padding:8px 0}.instructions-transport button{flex:1;min-width:130px;min-height:56px;margin:0;text-align:center}#settings #floatingPlayback,#settings #floatingBottom{display:none!important}#settings[open]{padding:30px;scroll-padding-top:100px}

#homeTapSurface,#restartTapSurface{width:100%;min-height:42dvh;font-size:clamp(1.25rem,4vw,2rem);touch-action:none;user-select:none;-webkit-user-select:none;}

/* Outside gameplay, the tap pad fills the available screen just like choices. */
:root{--home-header-height:150px;--home-footer-height:70px}
html.home-viewport-locked{overflow:hidden;overscroll-behavior:none}
body.home-tap-active{height:100dvh;overflow:hidden;overscroll-behavior:none}
body.home-tap-active>header{position:fixed;inset:0 0 auto;z-index:1001;width:100%;max-width:none;background:var(--bg);padding:12px 16px;gap:4px 12px}
body.home-tap-active>footer{position:fixed;inset:auto 0 0;z-index:1001;width:100%;max-width:none;background:var(--bg);padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
body.home-tap-active #homeTapMenu{position:fixed;inset:var(--home-header-height) 0 var(--home-footer-height);z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:16px;background:var(--bg);overflow:hidden;overscroll-behavior:none}
#homeTapStatus,#restartTapStatus{margin:0;line-height:1.35;font-size:1rem;overflow-wrap:anywhere}
body.home-tap-active #homeTapSurface,#restartDialog #restartTapSurface{display:block;width:100%;height:100%;min-height:0;min-width:0;margin:0;background:var(--surface);border:2px solid var(--gold);text-align:center;font-size:clamp(1.25rem,4vw,2rem);line-height:1.5;touch-action:none;-webkit-touch-callout:none;overflow-wrap:anywhere}
#homeTapSurface:disabled,#restartTapSurface:disabled{opacity:1}
#restartDialog[open]{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;border:0;border-radius:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow:hidden;overscroll-behavior:none}
#restartDialog h2,#restartDescription{margin:0;line-height:1.35}
.restart-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.restart-actions button{width:100%;margin:0;min-height:56px;line-height:1.35;padding:10px;text-align:center}
body.adventure-active #restartDialog[open]{margin:0;max-height:none;padding-top:calc(var(--playback-bar-height) + 8px);padding-bottom:calc(var(--bottom-bar-height) + 8px)}
@media(max-height:480px){body.home-tap-active>header{padding:4px 12px;gap:2px 8px}body.home-tap-active>header .brand{font-size:1.2rem}body.home-tap-active>header #settingsOpen{min-height:40px;padding:4px}body.home-tap-active>footer{padding:4px 12px}body.home-tap-active #homeTapMenu,#restartDialog[open]{gap:6px;padding:8px}#homeTapStatus,#restartTapStatus,#restartDescription{font-size:.85rem}#restartDialog h2{font-size:1.15rem}.restart-actions button{min-height:48px;font-size:.9rem}}