.companion-panel{margin:-1px 10px 0;border:1px solid #244454;border-top:0;background:linear-gradient(180deg,#0c1d27,#091720);border-radius:0 0 20px 20px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;position:relative;z-index:5}.avatar-wrap{width:62px;height:62px;position:relative;transition:.3s}.avatar{width:100%;height:100%;filter:drop-shadow(0 8px 18px #0006)}.avatar-status{position:absolute;right:3px;bottom:5px;width:12px;height:12px;border-radius:50%;background:var(--green);border:2px solid #0b1c25}.companion-label{font-size:7px;color:#69c9ef;font-weight:900;letter-spacing:.13em}.companion-copy h1{margin:3px 0;font-size:17px;line-height:1.15}.companion-copy p{margin:0;color:#a8bdc8;font-size:10px;line-height:1.35}.speak-toggle{align-self:start;border:0;background:#112731;color:#8cb0bf;border-radius:999px;padding:5px 7px;font-size:7px}.companion-panel.urgent .avatar-wrap{transform:scale(1.12)}.companion-panel.urgent{border-color:#9d4b4f}.companion-panel.urgent .avatar-status{background:var(--red);box-shadow:0 0 14px var(--red)}
.mission-card{margin:9px 10px 0;border:1px solid #36596a;background:#0b1b25;border-radius:16px;padding:11px;position:relative;transition:.28s}.mission-card.hidden{display:none}.mission-kicker{font-size:7px;color:#67c8ee;font-weight:900;letter-spacing:.12em}.mission-main{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:4px}.mission-main strong{font-size:14px}.mission-main span{font-size:11px;color:#8fdcff}.mission-progress{height:5px;background:#142c37;border-radius:999px;margin:9px 0 6px;overflow:hidden}.mission-progress i{display:block;height:100%;width:10%;background:linear-gradient(90deg,#62d8ff,#49d58a);transition:width .7s ease}.mission-next{font-size:9px;color:#94aeba}.mission-change{position:absolute;right:10px;bottom:8px;border:0;background:transparent;color:#8ed0ea;font-size:8px}
.ask-panel{padding:10px}.ask-box{display:grid;grid-template-columns:auto 1fr auto;gap:7px;border:1px solid #315668;background:#091821;border-radius:16px;padding:6px;box-shadow:inset 0 1px 0 #ffffff08}.ask-box input{min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.ask-box input::placeholder{color:#87a5b3}.mic-btn{width:36px;height:36px;border-radius:50%;border:1px solid #3f7084;background:#102b37;color:#7bdcff;display:grid;place-items:center;padding:0}.mic-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.send-btn{border:0;background:#163b4c;color:#dff5ff;border-radius:11px;padding:0 11px;font-size:9px;font-weight:800}.primary-actions{display:grid;grid-template-columns:1fr .42fr;gap:8px;margin-top:8px}.return-home,.sos-main{height:48px;border-radius:15px;font-weight:900;letter-spacing:.03em}.return-home{border:1px solid #34687f;background:#0f2e3b;color:#dcf3ff}.return-home span{margin-right:6px}.sos-main{border:1px solid #9f4249;background:#441a20;color:#ffe0e2}.presence-bar{margin:0 10px 10px;width:calc(100% - 20px);height:36px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border:1px solid #234250;background:#08161f;color:#b7cbd4;border-radius:13px;padding:0 10px;font-size:9px;text-align:left}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 #66d3ff55;animation:presencePulse 2.3s infinite}@keyframes presencePulse{65%{box-shadow:0 0 0 8px #66d3ff00}}.presence-chevron{font-size:18px;color:#708b98}.bottom-nav{height:62px;padding:7px 10px calc(7px + var(--safe-bottom));position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,620px);z-index:31;background:#07131bf5;border-top:1px solid #1d3542;display:grid;grid-template-columns:repeat(4,1fr);backdrop-filter:blur(18px)}.bottom-nav button{border:0;background:transparent;color:#728c99;font-size:9px;border-radius:11px}.bottom-nav button.active{color:#dff4fc;background:#0e2733}