.finish-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:11px;color:var(--muted)}
#chapter-progress{display:flex;gap:4px;font-size:10px;letter-spacing:1px}#chapter-progress span{flex:1;text-align:center;border:1px solid #ccdbc34a;background:#17343bdc;border-radius:4px;padding:5px;color:#a4b9b6}#chapter-progress .active{color:#ffe6a1;border-color:#ffe6a1}#chapter-progress .complete{color:#b8f5ca;background:#265249}#chapter-label{display:block;font-size:9px;color:var(--muted);margin-bottom:3px}#enemy-name{font-size:12px;font-weight:600}.enemy-card #spell{font-size:9px}#chapter-rest{font-size:11px;line-height:1.8;color:var(--gold);padding:9px 11px;background:#234a4e;border-radius:5px}.practicing #chapter-progress{display:none}
.audio-settings{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.audio-settings label{white-space:nowrap}.audio-settings output{display:inline-block;min-width:30px;color:var(--white)}.audio-settings input{width:100%;min-width:45px;accent-color:var(--pink);cursor:pointer}.audio-settings button{flex:none;min-height:36px;padding:6px 10px;color:var(--white);background:#294c50;border:1px solid #a3d7c6;border-radius:5px;cursor:pointer}#sound-status{font-size:10px;line-height:1.5;color:var(--muted);margin:5px 0 13px;min-height:15px}
.finish-options label{display:flex;align-items:center;gap:7px;min-height:32px;white-space:nowrap}.finish-options input{accent-color:var(--pink);width:17px;height:17px}
#record-summary{text-align:right;font-size:10px;line-height:1.6}.menu-card>.secondary{margin-top:8px}
.story-card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr);width:min(830px,100%);background:#193139f5;border:1px solid #d9c7ab70;border-radius:16px;overflow:hidden;box-shadow:0 22px 80px #071b2960}
.story-card>img{width:100%;height:100%;max-height:550px;object-fit:cover;object-position:50% 40%;background:#aabdb6}.story-body{padding:32px}.story-body h2{font-size:27px;line-height:1.4;margin:0 0 20px}
#story-speaker{font-size:13px;font-weight:bold;color:var(--pink);margin:0 0 10px}#story-text{min-height:115px;font-size:15px;line-height:2.1;margin:0}#story-page{font:11px Consolas,monospace;color:var(--muted);text-align:right;margin:14px 0}
#countdown{position:absolute;inset:0;display:grid;place-content:center;text-align:center;z-index:9;pointer-events:none;background:#16313a44;text-shadow:0 2px 16px #132b32}
#countdown>span{font-size:16px;letter-spacing:3px}#countdown>strong{font:110px Georgia,serif;color:var(--gold);line-height:1.4}#countdown>p{font-size:12px}
#practice-panel{padding:10px 12px;border:1px solid #b7e4dba0;border-radius:7px;background:#17343bef;pointer-events:auto;font-size:11px;line-height:1.6}
.practicing #hud-player,.practicing #hud-messages,.practicing .score-card,.practicing #flight-readout{display:none}.practicing #hud-sidebar{gap:0}
#practice-panel strong{display:flex;justify-content:space-between;color:#b9f0df}#practice-panel p{margin:8px 0;color:var(--white)}#practice-panel small{display:block;font-size:10px;color:var(--muted)}#practice-panel button{margin-top:9px;width:100%;border:1px solid #a3d7c6;background:#294c50;color:var(--white);border-radius:4px;font-size:11px;padding:7px}
.result-body{position:relative}.result-rank{float:right;min-width:56px;text-align:center;font:42px Georgia,serif;color:var(--gold);border:1px solid #d9c58b70;border-radius:10px;padding:4px 8px;margin:0 0 12px 12px}
#result-medals{color:var(--gold);font-weight:bold}#result-record-note{font-size:10px;color:var(--muted)}.credits{font-size:10px;line-height:1.7;color:var(--muted);margin-top:15px}.credits summary{cursor:pointer;min-height:32px;padding:6px 0}.credits p{margin:4px 0}
.result-body .results{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px}.result-body .results b{font-size:20px}.result-body .results span{font-size:9px}
.pause-controls{border-block:1px solid #b9d3c233;padding:12px 0}.story-card{margin:auto}#story .eyebrow{margin-bottom:12px}
@media(max-width:800px){.story-card{grid-template-columns:1fr;max-width:430px}.story-card>img{height:170px;object-position:50% 27%}.story-body{padding:20px}.story-body h2{font-size:23px;margin-bottom:14px}#story-text{font-size:13px;min-height:90px}.finish-options{font-size:10px;gap:8px}.result-body .results b{font-size:17px}#practice-panel{padding:7px 8px;font-size:10px}#practice-panel small{font-size:9px}#practice-panel button{font-size:10px}}
@media(max-height:600px){#story .story-card{grid-template-columns:.65fr 1fr;max-width:760px}#story .story-card>img{height:100%;max-height:none;object-fit:cover}.story-body{padding:16px 22px}.story-body h2{font-size:21px;margin-bottom:10px}#story-text{font-size:12px;line-height:1.8;min-height:65px}#story .eyebrow{margin-bottom:6px}#story-page{margin:7px 0}#story .text-button{min-height:32px}#countdown>strong{font-size:72px}.result-body .results{gap:7px}.result-rank{font-size:30px;min-width:44px}.finish-options{margin-bottom:6px}}
@media(max-width:420px) and (max-height:600px){#story .story-card{grid-template-columns:1fr}#story .story-card>img{display:none}.story-body{padding:18px}}
@media(max-height:500px){#practice-panel{padding:5px 7px}#practice-panel small{display:none}#practice-panel p{margin:4px 0}#practice-panel button{margin-top:4px;font-size:9px;padding:4px}.finish-options label{min-height:28px}.credits{margin-top:8px}}