.quest-game-dialog.cinematic-encounter{width:min(1120px,96vw);max-width:1120px;background:#182d2a;color:#f6e8c7;padding:20px;border:1px solid #988056;box-shadow:0 30px 100px #0009}.cinematic-encounter h2,.cinematic-encounter h3{color:#f8e8bb}.cinematic-encounter .eyebrow{color:#d1bb87}.cinematic-encounter>.dialog-close{background:#29463c;color:#f5e8c6;border-color:#847957}.commission-title{padding:12px 18px 20px}.commission-title h2{font-size:clamp(30px,4vw,46px);margin:10px 0}.commission-title p{max-width:680px;line-height:1.7;margin:0;color:#dfd4b7}.commission-scene{position:relative;aspect-ratio:1000/580;overflow:hidden;border:1px solid #756849;border-radius:12px;background:#28332e}.commission-room{display:block;width:100%;height:100%;animation:commission-arrive 1.2s ease-out both;transform-origin:55% 60%}.commission-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);padding:0!important;border:0!important;background:none!important;color:#fff0be!important;display:grid;justify-items:center;gap:7px;min-width:74px;min-height:60px}.commission-hotspot>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#183e35c9;border:1px solid #f9dc8b;box-shadow:0 0 0 6px #ecd08924,0 0 28px #edbc70b3;font:26px Georgia;animation:commission-beacon 3s ease-in-out infinite}.commission-hotspot small{font-size:12px;background:#142f2ce8;border:1px solid #a08a5f;padding:5px 10px;border-radius:4px;color:#f9e5b3}.commission-hotspot.found>span{animation:none;background:#365a43}.commission-hotspot:focus-visible{outline:3px solid #ffe5a0!important;outline-offset:7px}.commission-art-note{position:absolute;bottom:12px;left:16px;font-size:10px;letter-spacing:1px;color:#d7c69d;background:#172d2acc;padding:5px 9px;border-radius:3px}.commission-journal{padding:26px 18px 8px;display:grid;gap:16px}.commission-journal p{font-size:14px;line-height:1.7;color:#ddd4b8;margin:8px 0}.commission-journal h3{font:26px Georgia;margin:8px 0}.commission-records{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commission-records button{display:grid;grid-template-columns:28px 1fr;gap:5px;text-align:left;background:#28443b;color:#f3e6c4;border-color:#7d7855;border-radius:8px;padding:14px}.commission-records button small{grid-column:2;font-size:12px;color:#ceb989}.commission-records button:disabled{opacity:.55}.commission-record-page{background:#f5ecd8;color:#334536;padding:28px;border-radius:10px}.commission-record-page h2{color:#334536}.commission-record-page .eyebrow{color:#6e683d}.commission-route-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.commission-route-slots>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;min-height:130px;background:linear-gradient(135deg,#ded1aa,#faf0d4);border:1px solid #ab9461;border-radius:10px;padding:12px;box-shadow:0 5px 0 #a08a5840}.commission-route-slots b{border-radius:50%;border:1px solid #8a7449;width:30px;height:30px;display:grid;place-items:center;color:#5c603e}.commission-route-slots span{font:20px/1.4 Georgia}.commission-route-bank{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.commission-route-bank button{padding:14px 18px;min-height:48px}.commission-departure{padding:20px;border-radius:14px;background:radial-gradient(ellipse at top right,#eed7a0,transparent),#f7f0db}.commission-departure h2{font-size:38px}.commission-lamp-glow{animation:commission-flicker 3.1s ease-in-out infinite}.commission-flame{transform-origin:633px 196px;animation:commission-flame 1.8s ease-in-out infinite}.commission-light-beam{animation:commission-light 8s ease-in-out infinite}.commission-dust{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 30%,#ffe0a160 1px,transparent 2px),radial-gradient(circle at 69% 54%,#ffe0a150 1px,transparent 2px),radial-gradient(circle at 78% 69%,#ffe0a160 1px,transparent 2px);animation:commission-drift 14s ease-in-out infinite}@keyframes commission-arrive{from{transform:scale(1.06);opacity:.6}to{transform:scale(1);opacity:1}}@keyframes commission-beacon{50%{box-shadow:0 0 0 10px #ecd08908,0 0 38px #edbc7080}}@keyframes commission-flicker{50%{opacity:.65}}@keyframes commission-flame{50%{transform:skewX(5deg) scaleY(.92)}}@keyframes commission-light{50%{opacity:.15}}@keyframes commission-drift{50%{transform:translate(-15px,-18px)}}
@media(max-width:650px){.quest-game-dialog.cinematic-encounter{padding:12px;width:96vw}.commission-title{padding:8px 6px 16px}.commission-title h2{font-size:29px}.commission-title p{font-size:14px}.commission-scene{aspect-ratio:1/1}.commission-room{width:165%;max-width:none;position:absolute;left:-30%;height:100%;object-fit:cover}.commission-hotspot>span{width:34px;height:34px}.commission-hotspot small{font-size:10px;padding:4px 6px}.commission-hotspot[data-discovery=promise]{left:15%;top:59%}.commission-hotspot[data-discovery=witness]{left:79%;top:66%}.commission-hotspot[data-discovery=prayer]{left:58%;top:31%}.commission-records{grid-template-columns:1fr;gap:8px}.commission-records button{grid-template-columns:22px 1fr auto;align-items:center;padding:12px}.commission-records button small{grid-column:3}.commission-journal{padding:20px 4px}.commission-route-slots{grid-template-columns:1fr 1fr;gap:10px}.commission-route-slots>div{min-height:110px}.commission-record-page{padding:16px}.commission-departure{padding:12px}.commission-departure h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.commission-room,.commission-hotspot>span,.commission-lamp-glow,.commission-flame,.commission-light-beam,.commission-dust{animation:none!important}}
body.motion-paused .commission-room,body.motion-paused .commission-hotspot>span,body.motion-paused .commission-lamp-glow,body.motion-paused .commission-flame,body.motion-paused .commission-light-beam,body.motion-paused .commission-dust{animation:none!important}
/* Later Acts scenes retain native controls and no timed or dragging-only tasks. */
.acts-encounter{width:min(1000px,96vw);max-width:1000px}.acts-encounter h2{font:clamp(27px,4vw,40px)/1.2 Georgia}.acts-encounter p{line-height:1.7}.acts-panorama{position:relative;overflow:hidden;border-radius:12px;background:#253c42;margin:20px 0;aspect-ratio:1000/330}.acts-panorama svg{display:block;width:100%;height:100%}.acts-panorama>p{position:absolute;bottom:8px;left:12px;padding:3px 8px;margin:0;background:#142e30e8;color:#f4e7c5;font-size:11px}.acts-record-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.acts-record-bank button{display:grid;gap:9px;text-align:left;padding:20px;min-height:72px;background:#314f44;color:#ffedc6;border:1px solid #8e805b;border-radius:8px}.acts-record-bank small{font-size:10px;letter-spacing:1.5px;color:#ead4a3}.acts-record-bank strong{font:22px Georgia}.acts-record-bank button:disabled{opacity:.5}.acts-classify{padding:18px;border:1px solid #a49a76;border-radius:10px;margin:18px 0}.acts-classify legend{font-weight:bold;padding:0 8px}.acts-classify label{display:flex;gap:10px;align-items:center;padding:10px;min-height:44px}.acts-classify input{width:20px;height:20px;flex:none}.acts-course{display:grid;gap:12px;padding-left:32px}.acts-course li{padding:14px;background:#e8ddbe;border-radius:8px}.acts-resolution{animation:acts-arrive .8s ease-out}.acts-vessel{transform-origin:500px 220px;animation:acts-roll 6s ease-in-out infinite}.acts-swell{animation:acts-swell 8s ease-in-out infinite}.acts-encounter button:focus-visible,.acts-encounter input:focus-visible{outline:3px solid #947020;outline-offset:4px}@keyframes acts-roll{50%{transform:rotate(2deg) translateY(5px)}}@keyframes acts-swell{50%{transform:translate(-30px,7px)}}@keyframes acts-arrive{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:600px){.acts-record-bank{grid-template-columns:1fr}.acts-panorama{aspect-ratio:2/1}.acts-panorama>p{font-size:9px;right:8px}.acts-classify{padding:10px}}@media(prefers-reduced-motion:reduce){.acts-vessel,.acts-swell,.acts-resolution{animation:none!important}}body.motion-paused .acts-vessel,body.motion-paused .acts-swell,body.motion-paused .acts-resolution{animation:none!important}

/* Early-release disclosure remains legible against its pale background. */
.quest-game-dialog > .notice,.atlas-study-card > .notice{color:#253a32;background:#f0e7d2;border:1px solid #b7a67c;font-size:1rem;line-height:1.55;padding:.75rem 1rem;border-radius:.65rem}