/* The opening is a place, not a roster dashboard. */
body:has(.gg-garage)>header,body:has(.gg-garage)>footer{display:none!important}body:has(.gg-garage) #main{max-width:none;margin:0;padding:0}.gg-garage{height:100svh;min-height:760px;padding:24px 4vw;isolation:isolate;background:#18242a;overflow:hidden}.gg-outside{position:absolute;inset:0 0 27% 32%;z-index:-4;background:linear-gradient(#142a3422,#112c3b44),url('assets/art/velora-outpost-v1.webp') 58% 44%/cover;animation:gg-daylight 12s ease-in-out infinite alternate}.gg-architecture{position:absolute;inset:0;z-index:-2;pointer-events:none}.gg-doorframe{position:absolute;inset:0;border-top:65px solid #152429;border-left:30vw solid #18292d;border-right:4vw solid #16252b;box-shadow:inset 0 0 0 12px #283e40,inset 0 20px 50px #061018}.gg-doorframe:after{content:'';position:absolute;top:0;left:-25px;bottom:20%;width:12px;background:repeating-linear-gradient(145deg,#d9ae62 0 20px,#243638 20px 40px)}.gg-floor{position:absolute;left:-20%;right:-20%;bottom:-35%;height:85%;background:repeating-linear-gradient(90deg,transparent 0 159px,#80928618 160px 162px),repeating-linear-gradient(0deg,#263b3d 0 94px,#3f5350 95px 97px);transform:perspective(500px) rotateX(44deg);box-shadow:0 -30px 90px #c2dbbd20}.gg-bench{position:absolute;left:3%;width:27%;top:52%;height:35%;border-top:20px solid #9a754c;background:linear-gradient(90deg,#152329 8%,transparent 8% 89%,#152329 89%),linear-gradient(#0a1822,transparent);box-shadow:0 -5px 0 #c39963}.gg-lamp{position:absolute;left:10%;top:12%;width:160px;height:9px;background:#ffe5ac;box-shadow:0 0 25px #ffd89988,0 70px 110px 60px #e8c17422}.gg-wallmark{position:absolute;left:7%;top:24%;font:bold 12px monospace;letter-spacing:4px;color:#82938b}.gg-wallmark b{display:block;font-size:100px;line-height:1;color:#c8b58b24}.gg-wallmark small{font-size:9px}.gg-charger{position:absolute;left:31%;right:4%;bottom:24%;display:flex;justify-content:space-around}.gg-charger i{width:70px;height:6px;background:#b1dfc6;box-shadow:0 0 30px 5px #a2d8c344;border-radius:50%}.gg-garage header{position:relative;z-index:10}.gg-garage header button{background:#0d202455;border-color:#c7d5bc33}.gg-road-sign{position:absolute;right:8%;top:19%;font:10px monospace;letter-spacing:2px;color:#ffe3a2;text-shadow:0 2px 10px #000;background:#172e3577;padding:10px;border-left:2px solid #edb75d}.gg-road-sign span{display:block;margin-top:6px;font-size:8px;color:#e0e9d8}.gg-welcome{position:absolute;left:5%;top:16%;z-index:2;max-width:530px;text-shadow:0 3px 25px #061219}.gg-welcome h1{font-size:clamp(32px,4vw,55px)}.gg-welcome p{font-size:14px}.gg-workbench-pack{position:absolute;left:5%;top:40%;width:240px;text-align:center;z-index:3}.gg-workbench-pack .fp-pack{width:145px;margin:0 auto 24px}.gg-workbench-pack .fp-cta{font-size:13px;padding:12px 18px}.gg-workbench-pack small{color:#d8d8bb}.gg-riders{position:absolute;left:33%;right:5%;top:26%;height:38%;display:flex;justify-content:center;align-items:end;gap:0}.gg-rider,.gg-empty{width:33.33%;height:100%;position:relative}.gg-garage .gg-rider,.gg-garage .gg-rider:hover,.gg-garage .gg-rider:focus,.vw-world .vw-crew button,.vw-world .vw-crew button:hover,.vw-world .vw-crew button:focus{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:0}.gg-rider{animation:gg-arrival .8s cubic-bezier(.2,.8,.2,1) both}.gg-rider>svg{width:100%;height:100%;overflow:visible;transform-origin:50% 88%;animation:gg-idle 4s calc(var(--seat)*-.8s) ease-in-out infinite;filter:drop-shadow(0 15px 9px #07141666)}.gg-groundlight{position:absolute;left:15%;right:15%;bottom:4%;height:12%;border-radius:50%;background:radial-gradient(ellipse,#e7d09a55,transparent 70%);opacity:.4;transition:opacity .25s,scale .25s}.gg-rider:hover .gg-groundlight,.gg-rider:focus-visible .gg-groundlight,.gg-rider.is-speaking .gg-groundlight{opacity:1;scale:1.3}.gg-rider:hover>svg,.gg-rider:focus-visible>svg{animation:gg-rev .6s ease-in-out infinite alternate}.gg-rider[data-personality="1"]:hover>svg,.gg-rider[data-personality="1"]:focus-visible>svg{animation:gg-dart .9s ease-in-out infinite alternate}.gg-rider[data-personality="2"]:hover>svg,.gg-rider[data-personality="2"]:focus-visible>svg{animation:gg-sway 1.5s ease-in-out infinite alternate}.gg-rider-name{position:absolute;bottom:-20px;left:0;right:0;font-size:11px;color:#fff0cb;text-shadow:0 2px 6px #000}.gg-reaction{position:absolute;top:0;left:10%;right:0;font:italic 16px Georgia;color:#fff2d0;text-shadow:0 2px 8px #000;opacity:0;transform:translateY(8px);transition:.25s}.gg-rider:hover .gg-reaction,.gg-rider:focus-visible .gg-reaction{opacity:1;transform:none}.gg-empty{display:grid;align-items:end;text-align:center;color:#c4dac34d;padding-bottom:15px}.gg-empty span{font:40px monospace;border-bottom:2px solid #afc7b422}.gg-conversation{position:absolute;left:5%;right:5%;bottom:24px;display:flex;align-items:center;gap:30px;min-height:210px;padding:16px 26px;background:linear-gradient(90deg,#0a1b22ed,#102b32d9 75%,#142b3330);border-left:3px solid #e5c18a;z-index:4}.gg-card-keepsake{width:125px;flex-shrink:0;transform:rotate(-6deg);align-self:end}.gg-card-keepsake .collectible{width:125px!important;pointer-events:none}.gg-card-keepsake>small{font-size:8px;letter-spacing:1px;text-align:center;line-height:1.5}.gg-dialogue{flex:1;min-width:0}.gg-dialogue h1{font:30px Georgia;margin:6px 0}.gg-dialogue blockquote{font:italic clamp(17px,2vw,23px)/1.4 Georgia;margin:8px 0;color:#f9e7c3}.gg-dialogue>p:not(.eyebrow){font-size:12px;margin:8px 0}.gg-dialogue .eyebrow{font-size:9px;margin:0}.gg-dialogue .fp-cta{font-size:14px;padding:12px 24px}.gg-dialogue small{margin-top:10px;font-size:10px}.gg-departure{display:none;position:absolute;inset:0;z-index:20;align-items:center;justify-content:center;flex-direction:column;background:#091921;color:#f2dfb7}.gg-departure strong{font:clamp(30px,5vw,58px) Georgia;margin:20px}.gg-departure>span,.gg-departure>small{letter-spacing:5px;font-size:11px}.gg-leaving .gg-departure{display:flex;animation:gg-depart 1.5s both}.gg-leaving .gg-riders{animation:gg-rideout 1s both}.gg-garage.fp-unsealing .gg-workbench-pack{filter:drop-shadow(0 0 40px #efd596)}.gg-garage button:focus-visible{outline:2px solid #f4d99d;outline-offset:5px}.gg-garage .gg-rider:focus-visible{outline:0}.gg-rider:focus-visible .gg-rider-name{text-decoration:underline;text-underline-offset:5px}
@keyframes gg-idle{50%{transform:translateY(-4px) rotate(1deg)}}@keyframes gg-rev{to{transform:translateX(5px) rotate(4deg)}}@keyframes gg-dart{to{transform:translateX(13px) rotate(-5deg)}}@keyframes gg-sway{to{transform:translateY(-8px) rotate(-4deg)}}@keyframes gg-arrival{from{opacity:0;transform:translateX(-80px) scale(.8)}to{opacity:1;transform:none}}@keyframes gg-daylight{to{filter:brightness(1.1)}}@keyframes gg-depart{0%,30%{opacity:0}70%,100%{opacity:1}}@keyframes gg-rideout{to{transform:translate(90px,-50px) scale(.7);opacity:0}}
@media(max-width:700px){.gg-garage{min-height:850px;padding:18px}.gg-doorframe{border-left-width:10vw;border-right-width:6vw}.gg-outside{left:10%;bottom:35%}.gg-wallmark,.gg-lamp{display:none}.gg-bench{left:5%;top:58%;width:70%;height:25%}.gg-road-sign{top:13%;right:10%;font-size:8px}.gg-welcome{top:21%;left:8%}.gg-welcome h1{font-size:34px}.gg-workbench-pack{left:calc(50% - 120px);top:44%}.fp-step-0 .gg-riders{display:none}.gg-riders{left:7%;right:7%;top:22%;height:28%}.gg-rider-name{font-size:10px}.gg-reaction{font-size:11px}.gg-conversation{left:5%;right:5%;bottom:24px;padding:18px 16px;gap:15px;min-height:300px}.gg-card-keepsake{width:90px}.gg-card-keepsake .collectible{width:90px!important}.gg-dialogue h1{font-size:25px}.gg-dialogue blockquote{font-size:18px}.gg-dialogue .fp-cta{font-size:12px;padding:12px}.gg-charger{left:10%;bottom:45%}}
@media(prefers-reduced-motion:reduce){.gg-garage *,.gg-garage *:before,.gg-garage *:after{animation:none!important;transition:none!important}}html[data-motion=quick] .gg-garage *{animation:none!important;transition:none!important}
@media(min-width:701px){.gg-garage{min-height:700px}.gg-welcome h1{font-size:clamp(32px,3.5vw,46px)}.gg-workbench-pack{top:46%}.gg-bench{top:61%}}

.gg-rider .cs-sprite,.vw-crew .cs-sprite{overflow:hidden!important;animation:none!important;transform:none!important;filter:none!important}
@media(min-width:701px){.gg-riders{top:24%;height:32%}.gg-rider-name{bottom:-12px}}
