#listening-card[hidden],#flight-nav[hidden],#nav-places[hidden],#cancel-flight[hidden]{display:none!important}
#listening-card{position:absolute;left:19%;right:15%;bottom:17%;height:clamp(150px,30vh,270px);display:grid;grid-template-columns:28% 72%;border:1px solid #d6bd84a6;border-radius:8px;box-shadow:0 9px 30px #10191770;z-index:3;overflow:hidden;pointer-events:none}
#speaker-portrait{background:transparent;border-right:1px solid #d6bd8470;box-shadow:inset 0 0 24px #151b2255;position:relative}
#speaker-portrait:after{content:'此刻 · 倾诉';position:absolute;bottom:7%;left:8%;font-size:clamp(10px,1vw,14px);letter-spacing:.22em;color:#fae3b1;text-shadow:0 1px 5px #000}
.speech-copy{padding:clamp(12px,1.5vw,24px);background:linear-gradient(115deg,#25322ff5,#151e25f7);display:flex;flex-direction:column;min-width:0}
.speech-copy small{font-size:clamp(10px,.85vw,14px);color:#b7bfae;letter-spacing:.12em}
.speech-copy h2{font-size:clamp(16px,1.6vw,24px);color:#e9d09a;margin:.25em 0;font-weight:normal;letter-spacing:.13em}
.speech-copy p{font-size:clamp(16px,1.7vw,27px);line-height:1.55;margin:.2em 0;flex:1;color:#fff2d6;overflow:auto;pointer-events:auto}
.speech-copy footer{display:flex;justify-content:space-between;align-items:center;gap:.7em;color:#bcb9a6;font-size:clamp(10px,.85vw,14px)}
.speech-copy footer button{pointer-events:auto;min-height:2.8em;padding:.4em .8em;background:#6e5b3755;border-color:#e6c78d55}
#overlay{z-index:10}#controls{z-index:4}#hud{z-index:4}#toast{z-index:5}.listening #toast{bottom:49%}.listening #hint{top:16%;font-size:clamp(10px,1vw,14px)}
#flight-nav{position:absolute;left:3%;top:17%;z-index:5;font-size:clamp(11px,1vw,16px);max-width:34%;}
#nav-toggle{background:#263630c9;border-color:#c8b58070;padding:.7em 1em;min-height:44px}
#nav-places{margin-top:.5em;padding:.6em;background:#1e2926ed;border:1px solid #bda77570;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:.4em;box-shadow:0 10px 35px #0006}
#nav-places button{text-align:left;min-height:44px;padding:.6em .7em}#nav-places small{display:block;opacity:.6;margin-bottom:.3em;font-size:.8em}#nav-places p{grid-column:1/-1;font-size:.8em;line-height:1.7;opacity:.65;margin:.3em}#cancel-flight{display:block;margin-top:.5em;background:#39473bd9;min-height:44px}
.cinematic #listening-card,.cinematic #flight-nav{display:none!important}
@media(max-height:450px){#listening-card{left:18%;right:15%;bottom:19%;height:42vh}.speech-copy{padding:10px}.speech-copy p{font-size:16px;line-height:1.45}.speech-copy h2{font-size:16px;margin:.1em 0}.speech-copy footer{font-size:10px}.speech-copy small{font-size:10px}#flight-nav{top:18%}#nav-places{gap:.2em}#nav-places button{padding:.3em .5em}#nav-places p{display:none}.listening #toast{bottom:65%}}
