/* One expanded room fills the complete viewport; the paper panel floats above it. */
#world{background:#eac697 url('assets/world-room-wide.png') center center/cover no-repeat!important}
.world-room{gap:0;padding:0;grid-template-columns:minmax(0,1fr) minmax(390px,35%)}
.world-left{background:none;padding:20px 0 12px 8px}
.world-title{padding:10px 0 0 27%;position:relative;z-index:1}
.world-title h2{font-size:clamp(32px,3.5vw,56px)}
.world-title p{font-size:19px}
.conversation-panel{position:relative;height:calc(100% - 48px);margin:24px 24px 24px 0;padding-top:36px}
.conversation-panel header{padding-right:26px}
.panel-leaf{position:absolute;right:12px;top:9px;width:36px;height:65px;stroke:#bd9b6b;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none;pointer-events:none;opacity:.85}
.world-actions{padding-left:24px;min-height:54px}
.world-actions #saveWorld{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.letter-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#worldImage{margin-top:12px}
@media(min-width:1650px){.world-room{padding:0;gap:0}.world-left{padding-top:24px}.conversation-panel{margin:28px 28px 28px 0;height:calc(100% - 56px)}}
@media(max-width:1000px){.world-room{padding:0;gap:0;grid-template-columns:minmax(0,1fr) minmax(320px,42%)}.world-left{padding:16px 0 10px 8px}.world-title{padding-left:22%;padding-top:14px}.world-title h2{font-size:32px}.world-title p{font-size:15px}.conversation-panel{height:calc(100% - 28px);margin:14px 14px 14px 0;padding-top:30px}#worldImage{margin-top:12px}.world-actions{padding-left:12px}.panel-leaf{width:28px;height:48px}}
@media(max-width:700px){#world{background-position:35% top!important;background-size:auto 100dvh!important;background-attachment:fixed!important}.world-room{display:flex;padding:0;gap:0}.world-left{height:53dvh;min-height:405px;width:100%;padding:12px 8px 2px;background:none}.world-title{padding:12px 0 0 24%}.world-title h2{font-size:27px}.world-title p{font-size:13px}.world-actions{right:10px;top:12px;padding:0}.conversation-panel{width:calc(100% - 20px);margin:0 10px 12px;height:56dvh;min-height:440px;padding-top:26px}#worldImage{margin-top:10px}.world-actions #saveWorld{font-size:11px;gap:6px}.letter-icon{width:18px;height:18px}.back-world{font-size:11px}.panel-leaf{height:43px;width:25px;right:12px;top:10px}}
.world-actions #saveWorld>span{display:inline!important;font:inherit;line-height:inherit;color:inherit;background:none;padding:0;border-radius:0;max-width:none;white-space:nowrap}
