.resident-photo{display:block;position:relative;overflow:hidden;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#29454f;box-shadow:0 0 0 1px #e5c69855}.resident-photo img{position:absolute;height:auto!important;max-width:none!important;image-rendering:auto;display:block;object-fit:fill}.game-ui .home-resident .resident-photo{width:46px;height:46px;margin-bottom:8px}.game-ui #focus-avatar .resident-photo{width:56px;height:56px;border-radius:10px}.game-ui .resident .resident-photo{width:112px;height:112px;margin:0 auto 17px;border-radius:12px}.game-ui .resident{background:linear-gradient(160deg,#29424b,#182f39);padding:20px 12px;min-height:218px}.game-ui .resident strong{text-align:center}.game-ui .resident small,.game-ui .resident em{text-align:center}.game-ui .resident:after{content:'会話する →';display:block;margin-top:14px;text-align:center;font-size:10px;color:#e8c790}.chat-open{overflow:hidden}.game-ui .resident-chat{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none!important;max-height:none!important;margin:0;padding:0;border:0;border-radius:0;background:#0e202a;box-shadow:none;color:#e5e9df;overflow:hidden}.game-ui .resident-chat::backdrop{background:#08151e}.game-ui .resident-chat .chat-header{height:76px;max-width:none;padding:0 28px;border-bottom:1px solid #42596377;display:flex;align-items:center;gap:28px;background:#122b34;flex-shrink:0}.game-ui .resident-chat .chat-header>div{margin-right:auto}.game-ui .resident-chat .chat-header h2{font-family:inherit;font-size:17px;font-weight:500;letter-spacing:1px;margin:4px 0 0}.game-ui .resident-chat .chat-header .eyebrow{font-size:7px;letter-spacing:2px;color:#c6b38d;margin:0}.game-ui .resident-chat #visitor-close{width:auto;flex-shrink:0;background:#253d46;border-color:#45606a;color:#d1ded8;font-size:11px;padding:10px 14px}.chat-header #chat-availability{font-size:10px;color:#c7d9b4;white-space:nowrap;display:flex;align-items:center;gap:9px}.chat-header #chat-availability:before{content:'';width:6px;height:6px;border-radius:50%;background:#b8cf9b;box-shadow:0 0 0 4px #b8cf9b0c}.chat-header #chat-availability.resting{color:#9db2c5}.chat-header #chat-availability.resting:before{background:#8dabc4}.chat-layout{height:calc(100dvh - 76px);display:grid;grid-template-columns:100px minmax(300px,.9fr) minmax(390px,1fr);overflow:hidden}.chat-residents{background:#102731;border-right:1px solid #354e5866;padding:18px 10px;overflow:auto}.chat-rail-label{font-size:6px;letter-spacing:2px;color:#8da8ac;display:block;text-align:center;margin-bottom:16px}.chat-resident-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:10px 4px!important;margin:0 0 6px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important}.chat-resident-choice .resident-photo{width:43px;height:43px;opacity:.75}.chat-resident-choice>span:last-child{font-size:9px;margin-top:7px;color:#8da9ae}.chat-resident-choice.active{background:#8f7b4f22!important;border-color:#d5b98155!important}.chat-resident-choice.active .resident-photo{opacity:1;box-shadow:0 0 0 2px #d6b57b}.chat-resident-choice.active>span:last-child{color:#e8d0a3}.chat-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#1b3038;isolation:isolate}.chat-art:before{content:'';position:absolute;z-index:-1;inset:-25px;background-image:var(--portrait-image);background-position:15% center;background-size:cover;filter:blur(24px) brightness(.45);transform:scale(1.15)}.character-art{height:100%;aspect-ratio:var(--art-ratio, .41);max-width:100%;position:relative;overflow:hidden;flex-shrink:0}.character-art img{position:absolute;left:0;top:0;height:100%;width:auto;max-width:none;image-rendering:auto;display:block}.chat-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0a202ae8,transparent 42%),linear-gradient(90deg,#0d27312b,transparent 20%,transparent 80%,#0d27314a);pointer-events:none}.chat-art-caption{position:absolute;z-index:1;bottom:32px;left:30px;right:25px;color:#f7e6c7;text-shadow:0 3px 15px #000a}.chat-art-caption>span{font-size:7px;letter-spacing:3px;color:#e6cb9d}.game-ui .resident-chat .chat-art-caption h2{font-family:serif;font-size:42px;font-weight:500;letter-spacing:7px;margin:12px 0}.game-ui .resident-chat .chat-art-caption p{font-size:11px;line-height:1.8;margin:6px 0;color:#d2d7ca}.chat-main{display:flex;flex-direction:column;overflow:hidden;min-width:0;background:radial-gradient(ellipse at top right,#28434a99,transparent 65%),#132a34;border-left:1px solid #57676355}.chat-conversation-intro{padding:24px 29px 18px;border-bottom:1px solid #3d555c55;flex-shrink:0}.chat-conversation-intro>span{font-size:7px;letter-spacing:2px;color:#beaa83}.game-ui .resident-chat .chat-conversation-intro p{font-size:11px;line-height:1.8;color:#88a7ac;margin:8px 0 0}.game-ui .resident-chat #visitor-history{flex:1;min-height:0;max-height:none;height:auto;overflow:auto;padding:25px 28px;scroll-behavior:smooth}.game-ui .resident-chat .visitor-bubble{max-width:90%;width:fit-content;padding:15px 17px;margin:0 0 20px;border-radius:13px;background:#28414d;border:1px solid #4e626e55;box-shadow:0 4px 12px #0000000a}.game-ui .resident-chat .visitor-bubble p{font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;color:#dbe6de;margin:7px 0}.game-ui .resident-chat .visitor-bubble small{font-size:8px;color:#91a9ab}.game-ui .resident-chat .visitor-bubble.from-user{margin-left:auto;background:#5b5b48;border-color:#a89b6c44}.game-ui .resident-chat .visitor-bubble.from-user p{color:#f5ead5}.game-ui .resident-chat .visitor-bubble.from-user small{color:#d0c5a9}.visitor-bubble time{display:block;font-size:7px;color:#829eaa;text-align:right;margin-top:8px}.game-ui .resident-chat .visitor-bubble.from-user time{color:#bfbba4}.game-ui .resident-chat #visitor-state{min-height:20px;font-size:10px;color:#dbbf8c;margin:0;padding:0 29px 8px;line-height:1.7}.game-ui .resident-chat #visitor-form{flex-shrink:0;background:#102730;border-top:1px solid #40596166;padding:18px 27px 21px;margin:0}.game-ui .resident-chat #visitor-form>label{display:none}.game-ui .resident-chat #visitor-input{width:100%;min-height:75px;max-height:170px;resize:vertical;padding:14px;font-family:inherit;font-size:13px;line-height:1.8;background:#1d3642;border:1px solid #4c667166;border-radius:11px;color:#e3e7da;box-sizing:border-box}.game-ui .resident-chat #visitor-input::placeholder{color:#77939d}.game-ui .resident-chat #visitor-form>div{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:12px}.game-ui .resident-chat #visitor-form small{font-size:8px;color:#7898a2;line-height:1.7}.game-ui .resident-chat #visitor-send{width:auto;min-width:115px;padding:12px 19px;border:1px solid #e0c58e;background:#dec18b;color:#243b42;font-size:11px;white-space:nowrap}.game-ui .resident-chat .visitor-empty{font-size:12px;line-height:2;color:#88a5aa;margin-top:20px}.game-ui .resident-chat .pending-message{opacity:.65}
@media(min-width:1600px){.chat-layout{grid-template-columns:115px minmax(440px,1fr) minmax(470px,1fr)}.chat-main #visitor-history{padding:35px 45px!important}.game-ui .resident-chat .visitor-bubble p{font-size:14px}}@media(max-width:1050px){.chat-layout{grid-template-columns:78px minmax(220px,.75fr) minmax(330px,1fr)}.chat-residents{padding:14px 5px}.chat-resident-choice .resident-photo{width:38px;height:38px}.game-ui .resident-chat .chat-header{padding:0 18px;gap:18px}.chat-art-caption{left:20px;bottom:25px}.game-ui .resident-chat .chat-art-caption h2{font-size:34px}.chat-conversation-intro{padding:18px 20px}.game-ui .resident-chat #visitor-history{padding:20px}.game-ui .resident-chat #visitor-form{padding:15px 20px}.game-ui .resident-chat #visitor-form small{font-size:7px}.game-ui .resident-chat .visitor-bubble{max-width:95%}}@media(max-width:760px){.game-ui .resident-chat .chat-header{height:62px;padding:0 14px;gap:14px}.game-ui .resident-chat .chat-header h2{font-size:14px}.game-ui .resident-chat .chat-header .eyebrow{font-size:5px;letter-spacing:1px}.game-ui .resident-chat #visitor-close{font-size:9px;padding:8px 10px}.chat-header #chat-availability{font-size:8px;gap:6px}.chat-layout{height:calc(100dvh - 62px);grid-template-columns:1fr;grid-template-rows:66px minmax(150px,30dvh) minmax(0,1fr)}.chat-residents{padding:5px 7px;overflow:auto;scrollbar-width:none;border-right:0;border-bottom:1px solid #42575d55}.chat-rail-label{display:none}#chat-resident-list{display:flex;width:max-content;gap:4px}.chat-resident-choice{width:53px;min-width:53px;flex-direction:row;padding:5px!important;margin:0!important;flex-wrap:wrap;gap:0}.chat-resident-choice .resident-photo{width:33px;height:33px}.chat-resident-choice>span:last-child{font-size:7px;margin-top:4px;display:block;width:100%;text-align:center}.chat-art{justify-content:flex-start;border-bottom:1px solid #5a676166}.character-art{height:100%;width:100%;max-width:none;aspect-ratio:auto}.character-art img{width:170%;height:auto;left:0;top:-13%;max-width:none}.chat-art:after{background:linear-gradient(0deg,#0a202ad9,transparent 75%),linear-gradient(90deg,transparent 10%,#0b25319c 85%)}.chat-art-caption{left:auto;right:22px;bottom:18px;width:42%;text-align:right}.game-ui .resident-chat .chat-art-caption h2{font-size:28px;letter-spacing:4px;margin:8px 0}.chat-art-caption>span{font-size:5px;letter-spacing:1.5px}.game-ui .resident-chat .chat-art-caption p{font-size:8px;line-height:1.7;margin:4px 0}.chat-main{border-left:0}.chat-conversation-intro{display:none}.game-ui .resident-chat #visitor-history{padding:16px 15px}.game-ui .resident-chat .visitor-bubble{padding:10px 13px;margin-bottom:13px;max-width:94%;border-radius:10px}.game-ui .resident-chat .visitor-bubble p{font-size:12px;line-height:1.8;margin:4px 0}.game-ui .resident-chat .visitor-bubble small{font-size:7px}.game-ui .resident-chat #visitor-form{padding:10px 13px max(12px,env(safe-area-inset-bottom));}.game-ui .resident-chat #visitor-input{min-height:52px;max-height:95px;padding:10px 12px;font-size:12px;resize:none}.game-ui .resident-chat #visitor-form>div{margin-top:7px;gap:10px}.game-ui .resident-chat #visitor-form small{font-size:6px}.game-ui .resident-chat #visitor-send{min-width:95px;padding:10px 13px;font-size:10px}.game-ui .resident-chat #visitor-state{padding:0 15px 5px;min-height:15px;font-size:8px}.game-ui .home-resident .resident-photo{width:41px;height:41px;margin-bottom:5px}.game-ui .resident .resident-photo{width:100px;height:100px}.game-ui .resident{min-height:215px}.game-ui .resident:after{font-size:9px}}@media(max-height:600px) and (max-width:760px){.chat-layout{grid-template-rows:58px 110px minmax(0,1fr)}.game-ui .resident-chat #visitor-input{min-height:40px;max-height:60px}.game-ui .resident-chat #visitor-form{padding-top:7px}.chat-art-caption{bottom:7px}.game-ui .resident-chat .chat-art-caption h2{font-size:21px;margin:5px 0}}