/* Keep interaction buttons clear of the foreground conversation. */
#toast{transition:none}
#altitude button{touch-action:none;user-select:none;min-width:44px;min-height:44px}#flightheight{text-align:center;font-size:11px;text-shadow:0 1px 3px #111;pointer-events:none}
#actions{flex-direction:row;right:2.5%;bottom:3.5%;width:30%;min-width:0;gap:.4em;font-size:clamp(11px,.98vw,16px)}#actions button{flex:1;padding:.65em .3em;white-space:nowrap;min-height:3.2em}#altitude{right:3%;bottom:16%}#subtitle{bottom:14%;left:21%;right:21%}#hint{top:15%;left:66%;font-size:clamp(10px,.9vw,14px)}.notebook .route{margin-top:.3em}.notebook .muted{margin:.6em 0}.notebook .bookgrid{gap:2.5vw}.notebook .card{padding:.4em 0}.notebook .notes{max-height:33vh}.notebook .bookhead{margin-bottom:.6em}.notebook .merge{font-size:.82em}.notebook .buttonrow{margin-top:.6em}.notebook .buttonrow button{font-size:.85em}.notebook .card p{margin:.3em 0}.notebook .card b{font-size:1.1em}@media(max-height:520px){#actions{width:30%}.notebook{padding:1.3em}.notebook .notes{max-height:30vh}.notebook .bookhead h2{font-size:18px;margin-bottom:.3em}.notebook .route{gap:.3em}.notebook .route button{padding:.4em .5em}#subtitle{bottom:16%}.notebook .card{padding:.25em 0}#altitude button{height:2.7em;width:2.7em}}