.pet-root{--hud-cyan:#67efff;position:fixed;z-index:1000;width:104px;height:146px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pet-action-grid button,.pet-mascot,.pet-minimize,.pet-primary-action,.pet-side-tab{font:inherit;border:0;cursor:pointer}.pet-mascot{touch-action:none;position:relative;width:104px;height:146px;display:grid;place-items:center;padding:0;background:transparent;color:var(--hud-cyan);cursor:grab}.pet-root.is-dragging .pet-mascot{cursor:grabbing}.holographic-mecha{width:104px;height:146px;overflow:visible;filter:drop-shadow(0 13px 20px rgba(0,10,20,.42));animation:mecha-float 3.8s ease-in-out infinite}.pet-root.is-dragging .holographic-mecha{animation-play-state:paused}.mecha-shadow{fill:rgba(0,8,16,.46);filter:blur(3px)}.mecha-projection-ring{fill:none;stroke:#52e8ff;stroke-width:1.4;opacity:.78;filter:drop-shadow(0 0 4px rgba(82,232,255,.9));transform-origin:80px 192px;animation:mecha-ring 2.6s ease-in-out infinite}.mecha-projection-ring ellipse:last-of-type{opacity:.42}.mecha-thruster-flame{fill:rgba(64,235,255,.58);filter:url(#mecha-soft-glow);transform-origin:center top;animation:mecha-thruster 1.25s ease-in-out infinite alternate}.mecha-scan-line,.mecha-visor-glow{fill:none;stroke:#b6fbff;stroke-width:1.6;stroke-linecap:round;filter:url(#mecha-glow)}.mecha-scan-line{stroke:#42e7ff;opacity:.84;animation:mecha-scan 2.1s ease-in-out infinite}.mecha-core-pulse{fill:none;stroke:#60efff;stroke-width:1.4;opacity:0;transform-origin:80px 147px}.holographic-mecha.is-active .mecha-core-pulse,.holographic-mecha.is-charged .mecha-core-pulse{animation:mecha-charge 1.4s ease-out infinite}.holographic-mecha.is-active .mecha-visor-glow{stroke:#f0ffff}.holographic-mecha.is-dragging .mecha-projection-ring,.holographic-mecha.is-dragging .mecha-scan-line,.holographic-mecha.is-dragging .mecha-thruster-flame{animation-play-state:paused}.pet-panel{position:absolute;z-index:1;top:-14px;width:294px;padding:14px;border:1px solid rgba(104,239,255,.62);border-radius:8px;background:linear-gradient(135deg,rgba(48,128,157,.16),transparent 44%),rgba(7,16,29,.94);box-shadow:0 22px 48px rgba(0,6,14,.5),inset 0 0 24px rgba(94,236,255,.06),0 0 0 1px rgba(0,4,10,.44);backdrop-filter:blur(15px);color:#eefbff;pointer-events:auto}.pet-side-right .pet-panel{right:112px}.pet-side-left .pet-panel{left:112px}.pet-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(109,235,255,.12);pointer-events:none}.pet-panel:after{content:"";position:absolute;top:56px;width:12px;height:12px;background:rgba(7,16,29,.94);border-top:1px solid rgba(104,239,255,.62);border-right:1px solid rgba(104,239,255,.62)}.pet-side-right .pet-panel:after{right:-7px;transform:rotate(45deg)}.pet-side-left .pet-panel:after{left:-7px;transform:rotate(225deg)}.pet-panel-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pet-eyebrow{margin:0 0 3px;color:#7fcedb;font-size:11px}.pet-eyebrow,.pet-panel h2{line-height:1.3;letter-spacing:0}.pet-panel h2{margin:0;color:#ecfeff;font-size:17px;font-weight:700}.pet-can-badge{flex:0 0 auto;min-width:64px;padding:5px 8px;border:1px solid rgba(113,238,255,.46);border-radius:5px;background:rgba(20,108,136,.22);color:#bffaff;font-size:12px;font-weight:700;text-align:center}.pet-status-line{position:relative;display:flex;gap:9px;align-items:flex-start;min-height:61px;margin:13px 0 10px;padding:10px;border:1px solid rgba(84,212,236,.22);background:rgba(8,40,57,.34);color:#c2eaf0}.pet-status-line svg{flex:0 0 auto;margin-top:2px;color:var(--hud-cyan)}.pet-status-line p{margin:0;font-size:13px;line-height:1.52}.pet-primary-action{position:relative;width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(116,243,255,.72);border-radius:5px;background:linear-gradient(135deg,#1b93bd,#0b4f76);color:#efffff;font-size:14px;font-weight:700;box-shadow:0 8px 20px rgba(4,105,144,.26);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.pet-primary-action:hover{transform:translateY(-1px);background:linear-gradient(135deg,#23a9d4,#0e628e);box-shadow:0 10px 22px rgba(52,224,255,.22)}.pet-reward-note{margin:7px 0 12px;color:#77afba;font-size:12px;text-align:center}.pet-action-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet-action-grid button{min-height:74px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:10px;border:1px solid rgba(94,210,231,.23);border-radius:5px;background:rgba(12,38,54,.62);color:#e9fcff;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.pet-action-grid button:hover{transform:translateY(-1px);border-color:rgba(108,240,255,.68);background:rgba(15,72,94,.68)}.pet-action-grid svg{color:#75f1ff}.pet-action-grid span{font-size:13px;font-weight:700}.pet-action-grid small{color:#8ec1cb;font-size:11px;line-height:1.35}.pet-minimize{position:relative;width:100%;min-height:33px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;border:1px solid rgba(100,205,223,.18);border-radius:5px;background:rgba(5,20,32,.58);color:#9fd9e3;font-size:13px;transition:color .18s ease,border-color .18s ease,background .18s ease}.pet-minimize:hover{border-color:rgba(104,239,255,.54);background:rgba(14,66,85,.56);color:#e7fdff}.pet-side-tab{position:fixed;z-index:1000;width:46px;height:54px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(93,235,255,.62);background:rgba(7,29,43,.96);color:#9cf5ff;box-shadow:0 10px 24px rgba(0,6,14,.4)}.pet-side-tab-left{left:0;border-left:0;border-radius:0 7px 7px 0}.pet-side-tab-right{right:0;border-right:0;border-radius:7px 0 0 7px}@keyframes mecha-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mecha-scan{0%,to{transform:translateY(-6px);opacity:.35}50%{transform:translateY(8px);opacity:1}}@keyframes mecha-ring{0%,to{transform:scaleX(.88);opacity:.4}50%{transform:scaleX(1.08);opacity:.9}}@keyframes mecha-charge{0%{transform:scale(.55);opacity:.72}to{transform:scale(1.75);opacity:0}}@keyframes mecha-thruster{0%{transform:scaleY(.82);opacity:.38}to{transform:scaleY(1.18);opacity:.82}}@media (max-width:520px){.pet-panel{position:fixed;left:12px!important;right:12px!important;top:auto;bottom:64px;width:auto}.pet-panel:after{display:none}}.pet-panel{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}.pet-panel h2{overflow-wrap:anywhere;padding-right:4px}.companion-close{display:grid;place-items:center;width:28px;height:28px;margin:-6px -6px 4px auto;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.companion-close:hover{background:#ffffff20}.companion-switch{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:9px;background:#ffffff0d;border:1px solid #67efff55;border-radius:5px;color:#bffaff;cursor:pointer;font-size:13px}.companion-panel{--companion-accent:#087d6c;--companion-border:#dbe5e1;--companion-muted:#62736e;background:#fbfdfc;color:#21362f;border-color:#bdd4ca;box-shadow:0 16px 42px #142e3426;backdrop-filter:blur(16px)}.companion-panel:after,.companion-panel:before{display:none}.dark .companion-panel{--companion-accent:#66dac2;--companion-border:#3d4e46;--companion-muted:#afbeb6;background:#202a25;color:#f0f6f2;border-color:#536b5f}.companion-head{display:flex;align-items:start;justify-content:space-between;gap:6px}.companion-head>div:first-child{min-width:0}.companion-head h2{color:inherit;font-size:17px}.companion-eyebrow{margin:0 0 4px;font-size:11px;color:var(--companion-muted)}.companion-tools{display:flex;flex-shrink:0;gap:3px}.companion-tools button{display:grid;place-items:center;width:28px;height:28px;color:var(--companion-muted);border:0;background:transparent;border-radius:4px;cursor:pointer}.companion-tools button:hover{color:var(--companion-accent);background:#76b6a51c}.companion-tools button:disabled{opacity:.4;cursor:default}.companion-choices{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin-top:16px}.companion-choice{position:relative;min-width:0;display:flex;align-items:center;flex-direction:column;padding:10px 7px;color:inherit;background:transparent;border:1px solid var(--companion-border);border-radius:8px;cursor:pointer;font:inherit}.companion-choice.is-selected{border-color:var(--companion-accent);background:#62c8af12}.companion-choice:hover:not(:disabled){background:#62c8af20}.companion-choice:disabled{cursor:default;opacity:.6}.companion-choice strong{width:100%;font-size:13px;line-height:1.5;overflow-wrap:anywhere;text-align:center}.companion-choice>span{font-size:11px;color:var(--companion-muted);margin-top:3px}.companion-check{position:absolute;top:7px;right:7px;color:var(--companion-accent)}.companion-preview{width:100%;height:114px;display:grid;place-items:center;color:var(--companion-muted)}.companion-preview .holographic-mecha{width:68px;height:96px}.companion-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.companion-profile{display:flex;align-items:center;gap:14px;padding:10px 0}.companion-portrait{width:88px;height:88px;flex-shrink:0;display:grid;place-items:center}.companion-profile p{font-size:12px;color:var(--companion-muted);margin:7px 0}.companion-level{font-size:12px;font-weight:700;color:var(--companion-accent)}.companion-vitals{display:grid;gap:10px;padding:3px 0 12px}.companion-vitals span{display:flex;justify-content:space-between;font-size:12px}.companion-vitals b{font-weight:600;color:var(--companion-muted)}.companion-vitals meter{display:block;width:100%;height:9px;margin-top:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--companion-border);border-radius:4px;overflow:hidden}.companion-vitals meter::-webkit-meter-bar{border:0;background:var(--companion-border)}.companion-vitals meter::-webkit-meter-optimum-value{background:var(--vital)}.companion-vitals meter::-moz-meter-bar{background:var(--vital)}.vital-hunger{--vital:#d5a04a}.vital-mood{--vital:#d4849b}.vital-health{--vital:#42a990}.companion-sync{min-height:18px;margin:11px 0;color:var(--companion-muted);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.companion-sync.has-error{color:#b34a3c}.dark .companion-sync.has-error{color:#ffb1a5}.companion-home{gap:8px;padding:10px;border:0;border-radius:5px;background:#087d6c;color:white;font:inherit;font-size:13px}.companion-home,.companion-minimize{width:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.companion-minimize{gap:7px;padding:9px 0 0;border:0;background:transparent;color:var(--companion-muted);font:inherit;font-size:12px}.companion-empty{display:grid;place-items:center;padding:30px 0 12px;color:var(--companion-muted);font-size:13px}.desktop-companion{position:relative;display:grid;place-items:center;width:104px;height:146px;color:#67bd9d}.desktop-companion .companion-image{height:112px;filter:drop-shadow(0 8px 6px #00000025)}.desktop-companion-name{max-width:104px;height:22px;padding:2px 7px;border-radius:4px;color:#234137;background:#ffffffeb;font-size:11px;line-height:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dark .desktop-companion-name{background:#202a25eb;color:#eff8f2}.is-spinning{animation:companion-spin 1s linear infinite}@keyframes companion-spin{to{transform:rotate(1turn)}}.pet-root button:focus-visible,.pet-side-tab:focus-visible{outline:2px solid #42b99c;outline-offset:3px}@media (prefers-reduced-motion:reduce){.holographic-mecha,.is-spinning,.mecha-core-pulse,.mecha-projection-ring,.mecha-scan-line,.mecha-thruster-flame{animation:none}.pet-action-grid button,.pet-minimize,.pet-primary-action{transition:none}}