/* Additional room for larger lettering; shared desktop and mobile layout. */
.btn{min-height:44px;white-space:normal;line-height:1.5}
.icon-button{min-height:36px;line-height:1.4}
.lobby-heading{gap:18px}
.lobby-heading>div{min-width:0}
.lobby-heading .btn{max-width:250px}
.game-title{flex-wrap:wrap;gap:14px}
.game-title>div{flex:1 1 60%;min-width:0}
.step-badge{flex-shrink:0}
.product .product-label{line-height:1.6}
.rank-row{grid-template-columns:30px minmax(0,1fr) auto}
.rank-row>div{overflow-wrap:anywhere}
.rescue-box{min-width:0}
.booth-sign{min-height:76px;padding:9px 4px}
.booth-roof{top:61px}
.booth-wall{top:102px}
.lobby-booth{height:207px;top:24%}
.booth-sign strong{line-height:1.4}
.door-prompt{top:calc(100% + 27px)}
.lobby-controls{gap:14px;max-width:95%;white-space:normal;text-align:center}
.lobby-controls span{flex-shrink:0}
.case-text p,.hint,.notice{line-height:1.7}
@media(max-width:850px){.lobby-booth{height:183px;top:25%}.booth-sign{min-height:73px}.booth-roof{top:58px}.booth-wall{top:92px}.lobby-heading{flex-wrap:wrap}.lobby-heading .btn{max-width:100%}}
@media(max-width:600px){
 .lobby-world{height:520px}
 .lobby-booth{height:157px;top:30%}
 .booth-sign{min-height:75px;padding:5px 2px}
 .booth-sign small{line-height:1.2;letter-spacing:.5px}
 .booth-sign strong{line-height:1.35;max-width:96%;letter-spacing:-.5px}
 .booth-roof{top:60px;height:30px}
 .booth-wall{top:88px}
 .door-prompt{top:calc(100% + 26px);max-width:112px;white-space:normal;line-height:1.3;min-height:30px;display:flex;align-items:center;justify-content:center;width:max-content}
 .lobby-controls .desktop-control{display:none}
 .lobby-controls{min-height:38px;padding:8px;width:90%;bottom:12px}
 .lobby-controls span:last-child{width:auto}
 .lobby-heading{padding-left:70px}
 .lobby-heading h1{overflow-wrap:anywhere}
 .game-title>div{flex-basis:calc(100% - 75px)}
 .game-title .step-badge{margin-left:auto}
 .timer{min-width:115px;padding:7px 12px}
 .game-nav{gap:12px;align-items:center}
 .game-nav .back{max-width:calc(100% - 125px);text-align:left;line-height:1.5}
 .product{min-height:158px;padding:10px 6px}
 .product .product-label{overflow-wrap:anywhere}
 .case-panel{grid-template-columns:130px minmax(0,1fr)}
 .case-photo{width:130px}
 .case-panel .case-text{padding:12px 10px}
 .result-scores{gap:15px;flex-wrap:wrap}
 .result-scores>div{min-width:75px}
 .result-scores b{font-size:29px;font-family:var(--title-font)}
 .final-actions .btn{font-size:16px;font-family:var(--body-font);padding:12px}
 dialog{padding:26px 20px}
 .classification{gap:8px}
 .classification button{line-height:1.5;min-height:48px}
 .avatar-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}
}
.pack-answer{padding:18px;margin:15px 0 20px;border:2px solid var(--green);background:#edf5d3;text-align:center}.answer-check{display:block;color:var(--green);font-size:24px;font-family:var(--title-font);font-synthesis:none}.pack-answer h2{color:var(--green);margin:10px 0!important}.pack-answer p{font-size:18px!important;line-height:1.7}.answer-reward{display:inline-block;background:var(--lime);border:1px solid var(--green);padding:4px 12px;font-size:17px;font-family:var(--body-font)}#next-drug{width:100%}.pack-wrong{border-left:4px solid #a23e40;background:#fff1eb;padding:12px;font-size:18px;line-height:1.6;font-family:var(--body-font)}.warm-reason{padding:26px;background:#fff9df;border:2px solid var(--green);margin:25px 0}.warm-reason h2{font-size:24px;font-family:var(--title-font);font-synthesis:none;margin:10px 0 14px}.warm-reason p{font-size:19px;font-family:var(--body-font);line-height:1.8;margin:10px 0}.warm-reason .reason-note{font-size:16px;color:var(--muted)}.reason-source{font-size:15px;font-family:var(--body-font);color:var(--green);text-decoration:underline}@media(max-width:600px){.warm-reason{padding:20px}.warm-reason h2{font-size:22px}.pack-answer{padding:14px}}