:root{scroll-behavior:smooth}.arrivalShell{min-height:100vh;background:#080503}.arrivalScene{position:relative;isolation:isolate;width:100%;min-height:clamp(680px,100vh,980px);overflow:hidden;background:#130b07 url('/assets/tavern-open-arrival-v1.png') center/cover no-repeat;border-bottom:1px solid #8a5925;box-shadow:inset 0 -110px 120px #080503}.arrivalScene:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#050302b8 0,#07040324 25%,transparent 56%,#070403d4 100%),radial-gradient(circle at 51% 48%,transparent 0 11%,#12080324 27%,#0503027a 100%);pointer-events:none}.arrivalScene:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#f5a52824 0 2%,transparent 20%);mix-blend-mode:screen;animation:hearthGlow 3.8s ease-in-out infinite alternate}.arrivalHeading{position:absolute;z-index:3;top:clamp(26px,5vw,64px);left:50%;width:min(760px,90vw);transform:translateX(-50%);text-align:center;text-shadow:0 3px 16px #000,0 1px 3px #000}.arrivalHeading h1{margin:.1em 0;color:#fff0d1;font-size:clamp(2.8rem,6vw,6rem);line-height:.95}.arrivalHeading>p:last-child{margin:12px auto 0;color:#e3c79b;font-size:clamp(1rem,1.5vw,1.25rem)}.garrickWelcome{position:absolute;z-index:4;left:clamp(18px,7vw,120px);bottom:clamp(78px,12vh,145px);width:min(330px,42vw);padding:15px 17px;border:1px solid #b47b36;border-radius:12px;background:#130b07e8;box-shadow:0 12px 30px #000a;color:#dbc098;backdrop-filter:blur(5px)}.garrickWelcome:before{content:"";position:absolute;left:25px;bottom:-10px;width:18px;height:18px;border-right:1px solid #b47b36;border-bottom:1px solid #b47b36;background:#130b07;transform:rotate(45deg)}.garrickWelcome strong{display:block;margin-bottom:4px;color:#f5d79e;font-size:1.12rem}.garrickWelcome span{font-size:.92rem;line-height:1.4}.sceneHotspots{position:absolute;z-index:5;inset:0}.hotspot{position:absolute;display:flex;min-width:145px;padding:10px 12px 10px 33px;flex-direction:column;border:1px solid #a56c2f;border-radius:9px;background:#100a06dc;box-shadow:0 7px 24px #000c;color:#f0d5aa;text-decoration:none;opacity:.84;transform:translate(-50%,-50%);transition:.2s ease;backdrop-filter:blur(4px)}.hotspot:hover,.hotspot:focus-visible{opacity:1;transform:translate(-50%,-55%);border-color:#edb859;background:#211208f2;box-shadow:0 10px 28px #000,0 0 24px #d68a273d;outline:none}.hotspot i{position:absolute;left:12px;top:14px;width:10px;height:10px;border:2px solid #ffe1a0;border-radius:50%;background:#d28c2f;box-shadow:0 0 0 5px #d28c2f35,0 0 15px #f1b24d;animation:waypoint 1.8s ease-in-out infinite}.hotspot strong{font-size:.96rem}.hotspot span{margin-top:2px;color:#bfa37b;font:normal .72rem Arial,sans-serif}.hotspot.notice{left:10%;top:45%}.hotspot.hearth{left:51%;top:57%}.hotspot.archway{left:65%;top:48%}.hotspot.stairs{left:77%;top:32%}.hotspot.sideDoor{left:91%;top:50%}.exploreCue{position:absolute;z-index:6;left:50%;bottom:24px;padding:10px 18px;transform:translateX(-50%);border:1px solid #9c692f;border-radius:99px;background:#130b07df;color:#e9c88f;text-decoration:none;font:700 .75rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.exploreCue span{display:inline-block;margin-left:8px;animation:bob 1.2s ease-in-out infinite}.openDirectory{padding:68px max(24px,calc((100vw - 1180px)/2)) 80px;background:radial-gradient(circle at 50% 0,#321a0e,#0b0705 55%);text-align:center}.openDirectory h2{margin:.15em 0 .55em;color:#f5e2bd;font-size:clamp(2.2rem,5vw,4rem)}.openDirectory .destinationGrid{padding:24px 0 0;text-align:left}.openDirectory .destinationGrid a{background:linear-gradient(145deg,#30190e,#160c08)}@keyframes waypoint{50%{box-shadow:0 0 0 9px #d28c2f12,0 0 22px #f1b24d}}@keyframes bob{50%{transform:translateY(4px)}}@keyframes hearthGlow{to{opacity:.55;transform:scale(1.025)}}@media(max-width:1050px){.hotspot.sideDoor{left:87%;top:55%}.hotspot.notice{left:13%}.hotspot{min-width:122px}.hotspot span{display:none}}@media(max-width:760px){.arrivalScene{min-height:720px;background-position:44% center}.arrivalHeading{top:24px}.arrivalHeading h1{font-size:2.75rem}.garrickWelcome{left:16px;bottom:70px;width:calc(100% - 32px)}.sceneHotspots{display:none}.exploreCue{bottom:16px;white-space:nowrap}.openDirectory{padding:52px 18px}.openDirectory .destinationGrid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.arrivalScene:after,.hotspot i,.exploreCue span{animation:none}}