/* Une scène au sol entre la carte et la rencontre : personnages, approche et voix. */
.arrival-scene{position:relative;min-height:690px;isolation:isolate;overflow:hidden;background:#163039}.arrival-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;z-index:-3;transform-origin:65% 55%}.arrival-shade{position:absolute;inset:0;background:linear-gradient(180deg,#081c27c9,transparent 28%,transparent 54%,#0b2029ef 83%);z-index:-1;pointer-events:none}.arrival-header{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:25px 27px;text-shadow:0 2px 8px #071820}.arrival-header>div{text-align:center}.arrival-header span{font-size:9px;color:#f2dab2}.arrival-header h2{font-size:30px;margin:10px 0 6px}.arrival-header p{font-size:11px;color:#e0e3d6;margin:0}.arrival-back{background:#132d36b3;border:1px solid #9ba69b55;border-radius:2px;padding:9px 11px;font-size:10px;white-space:nowrap;color:#e0e7da}.arrival-back:hover{background:#203c43}.arrival-ground{position:absolute;inset:125px 0 190px;pointer-events:none}.arrival-player{position:absolute;left:6%;bottom:0;height:98%;aspect-ratio:2/3;transform:translateX(-50%) scale(.91);transform-origin:50% 100%;filter:drop-shadow(3px 4px 3px #061a2066)}.arrival-player-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.arrival-player>i,.arrival-mentor>i{position:absolute;bottom:1%;left:25%;width:50%;height:5%;border-radius:50%;background:#061c25a3;filter:blur(5px);z-index:-1}.arrival-player .phone-prop{left:63%;top:46%;width:9%;height:12%}.arrival-player .satchel-prop{left:25%;top:45%;width:29%;z-index:2}.arrival-mentor{position:absolute;left:70%;bottom:0;transform:translateX(-50%);height:94%;aspect-ratio:1/2;background-image:url('assets/sachants-debout.png');background-size:300% 100%;filter:drop-shadow(3px 4px 3px #061a2066)}.mentor-1{background-position:0 0}.mentor-2{background-position:50% 0}.mentor-3{background-position:100% 0}.arrival-npc-name{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font:15px Georgia,serif;white-space:nowrap;color:#f5dfb6;text-shadow:0 2px 5px #071b22}.walking .arrival-player-image{animation:arrival-step .32s linear infinite alternate}.walking .arrival-player .satchel-prop,.walking .arrival-player .phone-prop{animation:arrival-step .32s linear infinite alternate}.arrival-foot{position:absolute;bottom:0;left:0;right:0;padding:15px 28px 25px;background:linear-gradient(transparent,#0c2029e8 20%,#0c2029fa)}.arrival-status{font-size:10px;color:#efdbb5;margin:0 0 13px;text-align:center;line-height:1.6;letter-spacing:.02em}.arrival-conversation{border-top:1px solid #d9c69355;padding-top:15px}.arrival-conversation>span{font-size:10px;color:var(--brass)}.arrival-conversation>p{color:#edf0e6;font:18px/1.6 Georgia,serif;margin:9px 0 14px;max-width:800px}.arrival-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arrival-actions>button{font-size:11px}.arrival-skip{background:none;border:0;padding:9px 0;color:#c4d3d1;font-size:10px!important;text-decoration:underline;text-underline-offset:4px}.arrival-conversation>small{display:block;margin-top:12px;font-size:9px;line-height:1.6;color:#a7bfbd}.arrival-scene:not(.arrived) .arrival-conversation>p{color:#b9cbc5;font:13px/1.7 ui-sans-serif,sans-serif}.arrival-scene.location-2 .arrival-backdrop{object-position:66% 50%}.arrival-scene.location-3 .arrival-backdrop{object-position:88% 50%}
@keyframes arrival-step{to{transform:translateY(-1.5px)}}
@media(max-width:700px){.arrival-scene{min-height:730px}.arrival-header{padding:17px 14px;gap:12px;flex-wrap:wrap}.arrival-header>div{order:3;width:100%;margin-top:9px}.arrival-header h2{font-size:27px}.arrival-back{font-size:9px;padding:8px 9px}.arrival-ground{inset:187px 0 285px}.arrival-player{height:94%}.arrival-mentor{height:91%;left:74%}.arrival-npc-name{font-size:13px;top:-17px}.arrival-foot{padding:15px 17px 22px}.arrival-conversation>p{font-size:16px;margin-bottom:12px}.arrival-actions{gap:10px}.arrival-actions>button{font-size:10px;padding:11px 12px}.arrival-actions .arrival-skip{min-height:30px;padding:4px 0}.arrival-backdrop{object-position:51% 50%}.arrival-scene.location-2 .arrival-backdrop{object-position:68% 50%}.arrival-scene.location-3 .arrival-backdrop{object-position:90% 50%}}
@media(prefers-reduced-motion:reduce){.walking .arrival-player-image,.walking .arrival-player .satchel-prop,.walking .arrival-player .phone-prop{animation:none}}


@media(prefers-reduced-motion:reduce){.arrival-scene.arrived .arrival-backdrop{transform:none}}

.arrival-backdrop,.arrival-player{will-change:transform}