/* Light social panel, matching the park's warm palette. */
#cat-friends-open{position:absolute;top:170px;left:max(20px,env(safe-area-inset-left));z-index:7;display:flex;align-items:center;gap:7px;min-height:48px;padding:10px 12px;border:1px solid #c49a6263;border-radius:12px;background:#fff5e7f2;color:#67472c;box-shadow:var(--ui-shadow);font-size:12px;touch-action:manipulation}
#cat-friends-open.has-party-entry{left:calc(max(20px,env(safe-area-inset-left)) + 174px)}
#cat-friends-open svg{width:21px;height:21px;color:#a87342}#cat-friends-badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;border-radius:50%;background:#bd7854;color:#fff8ed;font-size:10px;border:2px solid #fff5e7}
#cat-friends-open[hidden],#cat-friends-badge[hidden],#cat-friends-dialog [hidden],#cat-friends-menu[hidden]{display:none!important}.photo-mode #cat-friends-open{display:none!important}
#cat-friends-dialog{width:min(535px,94vw);max-height:90dvh;padding:22px;overflow-y:auto;border:1px solid #c49b6860;border-radius:19px;background:#fff8ec;color:#604631;box-shadow:0 12px 36px #67432635;touch-action:pan-y}
#cat-friends-dialog .dialog-head{position:sticky;top:0;z-index:2;margin:0 0 14px;padding:4px 0 10px;background:#fff8ec}#cat-friends-dialog .dialog-head h2{font-size:24px}#cat-friends-dialog .dialog-head small{font-size:10px;color:#a3896b;letter-spacing:1px}#cat-friends-dialog .dialog-head>div{flex:1}
#cat-friends-dialog button{touch-action:manipulation}#cat-friends-dialog button:disabled{opacity:.48}#cat-friends-dialog input,#cat-friends-dialog select{font:inherit;touch-action:manipulation}
.cat-friends-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:4px;border:1px solid #e5d4bb;border-radius:11px;background:#f5ecde;margin-bottom:13px}.cat-friends-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:39px;border:0;border-radius:8px;background:transparent;color:#9a7c61;font-size:12px;white-space:nowrap}.cat-friends-tabs button.is-selected{background:#fffdf6;color:#7c5533;box-shadow:0 1px 5px #9b76521a;font-weight:650}#cat-friends-request-count:not(:empty){display:inline-grid;place-items:center;min-width:15px;height:15px;border-radius:5px;background:#ecd5bf;color:#a56844;font-size:9px}
.cat-friends-search{display:flex;gap:7px;margin-bottom:10px}.cat-friends-search input{flex:1;width:0;min-width:0;min-height:41px;padding:9px 11px;border:1px solid #dbc4a4;border-radius:9px;background:#fffdf6;color:#684c35;font-size:12px}#cat-friends-refresh{flex:none;min-width:43px;padding:8px;border:1px solid #dbc4a4;border-radius:9px;background:#f6ead7;color:#96704c;font-size:11px}
#cat-friends-invite-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;margin:10px 0 11px}#cat-friends-invite-kind,#cat-friends-size{width:100%;min-height:37px;min-width:0;padding:7px 8px;border:1px solid #dbc4a4;border-radius:8px;background:#fffdf6;color:#7b5c41;font-size:11px}#cat-friends-size{width:65px}#cat-friends-party-open,#cat-friends-chat-create{padding:7px 9px;min-height:37px;border:1px solid #d1b38b;border-radius:8px;background:#f1e3cd;color:#896440;font-size:11px}#cat-friends-invite-help{grid-column:1/-1;font-size:10px;line-height:1.5;margin:1px 0 0;color:#a58a6c}
#cat-friends-list{display:grid;gap:7px;min-height:100px}.cat-friend-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #e6d7c0;border-radius:10px;background:#fffdf6}.cat-friend-row>img{width:37px;height:37px;object-fit:cover;flex:none;border-radius:9px;background:#eee2cd}.cat-friend-copy{flex:1;min-width:0}.cat-friend-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#755437}.cat-friend-copy small{display:block;margin-top:5px;font-size:10px;color:#b09b84}.cat-friend-copy small.is-online{color:#84915f}.cat-friend-actions{display:flex;gap:5px;align-items:center;flex:none}.cat-friend-actions button{min-height:34px;min-width:42px;padding:6px 8px;border:1px solid #d9c2a4;border-radius:7px;background:#f7efe2;color:#957553;font-size:10px;white-space:nowrap}.cat-friend-actions .cat-friends-primary{border-color:#c3a072;background:#f1dfc3;color:#8a6137}.cat-friend-actions .cat-friends-subtle{background:transparent;border-color:#e7d9c7;color:#ad9680}.cat-friends-tag{font-size:10px;padding:5px;color:#a78b6a}.cat-friends-empty{margin:17px 9px;text-align:center;font-size:12px;line-height:1.8;color:#ab9278}.cat-friends-list-label{margin:7px 1px 0;font-size:11px;color:#9a795a;font-weight:600}
#cat-friends-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin:12px 0}#cat-friends-pagination button{min-width:34px;min-height:34px;border:1px solid #ddc8ab;border-radius:7px;background:#f7eedd;color:#a0805f;font-size:18px}#cat-friends-page-label{font-size:10px;color:#a0886e;font-variant-numeric:tabular-nums}
#cat-friends-add-form{display:flex;gap:7px;padding-top:12px;margin-top:13px;border-top:1px solid #e7d6bd}#cat-friends-add-name{flex:1;width:0;min-width:0;min-height:39px;padding:9px 10px;border:1px solid #ddc8ab;border-radius:8px;background:#fffdf6;color:#684c35;font-size:11px}#cat-friends-add-submit{min-height:39px;padding:7px 12px;flex:none;border:1px solid #d1b38b;border-radius:8px;background:#f1e3cd;color:#896440;font-size:11px}
#cat-friends-chat-description{font-size:11px;color:#a1886c;line-height:1.6;margin:4px 0 12px}#cat-friends-chat-messages{height:280px;max-height:40dvh;overflow-y:auto;overscroll-behavior:contain;padding:9px;border:1px solid #e5d5bf;border-radius:11px;background:#f7efdf}.cat-chat-message{max-width:87%;padding:8px 10px;margin:0 0 9px;border:1px solid #e5d8c4;border-radius:9px 9px 9px 2px;background:#fffdf6}.cat-chat-message.is-mine{margin-left:auto;border-color:#dac298;background:#f2e4c9;border-radius:9px 9px 2px 9px}.cat-chat-message-head{display:flex;align-items:center;gap:10px;justify-content:space-between}.cat-chat-message-head strong{font-size:10px;color:#97764c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-chat-message-head time{flex:none;font-size:9px;color:#b79e7d;font-variant-numeric:tabular-nums}.cat-chat-message p{margin:5px 0 0!important;font-size:12px;color:#785b3d;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}
#cat-friends-chat-form{display:flex;align-items:stretch;gap:7px;margin-top:10px}#cat-friends-chat-input{flex:1;min-width:0;width:0;min-height:42px;border:1px solid #d5bd98;border-radius:9px;padding:9px 10px;background:#fffdf6;color:#684c35;font-size:12px}#cat-friends-chat-send{flex:none;min-height:42px;padding:9px 15px;border:1px solid #b98d59;border-radius:9px;background:#bf8b50;color:#fff8e9;font-size:12px}#cat-friends-chat-create{margin-top:10px;width:100%}
#cat-friends-notice,#cat-friends-error{font-size:11px;line-height:1.6;margin:8px 0 0;min-height:0}#cat-friends-notice:empty,#cat-friends-error:empty{display:none}#cat-friends-notice{color:#87945f}#cat-friends-error{color:#b26d54}#cat-friends-loading{min-height:13px;font-size:9px;color:#ad967a;text-align:right;margin-top:7px}
@media(max-width:950px){#cat-friends-open{top:148px;left:max(12px,env(safe-area-inset-left));padding:8px 10px;min-height:47px}#cat-friends-open.has-party-entry{left:calc(max(12px,env(safe-area-inset-left)) + 160px)}#cat-friends-dialog{padding:17px}.cat-friends-tabs button{font-size:11px}}
@media(orientation:portrait){#cat-friends-open{top:147px}#cat-friends-dialog{max-height:92dvh}.cat-friend-row{gap:7px;padding:8px}.cat-friend-row>img{width:32px;height:32px}.cat-friend-actions{gap:4px}.cat-friend-actions button{padding:6px;min-width:37px}.cat-friend-copy strong{font-size:11px}.cat-friend-copy small{font-size:9px}.cat-friends-tabs{gap:3px}.cat-friends-tabs button{font-size:10px}#cat-friends-chat-messages{height:300px;max-height:43dvh}}
@media(max-height:500px) and (orientation:landscape){#cat-friends-open{top:149px}#cat-friends-dialog{max-height:92dvh;padding:14px}#cat-friends-dialog .dialog-head{margin-bottom:5px}.cat-friends-tabs{margin-bottom:8px}.cat-friends-tabs button{min-height:33px}#cat-friends-chat-messages{height:140px;max-height:34dvh}.cat-friends-search{margin-bottom:6px}#cat-friends-invite-controls{margin:7px 0}.cat-friend-row{padding:7px}#cat-friends-add-form{padding-top:9px;margin-top:9px}}