.racoSocial{margin:32px 0;padding:24px;border:1px solid #b794503d;border-radius:24px;background:linear-gradient(120deg,#252125,#161e30)}.racoSocial h2{margin:0 0 8px}.racoSocial>p{color:#bcc3d3;margin:0 0 20px}.racoPeople{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.racoPeople button{background:none;border:0;color:#fff;cursor:pointer;padding:4px}.racoPeople strong{display:block;margin-top:8px}.racoFace{display:block;width:100%;max-width:120px;aspect-ratio:1;border:2px solid #d6b85a;border-radius:50%;margin:auto;background-repeat:no-repeat}.racoChat{box-sizing:border-box;width:min(660px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #b79450;border-radius:24px;padding:24px;background:#171d2b;color:#fff}.racoChat::backdrop{background:#050912c9}.racoChat header{display:flex;align-items:center;justify-content:space-between;padding:0;margin-bottom:24px}.racoChat button{cursor:pointer;padding:12px 16px;border-radius:12px;border:1px solid #657089;background:#252f44;color:#fff;font:inherit;min-height:44px}.racoChat button:hover,.racoPeople button:hover .racoFace{border-color:#ffe282}.racoChat button:focus-visible,.racoPeople button:focus-visible{outline:3px solid #ffe282;outline-offset:3px}.racoScene{display:grid;grid-template-columns:140px minmax(0,1fr);gap:22px;align-items:start}.racoPortrait{width:140px;height:250px;border-radius:20px;background-repeat:no-repeat;flex-shrink:0}.racoSpeech{position:relative;background:#fff8e8;color:#292521;border-radius:20px;padding:20px;overflow-wrap:anywhere}.racoSpeech:before{content:'';position:absolute;left:-12px;top:32px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:13px solid #fff8e8}.racoSpeech b{color:#866111}.racoSpeech p{line-height:1.6;margin:8px 0 0}.racoPrompt{color:#bdc5d6;margin-top:20px}.racoChoices{display:grid;gap:10px}.racoChat footer{display:grid;gap:16px;margin-top:24px}.racoChat small{color:#aab4c5;text-align:center}.racoChat footer button{background:none;border-color:transparent;text-decoration:underline}@media(max-width:440px){.racoSocial{padding:18px}.racoPeople{gap:5px}.racoPeople strong{font-size:13px}.racoChat{padding:18px}.racoScene{grid-template-columns:90px minmax(0,1fr);gap:16px}.racoPortrait{width:90px;height:180px}.racoSpeech{padding:14px}.racoSpeech p{font-size:15px}}

.racoPortrait{height:140px;border-radius:50%}@media(max-width:440px){.racoPortrait{height:90px}}

 .racoChat .racoPeople button{padding:4px;border:0;background:transparent;text-decoration:none;min-width:0}.racoChat .racoPeople strong{font-size:11px;margin-top:5px}.racoChat .racoFace{width:54px;height:54px}.racoChat .racoPeople button[aria-pressed=true] .racoFace{border-color:#00e1ff}.racoChat{width:min(430px,calc(100% - 24px))}.racoScene{grid-template-columns:90px minmax(0,1fr);gap:16px}.racoPortrait{width:90px;height:90px}.racoChat footer{margin-top:18px}.racoChat .racoPeople{gap:4px}