.space-exit{position:fixed;left:1rem;bottom:1rem;z-index:32;text-decoration:none;font-size:.8rem!important;padding:.65rem 1rem!important}
body:not([data-mode="title"]):not([data-mode="party"]) .space-exit{display:none}
.btn:focus-visible,.viewBtn:focus-visible,#bodyPicker:focus-visible{outline:3px solid #ffdc82;outline-offset:4px}
#bodyPicker{position:fixed;left:1rem;top:4.5rem;z-index:21;max-width:185px;color:#fff;background:#211c39;border:1px solid #b4a6eb;border-radius:14px;padding:10px;font:inherit;font-size:12px;touch-action:manipulation}
#bodyPicker[hidden]{display:none}
@media(max-width:600px){#title{gap:.85rem;padding:1rem 1rem 4rem}#title h1{font-size:2rem;letter-spacing:.12em}#title .note{margin-top:.2rem;font-size:.68rem}#title .btn{padding:.8rem 1rem;font-size:.92rem}#bodyPicker{top:4.1rem;left:.55rem;max-width:150px;font-size:11px;padding:8px}#topbar{padding:.5rem;gap:.4rem}#topbar .right{gap:.25rem}#topbar .btn{padding:.55rem .65rem}#counterChip{padding:.4rem .5rem}#panel{max-height:43dvh;overflow:auto;touch-action:pan-y}#panel h2{font-size:1.25rem;letter-spacing:.12em}#panel .fact{font-size:.88rem}#panel .factRow{gap:.3rem}#panel .btn{padding:.65rem}#dragTip{top:4.6rem;max-width:90vw;text-align:center;font-size:.65rem}#quizbar{top:7rem!important;width:92vw!important}#zoomui{bottom:1rem;right:.6rem}#hint{display:none!important}}
@media(prefers-reduced-motion:reduce){#grain,#title .rocket,#titleStars span,.rring{animation:none!important}.btn{transition:none!important}}
#bodyPicker{top:auto;bottom:5rem}
#orbitCaption{display:none!important}
@media(max-width:600px){#bodyPicker{top:auto;bottom:5rem}}
@media(max-width:600px){
 #viewControls{left:.6rem!important;right:.6rem!important;top:auto!important;bottom:8.5rem!important;transform:none!important;width:auto!important;display:flex;padding:.25rem!important}
 #viewControls.hidden{display:none!important}
 #viewControls .viewBtn{flex:1;min-width:0;padding:.55rem .25rem!important;font-size:.54rem!important;white-space:nowrap}
 #bodyPicker{bottom:4.6rem;max-width:200px}
 #zoomui{flex-direction:row;bottom:.65rem}
 #panel{bottom:0;padding:.7rem 1rem 4.3rem;max-height:40dvh}
 body[data-mode="detail"] #zoomui{bottom:.5rem}
 body[data-mode="detail"] #starBank{bottom:.5rem}
}
@media(max-height:500px){
 #title{gap:.4rem;padding:.8rem 1rem 3rem}#title::before{margin:0!important;font-size:.55rem!important}#title .rocket{display:none}#title h1{font-size:2.1rem!important;line-height:1.1}#title p.sub{font-size:.8rem;max-width:35rem}#title .btn{padding:.6rem 1rem;font-size:.8rem}#title .note{font-size:.55rem;margin:0}
 #baviGuide{display:none!important}#bodyPicker{bottom:4.5rem}#panel{max-height:35dvh;overflow:auto;touch-action:pan-y;padding:.5rem 1rem}#panel h2{font-size:1.1rem}#panel .fact{font-size:.8rem;min-height:2em}#panel .dots{margin-top:.2rem}#dragTip{top:4.5rem;font-size:.65rem}
}
.bkCell{font-family:inherit;color:inherit;cursor:pointer}.bkCell:focus-visible{outline:3px solid #ffdc82;outline-offset:3px}
@media(max-width:600px){
 body[data-mode="detail"] #baviGuide{display:none!important}
 #zoomui{z-index:22}
 #pop{padding:12px}
 #popCard{width:100%;height:min(740px,94dvh);aspect-ratio:auto;border:1px solid #57daff;border-radius:28px;background:radial-gradient(ellipse at 50% 35%,#113c68,#050e25 65%);overflow:hidden}
 #popCard::before{display:none}#popCard::after{left:45%;width:55%;height:25%;bottom:0}
 #popImgWrap{left:8%;top:12%;width:84%;height:auto;aspect-ratio:1;animation:none;border:3px solid #69ddff;border-radius:22px;box-shadow:0 0 0 6px #142b57,0 0 32px #2186b666}
 #popImg{inset:5px;border-radius:16px}#popImg img{object-fit:contain;border-radius:16px}
 #popClose{right:14px;top:12px;width:44px;height:44px;font-size:22px}
 #popProgress{top:25px;left:40%;padding:5px 8px}
 #popPrev,#popNext{top:50%;width:44px;height:44px;color:white;background:#092545;border:1px solid #6be6ff;font-size:22px;animation:none}
 #popPrev{left:-16px}#popNext{right:-16px}
 #popSpeech{left:6%;top:auto;bottom:4%;width:62%;height:30%;padding:12px;transform:none;overflow:auto;border:1px solid #58d8ff;border-radius:18px;background:#071b38;touch-action:pan-y}
 #popSpeech #popTitle{font-size:17px;white-space:normal;margin-bottom:8px}
 #popSpeech #popText{font-size:14px;line-height:1.5;text-transform:none;display:block;overflow:visible;-webkit-line-clamp:unset}
 #popBaviDock{display:block!important;position:absolute;left:auto;right:-2%;bottom:1%;width:37%;height:32%;margin:0;pointer-events:none;background:none;border:0;box-shadow:none}
 #popBaviPoint{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 15px #64dbff55)}
}
/* Keep illustrated hit areas still; light and particle effects remain animated. */
#popImgWrap{animation:none;transform:rotate(-1.05deg)}
@media(max-width:600px){#popImgWrap{transform:none}#popBaviDock{position:absolute!important;bottom:1%!important;right:-2%!important}#popBaviPoint{bottom:0;right:0}}
@media(min-width:601px) and (max-width:1000px) and (min-height:501px){#viewControls{left:auto;right:1rem;transform:none}}
@media(max-height:500px){#hint{display:none!important}}
#factReplay{position:absolute;right:1rem;top:.8rem;width:42px;height:42px;padding:0;z-index:4}
#cardReplay{position:absolute;left:3%;top:3%;width:44px;height:44px;padding:0;z-index:5}
@media(max-width:600px){#factReplay{top:.5rem;right:.65rem;width:38px;height:38px}#cardReplay{top:12px;left:14px}}