.resident-profile,.resident-tooltip,.resident-connection,.resident-list{--resident-frame:url(/assets/ui/bellora/v2/bellora-paper-frame.webp);color:#482e20;font-family:Trebuchet MS,Segoe UI,sans-serif}.resident-profile{z-index:90;box-sizing:border-box;border:14px solid #0000;border-image:var(--resident-frame) 100 / 14px;background:var(--somecozy-grain), linear-gradient(115deg,#fff1d8,#efd7b2);background-blend-mode:multiply;background-clip:padding-box;flex-direction:column;width:min(420px,100% - 32px);padding:8px 12px 12px;display:flex;position:fixed;top:16px;bottom:124px;right:16px;overflow:hidden;box-shadow:0 5px #57392488,0 10px 24px #382a2555}.resident-profile-heading{color:#654d39;flex:none;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.resident-profile button,.resident-list button,.resident-connection button{min-width:44px;min-height:44px;font:inherit;color:#503522;cursor:pointer;border:5px solid #0000;border-image:var(--resident-frame) 100 / 5px;background:var(--somecozy-grain), #f5e2c2;background-blend-mode:multiply;border-radius:0;padding:5px 10px}.resident-profile button:disabled{opacity:.65;cursor:default}.resident-profile button:focus-visible,.resident-list button:focus-visible{outline-offset:2px;outline:3px solid #315c40}.resident-profile .resident-close{flex:none;place-items:center;width:44px;height:44px;padding:4px;display:grid}.resident-close .game-icon{width:24px;height:24px}.resident-profile-identity{flex:none;align-items:center;gap:14px;padding:6px 0 14px;display:flex}.resident-profile-identity h2{color:#482e20;overflow-wrap:anywhere;margin:0 0 6px;font-size:24px;line-height:1.12}.resident-profile-identity p{margin:0 0 9px}.resident-profile-identity>div{min-width:0}.resident-profile-identity>div>span{background:var(--somecozy-grain), #ead1aa;background-blend-mode:multiply;border:1px solid #b99569;align-items:center;gap:5px;padding:5px;font-size:12px;display:inline-flex}.resident-profile-identity .game-icon{width:21px;height:21px}.resident-profile .cozy-portrait{background:#d4bd94;border:2px solid #ae8a5e;border-radius:3px;flex:none;width:104px;height:104px;position:relative;overflow:hidden}.resident-profile .cozy-portrait>canvas{width:159px;max-width:none;height:265px;position:absolute;top:-57px;left:-27px}.resident-profile .cozy-portrait-status{padding:6px;font-size:10px}.resident-tabs{flex:none;gap:4px;display:flex}.resident-tabs button{flex:1;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.resident-tabs button[aria-selected=true]{color:#fff4dc;background:var(--somecozy-fine-grain), linear-gradient(#416e4e,#28573d);background-blend-mode:multiply;border-color:#6a8558;border-image:;box-shadow:inset 0 0 0 1px #d0d5a6}.resident-tabs .game-icon{width:24px;height:24px}.resident-profile-content{overscroll-behavior:contain;scrollbar-color:#a8885d #f5e6c9;background:var(--somecozy-grain), #fff0d180;background-blend-mode:multiply;border:1px solid #b99569;min-height:0;padding:8px 10px 12px;overflow:auto}.resident-profile-content>section{border-bottom:1px solid #d4b98b;gap:12px;padding:15px 0;display:flex}.resident-profile-content>section:last-child{border:0}.resident-profile-content .game-icon{flex:none;width:28px;height:28px}.resident-profile h3{color:#503522;margin:0 0 5px;font-size:16px}.resident-profile p{color:#503522;line-height:1.45}.resident-profile-content p{margin:2px 0 6px;font-size:14px}.resident-profile-content small{color:#654d39}.resident-conversation>div{flex:1;min-width:0}.resident-conversation .resident-invite{background:var(--somecozy-grain), #315e42;background-blend-mode:multiply;color:#fff4dc;border-color:#6a8558;border-image:;width:100%;margin:10px 0 6px;font-weight:700;display:block}.resident-conversation small{display:block}.resident-profile-state{text-align:center;padding:25px 10px;overflow:auto}.resident-profile-state>.game-icon{width:40px;height:40px;margin-bottom:12px}.resident-history{margin:18px 0;padding:0 0 0 13px;list-style:none}.resident-history li{border-left:2px dashed #6d8d64;gap:6px;padding:0 0 20px 19px;font-size:14px;display:grid;position:relative}.resident-history li:before{content:"";background:#f5e2c2;border:2px solid #426747;border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:-7px}.resident-history time{font-weight:700}.resident-more{width:100%}.resident-privacy{color:#654d39}.resident-tooltip{z-index:12;pointer-events:none;border:6px solid #0000;border-image:var(--resident-frame) 100 / 6px;background:var(--somecozy-grain), #fff0d8;background-blend-mode:multiply;gap:3px;width:max-content;max-width:min(220px,100% - 16px);padding:6px 10px;font-size:13px;display:grid;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 8px #382a2540}.resident-tooltip small{font-size:11px}.resident-focus{z-index:11;opacity:0;pointer-events:none;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-100%)}.resident-focus:focus-visible{opacity:1;pointer-events:auto;outline-offset:3px;background:#38644555;border:2px solid #244831;outline:3px solid #fff6d6}.resident-connection{z-index:5;border:6px solid #0000;border-image:var(--resident-frame) 100 / 6px;background:var(--somecozy-grain), #f5e2c2;background-blend-mode:multiply;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:4px 8px;font-size:12px;display:flex;position:absolute;bottom:16px;left:16px}.resident-list{border:8px solid #0000;border-image:var(--resident-frame) 100 / 8px;background:var(--somecozy-grain), #f5e6cc;background-blend-mode:multiply;margin:18px 0;padding:16px}.resident-list h3{margin:0 0 5px}.resident-list ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.resident-list button{text-align:left;gap:4px;display:grid}.resident-list button small{font-size:12px}.business-neighborhood>.resident-profile{position:fixed;top:80px;bottom:124px}@media (width<=600px){.resident-profile,.business-neighborhood>.resident-profile{top:auto;left:6px;right:6px;bottom:calc(72px + env(safe-area-inset-bottom));border-width:9px;border-image-width:9px;width:auto;max-height:min(100% - 150px,520px);padding:5px 7px 8px}.resident-profile-identity{gap:10px;padding-bottom:9px}.resident-profile-identity h2{font-size:19px}.resident-profile .cozy-portrait{width:76px;height:76px}.resident-profile .cozy-portrait>canvas{width:116px;height:193px;top:-42px;left:-20px}.resident-profile-content{padding:5px 8px 8px}.resident-profile-content>section{padding:10px 0}.resident-connection{max-width:calc(100% - 16px);bottom:60px;left:8px}}@media (orientation:landscape) and (height<=500px){.resident-profile,.business-neighborhood>.resident-profile{top:6px;bottom:calc(84px + env(safe-area-inset-bottom));border-width:8px;border-image-width:8px;width:min(390px,100% - 12px);max-height:none;left:auto;right:6px}.resident-profile-identity{padding:2px 0 6px}.resident-profile .cozy-portrait{width:58px;height:58px}.resident-profile .cozy-portrait>canvas{width:89px;height:148px;top:-32px;left:-15px}.resident-profile-identity h2{font-size:18px}.resident-profile-identity p{margin-bottom:3px;font-size:13px}.resident-profile-identity>div>span{padding:2px 5px;font-size:10px}}