body{background:#f4f0dc}.heading p{margin:8px 0;color:#75815f}.lobby{display:grid;grid-template-columns:1fr 350px;gap:48px;max-width:1000px;margin:30px auto;padding:36px}.lobby h2{font-size:27px}.lobby-art{width:180px;height:180px;object-fit:contain;image-rendering:pixelated}form{display:flex;flex-direction:column;gap:12px;justify-content:center}input,select{font:inherit;padding:13px;border:1px solid #cbd0b5;border-radius:12px;background:#fffcf2;color:#304332;min-width:0;width:100%;box-sizing:border-box}.or{text-align:center;color:#859077;margin:16px 0 4px}#room-badge{display:grid;gap:4px}#room-code{font-size:26px;letter-spacing:4px;color:#a16d2d}#connection{font-size:12px;color:#698255}#connection.offline{color:#b15335}#members{display:grid;gap:9px}.member{display:flex;align-items:center;gap:8px;font-size:13px}.member img{width:32px;height:38px;object-fit:contain;image-rendering:pixelated}.member small{display:block;color:#7e876d}#victory{padding:12px;background:#e9d899;border-radius:12px;font-weight:700}#play aside{gap:14px}#leave-room{margin-top:12px}#message{min-height:24px}#outfit{margin-top:8px}.quiet{text-decoration:none}.lobby button{min-height:48px}@media(max-width:700px){.lobby{grid-template-columns:1fr;gap:10px;padding:20px;margin:12px 0}.lobby-art{display:none}.lobby h2{font-size:22px}.lobby p{font-size:14px}.heading{align-items:start}#room-badge{margin-bottom:12px}#room-code{font-size:21px}header .brand small{display:none}.header-actions{gap:6px}#connection{max-width:95px}#play aside{display:grid;grid-template-columns:1fr 1fr}#play aside>.panel:first-child{grid-column:1/-1}}
/* Online panels are a simple column; solo chapter grid placement does not apply. */
#play aside{display:flex;flex-direction:column}#play aside>.panel{grid-column:auto;grid-row:auto}
@media(max-width:950px){#connection{max-width:80px;font-size:10px}.lobby{padding:14px;gap:16px}.lobby-art{max-height:130px}#room-badge{width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#room-code{font-size:17px;letter-spacing:2px}#copy-room{margin:0;min-height:44px;padding:6px 10px;font-size:11px}#room-badge small{font-size:10px}#play aside{gap:10px}.map-home{top:auto}#members{gap:8px}}
@media(max-width:950px) and (orientation:landscape){body:has(#play:not(.hidden)) .heading{display:flex}body:has(#play:not(.hidden)) .heading>div:first-child{display:none}#room-badge{justify-content:flex-end}#play aside{display:flex}}
.public-lobby{grid-column:1/-1;border-top:1px solid #d9ddc5;padding-top:22px;min-width:0}.public-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.public-head h2{font-size:23px}.public-head p{font-size:13px}.public-head button{flex-shrink:0}#public-rooms{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:12px}.public-room{padding:16px;border:1px solid #ced7b7;background:#eff2dc;border-radius:16px;min-width:0}.public-room strong{font-size:16px}.public-room p{font-size:12px}.public-room button{width:100%;min-height:48px}#public-status{font-size:13px}@media(max-width:600px){.public-head{align-items:flex-start;flex-direction:column}#public-rooms{grid-template-columns:1fr}.public-head h2{font-size:21px}}

.map-cart{position:absolute;left:8px;bottom:8px;min-height:44px;padding:8px 12px;border:1px solid #9caa75;border-radius:12px;background:#fff9e7ee;color:#3c573a;font:inherit;font-size:11px}
#story-caption{display:none;position:absolute;z-index:3;left:8px;right:8px;bottom:12px;padding:10px;border-radius:12px;background:#243b32ed;color:#fff4ce;text-align:center;font-weight:bold;font-size:13px;pointer-events:none}.story-playing #story-caption{display:block}.story-playing .map-home,.story-playing .map-cart{display:none}.story-playing .play-controls{opacity:.45;pointer-events:none}
.story-playing canvas{pointer-events:none}