.rooftop-room{transform-origin:65% 52%;transition:filter .5s}
.rooftop-background,.rooftop-foreground{transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .45s}
.rooftop-scene.roof-conversation .rooftop-room{transform:none;filter:none}
.rooftop-scene.roof-conversation .rooftop-background{transform:scale(1.18);transform-origin:68% 52%;filter:brightness(.65)}
.rooftop-scene.roof-conversation .rooftop-foreground{transform:scale(1.18);transform-origin:center bottom;filter:brightness(.65)}
.rooftop-scene.roof-conversation::after{content:"";position:absolute;z-index:11;inset:0;background:rgba(35,24,16,.25);pointer-events:none}
.rooftop-curator{position:absolute;z-index:7;left:57%;bottom:24%;width:15%;height:43%;padding:0;border:0;background:transparent;cursor:pointer;opacity:0!important;pointer-events:none!important}
#scene-rooftop .rooftop-chat{position:absolute;z-index:18;left:7.8%;right:auto;top:20.2%;bottom:auto;width:50.6%;height:60.3%;max-height:none;margin:0;padding:0;overflow:visible;border:0;background:transparent;color:#75401f;opacity:0;visibility:hidden;transform:translateX(-2%) scale(.98);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1),visibility .35s}
#scene-rooftop.roof-conversation .rooftop-chat{opacity:1;visibility:visible;transform:none}
.roof-chat-frame{position:absolute;z-index:0;inset:0;width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none}
.roof-answer{position:absolute;z-index:2;left:6.6%;top:29.7%;width:86.8%;height:23.4%;box-sizing:border-box;margin:0;padding:2.2% 3.5%;overflow:auto;border:0;background:transparent;color:#75401f;font:normal clamp(12px,1.25vw,25px)/1.55 "PingFang SC","Microsoft YaHei",sans-serif}
.roof-chat-options{position:absolute;z-index:2;left:6.5%;top:56.2%;width:87%;height:22%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));column-gap:2.5%;row-gap:8%}
.roof-chat-option{width:100%;height:100%;padding:0 5%;border:0;background:transparent url("assets/cafe-v2/chat-option-idle.png") center/100% 100% no-repeat;color:#75401f;font:600 clamp(11px,1.18vw,23px)/1 "PingFang SC","Microsoft YaHei",sans-serif;cursor:pointer;transition:filter .18s,transform .18s}
.roof-chat-option:hover,.roof-chat-option:focus-visible,.roof-chat-option.is-selected{background-image:url("assets/cafe-v2/chat-option-selected.png");filter:brightness(1.02);outline:0}
.roof-chat-option:active{transform:translateY(1px)}
.roof-resume-hotspot{position:absolute;z-index:3;left:18%;top:80.1%;width:64%;height:12.6%;display:block;border-radius:999px;background:transparent;color:transparent;text-decoration:none;cursor:pointer}
.roof-resume-hotspot:focus-visible{outline:4px solid rgba(255,255,255,.96);outline-offset:-5px}
.roof-resume-hotspot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.roof-chat-close{position:absolute;z-index:4;left:50%;top:103.7%;width:8.8%;height:auto;aspect-ratio:1;transform:translateX(-50%);display:block;padding:0;border:0;background:transparent;cursor:pointer;transition:transform .18s,filter .18s}
.roof-chat-close img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.roof-chat-close:hover,.roof-chat-close:focus-visible{transform:translateX(-50%) scale(1.08);filter:brightness(1.08);outline:0}
.game.roof-chatting>.dialogue,.game.roof-chatting>.hint{opacity:0;visibility:hidden}
@media(max-width:760px){.roof-answer{font-size:clamp(9px,1.25vw,13px)}.roof-chat-option{font-size:clamp(8px,1.18vw,12px)}}