#screen .companion-bubble-layer {position:absolute;z-index:3;pointer-events:none;overflow:hidden;contain:layout paint;}
#screen .companion-bubble-layer[hidden] {display:none!important;}
#screen .companion-speech-bubble {position:absolute;box-sizing:border-box;margin:0;padding:10px 12px;border:1px solid #35454d;border-radius:10px;background:#fff;color:#18252d;box-shadow:0 2px 6px #0004;font:400 15px/21px Arial,sans-serif;text-align:left;text-shadow:none;letter-spacing:normal;white-space:normal;overflow-wrap:anywhere;}
#screen .companion-speech-bubble::after {content:'';position:absolute;left:var(--bubble-tail-x,50%);bottom:-5px;width:8px;height:8px;background:#fff;border-right:1px solid #35454d;border-bottom:1px solid #35454d;transform:translateX(-50%) rotate(45deg);}
#screen .companion-bubble-text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-height:84px;}
#screen:has(#battle:not([hidden]),#dialog:not([hidden]),#campaign-scene:not([hidden]),#cinematic:not([hidden]),#overlay:not([hidden])) .companion-bubble-layer {visibility:hidden;}
#screen #companion-chat-toggle {position:absolute;left:auto;right:8px;top:48px;bottom:auto;z-index:12;background:#111;color:#fff;border:1px solid #888;padding:7px;font:12px system-ui;}
#screen #companion-chat {position:absolute;inset:88px 8px auto auto;display:flex;flex-direction:column;width:300px;height:260px;max-width:calc(100% - 16px);max-height:calc(100% - 96px);min-width:0;min-height:0;margin:0;padding:0;z-index:20;background:#101010;color:#fff;border:2px solid #777;border-radius:6px;font:13px/1.4 system-ui;overflow:hidden;box-shadow:0 3px 10px #0008;}
#screen #companion-chat[hidden] {display:none!important;}
#screen #companion-chat .companion-heading {display:flex;flex:none;align-items:center;justify-content:space-between;padding:5px 8px;background:#222;color:#fff;touch-action:none;cursor:move;}
#screen #companion-chat .companion-heading button {color:#fff;background:transparent;padding:4px 10px;}
#screen #companion-chat .companion-log {flex:1;min-height:0;overflow:auto;padding:4px 10px;overflow-wrap:anywhere;background:#101010;color:#fff;}
#screen #companion-chat p {margin:6px 0;color:#fff;font:inherit;}
#screen #companion-chat .companion-own {color:#ccc;}
#screen #companion-chat .companion-form {display:flex;flex:none;gap:5px;margin:0;padding:7px;background:#222;}
#screen #companion-chat input {flex:1;width:0;min-width:0;border:1px solid #777;background:#080808;color:#fff;padding:8px;font:14px system-ui;}
#screen #companion-chat .companion-form button {background:#333;color:#fff;border:1px solid #888;padding:6px;font:13px system-ui;}
#screen #companion-chat button:disabled {opacity:.5;}
#screen:has(#battle:not([hidden]),#dialog:not([hidden]),#campaign-scene:not([hidden]),#overlay:not([hidden])) :is(#companion-chat,#companion-chat-toggle) {visibility:hidden;}
@media(pointer:coarse),(max-width:760px){
  #screen #companion-chat {top:44px;bottom:auto;height:230px;max-height:calc(100% - var(--dialog-controls-bottom,150px) - 52px);}
  #screen #companion-chat-toggle {top:6px;right:60px;}
}
/* Companion care window: scoped styles preserve map and existing HUD. */
#screen #companion-chat {width:360px;height:450px;max-height:calc(100% - 52px);top:48px;background:#102331db;backdrop-filter:blur(14px);border:1px solid #a0d9ce66;border-radius:16px;box-shadow:0 12px 38px #0008;z-index:45;}
#companion-chat nav {display:flex;gap:4px;padding:6px;flex-shrink:0;}
#companion-chat nav button {flex:1;}
#screen #companion-chat button {font:inherit;min-height:32px;color:#fff;background:#275363;border:1px solid #93bdc077;border-radius:7px;cursor:pointer;}
#companion-chat .companion-section {overflow:auto;min-height:0;flex:1;padding:8px;}
#companion-chat .companion-section[hidden] {display:none!important;}
#companion-chat .companion-conversation {display:flex;flex-direction:column;}
#companion-chat .companion-pet {position:relative;touch-action:none;user-select:none;text-align:center;height:150px;}
#companion-chat .companion-breath {height:150px;max-width:100%;animation:companion-breathe 3s ease-in-out infinite;transform-origin:bottom;}
#companion-chat .care-heart {position:absolute;color:#ff8ca8;font-size:22px;opacity:0;pointer-events:none;}
#companion-chat .companion-resize {position:absolute;bottom:0;right:0;touch-action:none;cursor:nwse-resize;width:30px;}
#companion-chat .companion-section p {white-space:pre-line;}
#companion-chat .companion-section button {margin:3px;touch-action:none;}
#companion-chat .companion-minigame {width:100%;height:auto;touch-action:none;}
#companion-chat .lit {filter:brightness(2.5);outline:3px solid #fff;}
#companion-chat .element-0 {background:#a63e28!important;}#companion-chat .element-1 {background:#286db5!important;}
#companion-chat .element-2 {background:#347648!important;}#companion-chat .element-3 {background:#876a12!important;}
#screen .farming-panel {position:absolute;z-index:46;left:50%;top:20%;transform:translateX(-50%);width:min(320px,90%);padding:14px;background:#153331ed;color:white;border-radius:14px;backdrop-filter:blur(12px);font:15px system-ui;}
#screen .farming-panel[hidden] {display:none;}#screen .farming-panel button {margin:5px;padding:8px;touch-action:manipulation;}
@keyframes companion-breathe {50%{transform:scaleY(1.035);}}
@media(prefers-reduced-motion:reduce){#companion-chat .companion-breath{animation:none;}}
@media(pointer:coarse),(max-width:760px){#screen #companion-chat{top:42px;height:380px;max-height:calc(100% - 50px);width:min(350px,calc(100% - 16px));}body:has(#companion-chat:not([hidden])) #touch-controls{visibility:hidden;pointer-events:none;}}

#screen #companion-chat{position:fixed;inset:68px 16px auto auto;width:min(360px,calc(100vw - 24px));height:min(440px,calc(100dvh - 92px));max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);min-width:0;min-height:0;box-sizing:border-box;font:13px/1.4 system-ui,sans-serif;}
#screen #companion-chat .companion-section{width:auto;height:auto;max-width:none;max-height:none;min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#fff;margin:0;padding:10px 10px 40px;}
#screen #companion-chat .companion-heading{flex:none;min-height:40px;}
#screen #companion-chat nav{flex:none;}
#screen #companion-chat .companion-resize{width:40px;height:36px;min-height:36px;z-index:5;right:0;bottom:0;margin:0;border-radius:8px 0 0 0;touch-action:none;}
#screen #companion-chat .companion-pet{height:150px;flex:none;}
#screen #companion-chat .companion-breath{width:200px!important;height:150px!important;max-width:100%;object-fit:contain;}
@media(max-width:760px),(pointer:coarse){#screen #companion-chat{inset:54px 12px auto auto;width:min(330px,calc(100vw - 24px));height:min(400px,calc(100dvh - 78px));}}
@media(max-height:480px){#screen #companion-chat{inset:12px 12px auto auto;height:calc(100dvh - 24px);width:min(380px,calc(100vw - 24px));}}