/* Cinema player: complete images, individual portraits, touch-safe controls. */
.edition{text-decoration:none;color:var(--cream)}.toolbar a{display:flex;align-items:center;text-decoration:none;color:var(--mint);font-size:11px;padding:0 10px;border:1px solid var(--line);border-radius:8px;min-height:44px}
#story-dialog{width:min(1180px,96vw);max-width:96vw;max-height:92svh;height:min(740px,92svh);border-radius:18px;background:#091f24}
#story-dialog[open]{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr);overflow:hidden}
#cinematic-panel{position:relative;min-width:0;min-height:0;display:flex;align-items:center;background:radial-gradient(ellipse at 50% 35%,#355652,#0c2225 75%);border-right:1px solid #ffffff1a;padding-bottom:130px}
#cinematic-panel #scene-art{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;flex-shrink:1}
.cinematic-caption{position:absolute;left:30px;right:30px;bottom:30px}.cinematic-caption .eyebrow{font-size:9px;letter-spacing:2px;color:#b6d3c8}.cinematic-caption h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;line-height:1.03;max-width:18ch;margin-top:10px}.scene-dots{display:flex;gap:7px;margin-top:20px}.scene-dots span{height:3px;flex:1;background:#ffffff26;border-radius:3px}.scene-dots .active{background:var(--gold)}
.chat-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:#102a2c}.chat-column .phone-header{padding:20px;min-height:79px;gap:10px}.phone-header b{font-size:11px;line-height:1.4;display:block}.phone-header small{font-size:9px}.chat-column #chapter-card{padding:17px 20px}.chat-column #chapter-card h2{font-size:28px}.chat-column #chapter-card p{font-size:12px;line-height:1.5}.chat-column #messages,#story-dialog:has(#scene-art:not([hidden])) #messages{flex:1;height:auto;max-height:none;min-height:0;padding:20px 16px}.chat-column .avatar{height:53px;width:53px;border-radius:14px;box-shadow:0 3px 10px #0002}.chat-column .bubble{max-width:calc(100% - 63px);padding:11px 13px}.chat-column .bubble p{font-size:14px;line-height:1.5}.chat-column .message{gap:9px;margin-bottom:20px}.chat-column .chat-bottom{padding:14px 18px;gap:10px;min-height:96px}.chat-bottom>div{min-width:0;max-width:50%}#chat-help{display:block;color:var(--muted);font-size:8px;letter-spacing:.8px;line-height:1.5}#skip-chat{display:block;font-size:11px;min-height:44px;padding:7px 0;color:#d8e4d7}.chat-bottom .primary{font-size:11px;white-space:nowrap;padding:13px 17px}
@media(max-width:760px){#story-dialog{width:96vw;max-width:96vw;height:94svh;max-height:94svh}#story-dialog[open]{grid-template-columns:1fr;grid-template-rows:32svh minmax(0,1fr)}#cinematic-panel{padding-bottom:0;border-right:0;border-bottom:1px solid #ffffff20;background:#061d20}#cinematic-panel #scene-art{height:100%;max-height:none;object-fit:contain}.cinematic-caption{left:14px;right:14px;bottom:10px;padding:10px 12px;background:#0c2426e8;border-radius:7px;max-width:calc(100% - 28px)}.cinematic-caption h2{font-size:20px;max-width:none;margin-top:4px}.cinematic-caption .eyebrow{font-size:8px}.scene-dots{margin-top:8px;gap:5px}.scene-dots span{height:2px}.chat-column .phone-header{padding:10px 14px;min-height:52px}.chat-column #chapter-card{padding:8px 14px}.chat-column #chapter-card h2{font-size:21px;margin:4px 0}.chat-column #chapter-card p{font-size:10px}.chat-column #chapter-card .eyebrow{font-size:8px}.chat-column #messages{padding:12px}.chat-column .avatar{width:43px;height:43px;border-radius:11px}.chat-column .bubble{max-width:calc(100% - 52px);padding:10px 11px}.chat-column .bubble p{font-size:13px}.chat-column .bubble b{font-size:10px}.chat-column .chat-bottom{padding:9px 14px;min-height:77px}.toolbar a{font-size:9px;padding:0 7px}.toolbar{gap:5px}.toolbar button{padding:0 9px}.game-top h2{font-size:21px}}
@media(max-height:520px) and (orientation:landscape){#story-dialog{width:96vw;height:94svh;max-height:94svh}#story-dialog[open]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}#cinematic-panel{padding-bottom:70px}.cinematic-caption{bottom:12px;left:15px;right:15px;padding:0;background:transparent}.cinematic-caption h2{font-size:22px}.scene-dots{margin-top:9px}.chat-column .phone-header{padding:9px 12px;min-height:42px}.chat-column #chapter-card{padding:7px 12px}.chat-column #chapter-card h2{font-size:20px}.chat-column #chapter-card p{font-size:10px}.chat-column #messages{padding:10px}.chat-column .chat-bottom{min-height:64px;padding:6px 12px}.chat-column .bubble p{font-size:12px}.chat-column .avatar{width:39px;height:39px}.chat-column .primary{padding:10px 12px}}