body.mirror #phone{justify-content:flex-start;max-width:560px;padding-top:32px}
body.mirror .pFace,body.mirror .pName{display:none!important}
body.mirror #stage{flex:none;width:100%;margin-bottom:8px}
body.mirror .bubble{font-size:13px;padding:5px 8px}
body.mirror .seatName{font-size:13px}
body.mirror .tap{min-height:24vh;font-size:36px;gap:14px}
.how{position:fixed;inset:0;z-index:20;background:rgba(8,12,28,.8);display:flex;align-items:center;justify-content:center;padding:16px}
.howBox{background:#FFF4E0;color:#2A1A12;border-radius:22px;padding:24px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}
.howBox h2{margin:0;font-size:32px;line-height:1;color:#B23A00}
.howBox ol{margin:0;padding-left:24px;font-size:19px;line-height:1.3;display:flex;flex-direction:column;gap:8px}
.howBox .btn{font-size:22px;min-height:56px}
.logo{margin:0;font-family:'Lilita One','Fredoka',sans-serif;font-weight:400;line-height:1;white-space:nowrap;display:flex;align-items:center;justify-content:center;color:#FFF4E0}
.logo .a{color:#FFB25E}.logo .b{color:#E8590C}
.logo img{height:1.3em;width:auto;margin:-.25em .01em 0 .03em;transform:rotate(-7deg)}
.logoHost{font-size:64px}
.logoPhone{font-size:32px;margin-bottom:4px}
.logoHome{font-size:56px}
.homeMark{width:170px;align-self:center;display:block;transform:rotate(-5deg)}
@media (max-width:380px){.logoHome{font-size:48px}.logoHost{font-size:48px}}
body.mirror .logoPhone{display:flex!important}