.companion{position:fixed;z-index:20;right:max(18px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:204px;pointer-events:none;isolation:isolate}
.companion-panel{position:relative;pointer-events:none}.companion-stage{position:relative;height:248px;width:204px;filter:drop-shadow(0 9px 6px #263d3520);pointer-events:auto}.companion-stage canvas,.companion-poster{display:block;width:100%;height:100%;object-fit:contain}.companion-greet{position:absolute;inset:0;background:transparent;border-radius:40%;cursor:pointer;padding:0;touch-action:manipulation}.companion-greet:focus-visible{outline:2px dashed var(--green);outline-offset:0}.companion-speech{position:relative;margin:0 3px 10px 0;padding:12px 15px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px 14px 3px 14px;box-shadow:0 8px 26px #263d3510;font-size:11px;line-height:1.8;pointer-events:auto;transition:opacity .3s,transform .3s;transform-origin:right bottom}.companion-speech::after{content:"";position:absolute;bottom:-5px;right:31px;width:8px;height:8px;background:var(--surface);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.companion-speech[data-quiet=true]{opacity:0;transform:translateY(4px);pointer-events:none}.companion-tools{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:-3px;pointer-events:none}.companion-tools>span{background:var(--surface);border:1px solid var(--line);padding:3px 9px;border-radius:20px;font-size:9px;color:var(--muted);box-shadow:0 3px 10px #263d3509}.companion-tools button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);pointer-events:auto;transition:color .2s,transform .2s}.companion-tools button:hover{color:var(--ink);transform:translateY(-2px)}.companion-tools .icon{width:17px;height:17px;stroke-width:1.4}.companion-launcher{position:relative;display:block;margin-left:auto;width:62px;height:62px;border:1px solid var(--line);border-radius:50%;padding:3px;background:var(--surface);box-shadow:0 5px 22px #263d3518;pointer-events:auto;transition:transform .25s;touch-action:manipulation}.companion-launcher:hover{transform:translateY(-4px)}.companion-launcher img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}.companion-launcher-dot{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;display:grid;place-items:center;background:var(--ink);color:var(--paper);border:2px solid var(--surface);border-radius:50%;font-size:10px}.companion[data-open=false]{width:62px}
@media(max-width:850px),(max-height:620px){.companion{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));width:184px}.companion-stage{height:220px;width:184px}.companion-speech{font-size:10px;padding:11px 13px}.companion-launcher{width:58px;height:58px}.companion[data-open=false]{width:58px}.companion-tools button{width:34px;height:34px}}
@media(max-height:480px){.companion-stage{height:155px}.companion-speech{margin-bottom:4px;padding:8px 12px}}