/* Cage and vent layout; for Natalie and the Tornado writer. */
.lair{background:#292630}.lair header{flex-wrap:wrap}.lair header>a:last-child{font-size:13px}.lair .controls{gap:12px}.lair button{min-height:48px;min-width:48px}.lair #lair-status{font:13px system-ui;color:#fff0d4}.lair #lair-action{max-width:100%;white-space:normal}.lair .views{background:#99929e}.lair #lair-scene{display:block;width:100%;height:min(60vh,560px);min-height:260px;outline-offset:-4px}.lair .note{max-width:85ch}.lair :disabled{opacity:.6}.lair .error{margin-top:16px}.lair canvas:focus-visible{outline:3px solid #f4c46a}.lair-pad{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.lair-pad button{touch-action:none;user-select:none;background:#e2d4b8;color:#242330;border:0;border-radius:8px;padding:10px 16px;font:600 14px system-ui}.lair-pad button[aria-pressed=true]{background:#f4ba59}.lair dialog{max-width:min(420px,calc(100% - 32px));box-sizing:border-box;border:2px solid #896e43;border-radius:10px;background:#fff0c9;color:#332a27;padding:24px}.lair dialog::backdrop{background:#17131bc9}.lair dialog p{overflow-wrap:anywhere}.lair #lair-note-text{white-space:pre-wrap;font-size:22px;line-height:1.5}.lair dialog button{padding:10px 16px}
@media(max-width:650px){.lair #lair-scene{height:440px}}
.lair dialog p{color:#332a27}
@media(max-height:360px){.lair #lair-scene{height:200px;min-height:0}}

/* Keep the warning and its focused Close button readable on short screens. */
@media(max-height:360px){
 .lair #lair-note{padding:12px;max-height:calc(100dvh - 16px);overflow:auto}
 .lair #lair-note h2{font-size:18px;line-height:1.3;margin:0 0 8px}
 .lair #lair-note #lair-note-text{font-size:18px;line-height:1.4;margin:8px 0}
 .lair #lair-note button{min-height:44px;padding:8px 12px}
 .lair #lair-note p:last-child{font-size:13px;line-height:1.4;margin:8px 0 0}
}