*{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;overflow:hidden}body{display:grid;grid-template-rows:minmax(0,1fr) auto auto;background:#101715}#stage{position:relative;inset:auto;min-height:0;overflow:hidden}canvas{max-width:100%;touch-action:manipulation}#reader{padding:12px max(18px,calc((100% - 1000px)/2));background:#17211e;border-top:1px solid #344b3f;min-height:82px;max-height:150px;overflow-y:auto;font:16px/1.6 system-ui,sans-serif;color:#faf5df}#reader strong{color:#ffc45a;display:block;font-size:12px;letter-spacing:.06em}#bar{position:static;inset:auto;height:auto;min-height:60px;padding:8px 12px;flex-wrap:wrap;gap:6px;background:#111b17;border-color:#344b3f}#bar button{min-height:44px;font:14px system-ui,sans-serif;border-color:#4b6153;background:#1c2b24;padding:8px 12px}#bar button:focus-visible,#menu button:focus-visible,canvas:focus-visible{outline:3px solid #65e2b2;outline-offset:2px}#bar .lbl{font:12px system-ui,sans-serif}#bTest{display:none}body.debug #bTest{display:block}#menu{padding:16px;background:rgba(10,18,15,.97)}#menu .box{box-sizing:border-box;width:590px;max-width:100%;max-height:100%;overflow:auto;padding:24px;background:#16231c;border-color:#435443}#menu h1{font:700 23px/1.2 system-ui,sans-serif;letter-spacing:0;color:#fff0c9}#menu .sub{font:13px/1.6 system-ui,sans-serif;margin:8px 0 18px;color:#c5c7b2}#menu ol{max-height:58vh}#menu li{padding:0;margin:3px 0;display:block}#menu li.on{outline:none}#menu li button{width:100%;min-height:44px;text-align:left;border:1px solid transparent;background:transparent;color:#eee5cc;font:15px system-ui,sans-serif;padding:10px;cursor:pointer;display:flex;gap:12px;border-radius:5px}#menu li button:hover,#menu li.on button{background:#26392a;border-color:#5f795b}#menu .n{color:#a7bd9d}#resume{background:#ffd46c;border:0;padding:12px 16px;min-height:44px;border-radius:5px;font:600 15px system-ui,sans-serif;margin-bottom:14px;cursor:pointer;width:100%;text-align:left}body.chromeless{display:block}body.chromeless #stage{position:fixed;inset:0}body.chromeless #reader{display:none}#report{max-width:95vw}.back-link{color:#c5c7b2;font:13px system-ui,sans-serif;display:inline-block;margin-top:16px}@media(max-width:700px){#reader{font-size:17px;min-height:120px;max-height:190px;padding:12px 16px}#bar .lbl{order:-1;width:100%;font-size:11px}#prog{display:none}#bar button{flex:1;padding:8px 4px;min-width:40px}#menu h1{font-size:21px}#menu .box{padding:18px}#menu ol{max-height:55vh}}@media(max-height:480px){#reader{min-height:60px;max-height:90px;font-size:15px;padding:6px 16px}#bar{min-height:52px;padding:4px 10px}#bar .lbl{width:auto;order:0}#menu ol{max-height:45vh}}

/* Each line has one visible location: scene on wide screens, reader on small screens. */
#reader{display:none}#reader[hidden]{display:none!important}@media(max-width:700px),(max-height:480px){#reader:not([hidden]){display:block}}

/* Fit complete text pages; tapping and the visible button share one action. */
@media(max-width:700px),(max-height:480px){
 #reader:not([hidden]){display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;height:clamp(190px,38dvh,330px);min-height:0;max-height:none;overflow:hidden;padding:12px 16px;font:17px/1.45 system-ui,sans-serif}
 #reader strong{font:700 13px/1.3 system-ui,sans-serif;min-width:0}
 #readerText{display:block;min-height:0;overflow:hidden;overflow-wrap:anywhere;touch-action:pan-y}
 #readerNav{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}
 #readerPage{font:12px/1.3 system-ui,sans-serif;color:#afbea8}
 #readerNext{border:1px solid #ffcf76;border-radius:5px;background:#ffcf76;color:#19251a;font:600 14px/1.2 system-ui,sans-serif;padding:10px 12px;min-height:44px;white-space:nowrap;touch-action:manipulation}
 #readerNext:focus-visible{outline:3px solid #65e2b2;outline-offset:2px}
 #bar #bPlay{font-size:12px;white-space:nowrap}
}
@media(max-height:480px){#reader:not([hidden]){height:clamp(122px,40dvh,190px);padding:8px 16px;gap:5px;font-size:16px}}
#voiceStatus{font:11px/1.2 system-ui,sans-serif;color:#b9c7b5;max-width:175px}#bSound[aria-pressed=true]{border-color:#ffd46c;color:#ffd46c}
@media(max-width:700px){#voiceStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#bar #bReplay{display:none}#bar #bMenu{font-size:17px;flex:1}#bar .menu-word{display:none}#bar #bFull{position:fixed;z-index:5;top:10px;right:10px;width:44px;height:44px;min-width:44px;flex:none;background:#101b16d9;border-radius:7px}}
body.voice-error #voiceStatus{position:static;width:100%;height:auto;max-width:none;overflow:visible;clip-path:none;color:#ffd46c}