/* Home uses content flow: text expansion and short screens must never overlap. */
#app.is-lobby{overflow-y:auto;overflow-x:hidden;height:100dvh;background:#fff3dc}
#app.is-lobby #main{position:relative;inset:auto;display:block;height:auto;min-height:calc(100dvh - 58px);overflow:visible}
#app.is-lobby #scene-stage{display:none}
#app.is-lobby #header{position:absolute;top:0;left:0;right:0;height:62px;pointer-events:none;background:transparent}
#app.is-lobby #header .header-actions{pointer-events:auto}
#app.is-lobby #header .header-center{display:none}
#app.is-lobby #lobby{position:relative;inset:auto;min-height:calc(100dvh - 58px);display:grid;grid-template-columns:minmax(340px,44%) minmax(0,56%);grid-template-rows:auto 1fr;pointer-events:auto;overflow:hidden;background:#fff3dc}
#app.is-lobby .game-cover-title{position:relative;inset:auto;grid-column:1;grid-row:1;width:auto;z-index:2;padding:100px 30px 22px max(30px,6vw);text-align:left}
#app.is-lobby .game-cover-title h1{font-size:clamp(52px,6vw,88px);margin:10px 0;white-space:nowrap}
#app.is-lobby .game-cover-title>p{font-size:20px;display:block}
#app.is-lobby .keyart{position:relative;inset:auto;grid-column:2;grid-row:1/3;width:100%;height:100%;min-height:590px;background-size:cover;background-position:center 42%;z-index:0}
#app.is-lobby .keyart:after{background:linear-gradient(90deg,#fff3dc,transparent 20%),linear-gradient(0deg,#fff3dc,transparent 18%)}
#app.is-lobby .lobby-copy{position:relative;inset:auto;transform:none;grid-column:1;grid-row:2;width:auto;max-width:540px;align-self:end;z-index:2;padding:0 30px 32px max(30px,6vw);text-align:left}
#app.is-lobby .script-intro{margin:0;padding:16px 18px}
#app.is-lobby .lobby-start{display:grid;grid-template-columns:1fr;gap:8px;margin:16px 0 0;width:100%;justify-items:stretch}
#app.is-lobby .lobby-start .button{width:100%;min-width:0;max-width:none}
#app.is-lobby .lobby-start .primary{height:auto;min-height:60px;padding:12px 22px;font-size:22px}
#app.is-lobby .lobby-start .ghost{min-height:40px;padding:8px;font-size:16px}
#app.is-lobby #footer{position:relative;inset:auto;min-height:58px;height:auto;padding:4px 20px max(8px,env(safe-area-inset-bottom));background:#fff3dc}
#app.is-lobby .lobby-footer{justify-content:center;gap:24px;flex-wrap:wrap;padding:0}
#app.is-lobby .lobby-footer button{min-height:44px;font-size:14px}
#app.is-lobby .lobby-footer>span{font-size:13px;display:block!important}
#app.is-lobby .cover-note,#app.is-lobby .cover-quest{display:none}
@media(max-width:700px){
 #app.is-lobby #lobby{display:flex;flex-direction:column;min-height:calc(100dvh - 58px)}
 #app.is-lobby .game-cover-title{order:0;padding:68px 20px 10px;text-align:center;flex:none}
 #app.is-lobby .game-cover-title h1{font-size:clamp(43px,14vw,58px);letter-spacing:-2px;line-height:1.12;margin:7px 0}
 #app.is-lobby .game-cover-title>p{font-size:16px;margin:8px 0 0}
 #app.is-lobby .cover-episode{font-size:12px;letter-spacing:2px}
 #app.is-lobby .keyart{order:1;flex:1 0 240px;min-height:240px;height:clamp(240px,32dvh,340px);max-height:360px;background-size:cover;background-position:center 43%}
 #app.is-lobby .keyart:after{background:linear-gradient(180deg,#fff3dc,transparent 12%,transparent 88%,#fff3dc)}
 #app.is-lobby .lobby-copy{order:2;flex:none;align-self:stretch;max-width:none;padding:12px 20px 10px;text-align:center}
 #app.is-lobby .script-intro{text-align:left;padding:13px 16px}
 #app.is-lobby .script-intro p{font-size:16px;line-height:1.65;margin:6px 0 0}
 #app.is-lobby .script-intro>span{font-size:12px}
 #app.is-lobby .lobby-start{margin-top:12px;gap:4px}
 #app.is-lobby .lobby-start .primary{font-size:21px;min-height:58px}
}
@media(min-width:701px) and (max-height:650px){#app.is-lobby .game-cover-title{padding-top:72px}#app.is-lobby .keyart{min-height:520px}}
#app.is-lobby{display:block}
#app.is-lobby #main{flex:none}
@media(max-width:700px){#app.is-lobby .keyart{background-position:center 35%}}
#app.is-lobby .game-cover-title>p{display:inline-block;color:#244e40;background:#fffdf1;border:1px solid #dddcc3;border-radius:12px;padding:10px 16px;font-size:20px;font-weight:700;line-height:1.5;text-shadow:none;margin:12px 0 0;letter-spacing:.5px;box-shadow:0 3px 9px #5c694b0c}
@media(max-width:700px){#app.is-lobby .game-cover-title>p{font-size:17px;padding:9px 14px;margin:10px 0 4px}}