:root{color-scheme:dark;--bg:#060b19;--text:#f1f4ff;--muted:#a5b5d3;--line:rgba(116,154,236,.17);font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text)}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
button:focus-visible,[tabindex]:focus-visible{outline:2px solid #c6dcff;outline-offset:5px}
[hidden]{display:none!important}
.universe{position:relative;height:100vh;height:100dvh;min-height:500px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 47% 48%,#10234a66,transparent 53%),linear-gradient(135deg,#0b1025,#050914 70%,#0b1c28)}
header{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:10}
.spaceship{border:0;background:transparent;display:flex;align-items:center;padding:0}

.ship-art{display:block;position:relative;width:clamp(156px,18.2vmin,221px);aspect-ratio:1}
.ship-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;transition:opacity .2s}
.ship-on{opacity:0}
.spaceship[aria-pressed=true] .ship-off{opacity:0}
.spaceship[aria-pressed=true] .ship-on{opacity:1}
.panel{background:linear-gradient(140deg,#182541f5,#0b1326fa);border:1px solid #829dd640;border-radius:16px;box-shadow:0 14px 55px #0006;color:#e2eafb;font-size:14px;line-height:1.6;backdrop-filter:blur(16px)}
.panel p{margin:0 0 14px}
.panel button{border:1px solid #8da9e147;background:#719cf51c;border-radius:7px;padding:8px 12px;font-size:12px;min-height:36px}
.panel button:hover{background:#719cf538}
.navigator{--lito-size:clamp(143px,19.5vmin,214.5px);position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:20;pointer-events:none}
.astronaut{display:block;border:0;background:transparent;padding:0;width:var(--lito-size);pointer-events:auto;filter:drop-shadow(0 0 20px #6a9cff35)}
.astronaut img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;transform:scaleX(-1)}
.conversation{position:absolute;right:0;bottom:calc(100% + 8px);width:min(360px,calc(100vw - 28px));max-height:max(80px,calc(100dvh - var(--lito-size) - 40px));overflow:auto;overscroll-behavior:contain;padding:18px;pointer-events:auto}
.actions{display:flex;gap:8px;flex-wrap:wrap}
.actions button:first-child{background:#507fcd4d}
@media(max-width:600px){.ship-art{width:clamp(104px,29vw,114.4px)}.conversation{font-size:12px;padding:14px}.navigator{--lito-size:clamp(112px,34vw,130px)}}
@media(max-height:500px) and (min-width:601px){.ship-art{width:93.6px}.navigator{--lito-size:111.8px}.conversation{font-size:12px;max-height:max(80px,calc(100dvh - var(--lito-size) - 30px))}}
/* A fixed guide card never participates in the planetary layout. */
.conversation{border-color:#7dacf65c;box-shadow:0 12px 44px #0006,0 0 20px #437bd314;color:#f3f6ff;width:min(370px,calc(100vw - 28px))}
.conversation-title{margin:0 0 10px;font-size:14px;letter-spacing:.035em;color:#b7d3ff;line-height:1.4}
.conversation-question{display:block;margin-top:14px;font-weight:600;color:#edf4ff}
.conversation .actions button{min-height:44px;padding:9px 12px;line-height:1.4}
.conversation .actions button:focus-visible{outline-color:#b9dbff}
.core-artwork.guide-selected{filter:brightness(1.12) drop-shadow(0 0 25px #4a8dff80)}
@media(max-width:600px){.conversation{font-size:13px;line-height:1.6;padding:15px}.conversation-title{font-size:14px}.conversation .actions{gap:8px}.conversation .actions button{font-size:12px}}