.companion{right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;pointer-events:none;width:270px;max-width:calc(100vw - 32px);font-family:var(--font-geist),sans-serif;flex-direction:column;align-items:flex-end;display:flex;position:fixed}.companion button,.companion a{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.companion-character{filter:drop-shadow(0 5px 4px #0002);background:0 0;border:0;place-items:center;width:144px;height:146px;padding:0;display:grid}.companion-sprite{width:144px;height:156px;image-rendering:pixelated;background-image:url(/images/companion/codex-spritesheet.webp);background-position:0 0;background-repeat:no-repeat;background-size:800% 1100%;display:block}.companion-toolbar{color:#f5f6f5;background:linear-gradient(#373938,#292b2a);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:2px 6px;display:flex;box-shadow:inset 0 1px 1px #ffffff15,0 6px 22px #0002}.companion-toolbar button{width:42px;height:40px;color:inherit;background:0 0;border:0;border-radius:20px;place-items:center;transition:background .15s;display:grid}.companion-toolbar button:hover{background:#ffffff14}.companion-toolbar button[aria-pressed=true]{color:#a1b8ff}.companion-toolbar button+button{position:relative}.companion-toolbar button+button:before{content:"";background:#ffffff16;width:1px;height:20px;position:absolute;top:10px;left:0}.companion-toolbar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.companion-note{color:#f6f7f6;pointer-events:auto;background:linear-gradient(135deg,#343736,#242625);border:1px solid #ffffff20;border-radius:20px;width:100%;margin-top:12px;padding:15px 18px;box-shadow:0 10px 32px #0003,inset 0 1px #ffffff0a}.companion-label{color:#b8bfba;letter-spacing:.05em;align-items:center;gap:7px;font-size:10px;display:flex}.companion-label>span{background:#7bcc98;border-radius:50%;width:6px;height:6px}.companion-note p{letter-spacing:-.015em;margin:8px 0 10px;font-size:16px;font-weight:600;line-height:1.4}.companion-note a{color:#aabcff;align-items:center;gap:8px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.companion-note a:hover{text-underline-offset:3px;text-decoration:underline}:is(.companion button:focus-visible,.companion a:focus-visible){outline-offset:4px;outline:2px solid #8ba3ff}.companion-restore{background:#2c302f;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 5px 20px #0002}.companion-restore .companion-sprite{width:48px;height:52px}@media (max-width:640px){.companion{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:228px}.companion-character{width:108px;height:108px}.companion-sprite{width:108px;height:117px}.companion-toolbar{padding:0 4px}.companion-toolbar button{width:38px;height:38px}.companion-note{border-radius:16px;margin-top:8px;padding:12px 14px}.companion-note p{margin:7px 0;font-size:14px}.companion-note a{font-size:11px}}@media (prefers-reduced-motion:reduce){.companion *{transition:none!important}}