/* Night Crew: retain the original arcade, with a clearer crew and route layer. */
.menu{display:block;padding:32px 6% 185px;background:linear-gradient(90deg,#060e1bea,#08152bad 42%,#06102122 78%)}
.menu h1{font-size:clamp(62px,6.5vw,90px)}.menu-description{display:none}.menu .eyebrow{margin-bottom:14px}.menu .start-hint{margin:10px 0 13px}.menu h1{margin-bottom:20px}
.hero-rocky{width:41%;right:7%;bottom:23%;aspect-ratio:1}.hero-sprite{inset:0;background-size:contain!important;background-position:center bottom!important;background-repeat:no-repeat;filter:drop-shadow(0 20px 20px #000a)}.hero-glow{opacity:.25}.hero-caption{bottom:-12px;left:28%;font-size:16px}
.crew-quick{position:absolute;left:6%;right:6%;bottom:116px;display:flex;gap:9px;z-index:5}.crew-quick button{min-height:42px;border:1px solid #67758c77;border-radius:8px;background:#101c2de6;color:#bfcadd;padding:9px 16px;display:flex;gap:8px;align-items:center;font-size:14px}.crew-quick button[aria-pressed=true]{color:#fff;border-color:var(--crew);background:#1b2c40}.crew-dot{height:7px;width:7px;border-radius:50%;background:var(--crew)}
.mode-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;bottom:24px}.mode-picker button{min-height:72px;background:#101a2ce8}.mode-picker button[data-mode=overdrive] .mode-number{color:#ff8a91}.mode-picker button[data-mode=overdrive][aria-pressed=true]{border-color:#ff8a91;background:#422039e8}.mode-picker button strong{font-size:15px}.mode-picker button small{font-size:12px}
.run-contract{position:absolute;z-index:2;left:30px;top:132px;width:260px;max-width:calc(100% - 60px);padding:11px 13px;background:#071423b8;border:1px solid #7894b54d;border-radius:9px;pointer-events:none;backdrop-filter:blur(6px)}.run-contract>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#d2def0}.run-contract strong{font-size:12px;white-space:nowrap;color:#ffd354}.run-contract>i{display:block;height:3px;background:#60708944;margin-top:9px;border-radius:3px;overflow:hidden}.run-contract b{display:block;height:100%;background:#ffce42;transition:width .12s}.run-contract.complete{border-color:#70e4c366}.run-contract.complete>div{color:#94ffe0}.run-contract.complete b{background:#94ffe0}
.route-progress{position:absolute;z-index:2;left:30px;right:30px;bottom:20px;display:grid;grid-template-columns:auto 1fr;gap:7px 16px;pointer-events:none;color:#b9c8dc;text-shadow:0 1px 4px #000;font-size:12px}.route-progress>span:first-child{color:#ffcc4b;font-weight:bold;letter-spacing:1px}.route-progress>span:nth-child(2){text-align:right}.route-progress>i{grid-column:1/-1;display:block;height:3px;background:#a2bedb26}.route-progress b{display:block;height:100%;background:linear-gradient(90deg,#5ed9ef,#a08fff)}.is-playing .stage-corner{display:none}.is-playing .milestone{top:35%;font-size:17px}.final-contracts{font-size:13px!important;margin:12px 0 0!important;color:#8fe6f0!important}
.crew-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:20px 0 18px}.crew-heading h3{font-size:24px;margin:0 0 5px}.crew-heading p{font-size:14px;color:#9cabc2;margin:0}.crew-heading>span{font-size:13px;color:#a7bbd4}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:34px}.character-card{border:1px solid #2e3d53;border-radius:14px;overflow:hidden;background:#101827}.character-card.selected{border-color:var(--crew);box-shadow:0 0 24px color-mix(in srgb,var(--crew) 10%,transparent)}.character-art{height:245px;position:relative;background:radial-gradient(ellipse at 55% 65%,color-mix(in srgb,var(--crew) 15%,transparent),transparent 65%),url('assets/moonlit-skyport.webp') center 60%/cover}.character-art:before{content:'';position:absolute;inset:0;background:#07152aa6}.character-art img{position:relative;display:block;height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #0008)}.character-art>span{position:absolute;top:14px;left:14px;font-size:12px;letter-spacing:1px;color:var(--crew);background:#061020d9;padding:6px 8px;border:1px solid #62759044;border-radius:5px}.character-copy{padding:22px}.character-copy h3{font-family:RunnerDisplay,Arial,sans-serif;font-size:34px;letter-spacing:1px;margin:0 0 6px}.character-copy>strong{font-size:14px;color:var(--crew)}.character-copy p{font-size:14px;line-height:1.6;color:#a7b6cc;min-height:45px;margin:12px 0 18px}.character-copy button{width:100%;font-size:14px;min-height:44px;margin:0}.locker-layout{padding-top:25px;border-top:1px solid #27374c}
@media(max-width:850px){.character-grid{gap:10px}.character-art{height:205px}.character-copy{padding:16px}.character-copy p{min-height:70px}.mode-picker button{gap:8px}.hero-rocky{width:43%;right:2%;bottom:30%}}
@media(max-width:650px){.menu{padding:27px 21px 205px}.menu h1{font-size:64px;margin-bottom:17px}.menu .eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:17px}.menu .menu-description{display:none}.menu .start-hint{font-size:12px;max-width:165px}.menu .best-line{display:none}.hero-rocky{width:56%;right:-3%;bottom:39%;transform:none}.menu-copy{z-index:3}.hero-caption{display:none}.crew-quick{left:12px;right:12px;bottom:171px;gap:6px}.crew-quick button{justify-content:center;flex:1;padding:8px 6px;font-size:13px;min-height:40px}.crew-dot{width:5px;height:5px}.mode-picker{left:12px;right:12px;bottom:12px;grid-template-columns:1fr 1fr;gap:7px}.mode-picker button{min-height:69px;flex-direction:row;gap:10px;align-items:center;padding:10px 12px}.mode-number{margin:0}.mode-picker button strong{font-size:14px}.mode-picker button small{max-width:none;margin-top:4px;font-size:12px}.stage{min-height:525px}.run-contract{left:15px;top:109px;width:235px;max-width:calc(100% - 30px);padding:9px 11px}.run-contract>div{font-size:12px}.route-progress{left:16px;right:16px;bottom:15px}.is-playing .milestone{top:35%;font-size:14px}.crew-heading{align-items:start;flex-direction:column;gap:9px}.crew-heading h3{font-size:22px}.character-grid{grid-template-columns:1fr;gap:13px}.character-card{display:grid;grid-template-columns:42% 58%}.character-art{height:240px;align-self:stretch}.character-art img{object-position:center bottom}.character-art>span{left:9px;top:10px;font-size:11px;padding:5px}.character-copy{padding:20px 16px 16px}.character-copy h3{font-size:29px}.character-copy p{min-height:0;font-size:13px;margin:9px 0 14px}.character-copy>strong{font-size:13px}.character-copy button{font-size:13px}.final-contracts{font-size:12px!important;margin-top:7px!important}}
@media(max-height:580px) and (orientation:landscape){.stage{min-height:290px}.menu{padding:16px 4% 100px}.menu h1{font-size:48px;margin:0 0 10px}.menu .eyebrow,.menu-description,.start-hint{display:none}.hero-rocky{width:29%;right:25%;bottom:29%}.hero-caption{display:none}.crew-quick{left:auto;right:4%;bottom:auto;top:18px;flex-direction:column;gap:5px}.crew-quick button{min-height:33px;padding:6px 10px}.mode-picker{grid-template-columns:repeat(4,1fr);bottom:12px;left:4%;right:4%}.mode-picker button{min-height:58px;padding:8px}.run-contract{top:85px;left:20px;width:235px;padding:7px 10px}.route-progress{bottom:8px}.is-playing .milestone{top:47%;font-size:13px}}
@media(prefers-reduced-motion:reduce){.run-contract b{transition:none}}

@media(max-width:650px) and (max-height:740px){.stage{min-height:450px}.menu{padding-top:24px}.menu h1{font-size:56px}.menu .eyebrow{display:none}.hero-rocky{bottom:43%;width:51%}}