.mission-panel{--cyan:#7ce3e6;--gold:#fabf2f;position:relative;padding:28px 34px 20px;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 35%,#213357 0,transparent 55%),linear-gradient(145deg,#081326,#111e38 70%,#182747);color:#eaf3ff;overflow:hidden}.mission-panel *{box-sizing:border-box}.mission-panel [hidden]{display:none!important}.mission-panel button{font:inherit;cursor:pointer}.mission-panel button:focus-visible,.mission-stage:focus-visible{outline:3px solid #fabf2f;outline-offset:4px}.mission-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:2}.mission-brand{display:flex;gap:9px;align-items:center;font-size:20px;font-weight:750;color:#eef9ff!important;letter-spacing:-.5px;white-space:nowrap}.mission-brand img{width:28px;height:28px;object-fit:contain}.mission-brand span{color:#7086a7;font-size:14px;font-weight:400}.mission-brand strong{color:#fabf2f;font-size:19px}.mission-settings{display:flex;gap:7px}.mission-settings button,.mission-actions button{border:1px solid #8dabc330;background:#ffffff06;color:#c4d5e9;border-radius:12px;padding:8px 11px;font-size:11px}.mission-settings button:hover,.mission-actions button:hover{background:#ffffff12}.mission-intro{margin:35px 0 22px;position:relative;z-index:1}.mission-eyebrow{font-size:8px;letter-spacing:2px;font-weight:700;color:#9bb5cf;display:flex;align-items:center;gap:8px}.mission-eyebrow i,.mission-location i{width:5px;height:5px;border-radius:50%;background:#7ce3e6;box-shadow:0 0 10px #7ce3e6;display:inline-block}.mission-intro h1{font-size:clamp(32px,3.4vw,53px);letter-spacing:-2px;font-weight:650;line-height:1.1;margin:16px 0 14px;color:#eff6ff}.mission-intro em{font-style:normal;color:#83dedf}.mission-intro p{font-size:12px;line-height:1.7;color:#9bb0ca;max-width:380px;margin:0}.mission-stage{position:relative;isolation:isolate;min-height:410px;flex:1;border:1px solid #96b5df24;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 65% 10%,#4c4064 0,transparent 48%),linear-gradient(#132340,#14243e 60%,#122336);outline:none}.mission-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.mission-location{position:absolute;left:20px;top:18px;display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.4px;color:#b7cbdd;pointer-events:none}.mission-location span{opacity:.45}.mission-stage[data-state=countdown] .mission-location,.mission-stage[data-state=running] .mission-location,.mission-stage[data-state=paused] .mission-location,.mission-stage[data-state=finished] .mission-location{display:none}.mission-overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:52px 20px 20px;text-align:center;pointer-events:none}.mission-overlay>*{pointer-events:auto}.mission-chip{font-size:8px;letter-spacing:1.4px;color:#a7d6e2;border:1px solid #9dd6df40;border-radius:20px;padding:5px 11px;background:#0b233ac4}.mission-overlay h2{font-size:38px;line-height:1.1;font-weight:650;letter-spacing:-1.5px;color:#fff;margin:10px 0}.mission-overlay p{font-size:11px;line-height:1.7;color:#bfd2e5;margin:0 0 14px}.mission-primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:12px;background:#fabf2f;color:#142238;padding:12px 20px;min-height:44px;font-size:12px!important;font-weight:750!important;box-shadow:0 5px 28px #fabf2f22}.mission-primary:hover{background:#ffd366}.mission-primary:disabled{opacity:.7;cursor:wait}.mission-primary span{font-size:18px;font-weight:400;line-height:1}.mission-overlay small{display:block;color:#9bb0c5;font-size:9px;margin-top:12px;max-width:310px;line-height:1.6}.mission-ready{background:linear-gradient(#0d1b3450,#0d1b3430 52%,transparent 80%)}.mission-ready h2{text-shadow:0 3px 30px #000}.mission-dialog{justify-content:center;inset:0;background:#0a193adc;backdrop-filter:blur(8px);padding:24px}.mission-dialog p{max-width:280px}.mission-dialog h2{font-size:31px}.mission-text-button{border:0;background:none;color:#bed2e6;font-size:11px!important;padding:13px 18px;text-decoration:underline;text-underline-offset:4px}.mission-countdown{justify-content:center;background:#07142842;color:#fff}.mission-countdown strong{font-size:100px;font-weight:750;line-height:1.1;text-shadow:0 0 60px #7ce3e6aa}.mission-countdown span{font-size:12px;color:#bfd2e5;letter-spacing:1px}.mission-hud{position:absolute;inset:15px 17px auto;z-index:2;display:flex;align-items:flex-start;gap:20px;pointer-events:none}.mission-hud>div{padding:8px 11px;border:1px solid #93b0d029;background:#091b35d9;border-radius:10px;min-width:62px}.mission-hud span{display:block;font-size:6px;letter-spacing:1.5px;color:#9bb5ce;margin-bottom:3px}.mission-hud strong{font-size:18px;font-weight:650;line-height:1.1;color:#f3f8ff;font-variant-numeric:tabular-nums}.mission-hud small{font-size:10px;margin-left:3px;color:#9bb5ce}.mission-hud #mission-lives{font-size:12px;color:#fabf2f;letter-spacing:2px}.mission-hud button{pointer-events:auto;margin-left:auto;border:1px solid #93b0d040;border-radius:50%;width:30px;height:30px;background:#0a193abb;color:#c5d6e5;font-size:22px;line-height:1}.mission-boost{position:absolute;bottom:16px;left:20px;z-index:2;width:180px;border:1px solid #93b0d02a;background:#091b35de;border-radius:9px;padding:8px 10px}.mission-boost>div{display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#b7d2e7;letter-spacing:.6px}.mission-boost progress{height:4px;display:block;width:100%;margin-top:6px;border:0;border-radius:4px;background:#ffffff15;accent-color:#fabf2f}.mission-boost progress::-webkit-progress-bar{background:#ffffff15;border-radius:4px}.mission-boost progress::-webkit-progress-value{background:#fabf2f;border-radius:4px}.mission-toast{position:absolute;left:50%;top:87px;transform:translateX(-50%);width:max-content;max-width:85%;color:#d9f7ef;background:#0b2d3ede;border:1px solid #7ce3e640;border-radius:20px;font-size:10px;padding:6px 12px;z-index:4;text-align:center;pointer-events:none}.mission-toast:empty{display:none}.mission-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0 0;min-height:58px}.mission-instructions{display:flex;align-items:center;gap:7px;color:#889fbc;font-size:9px}.mission-key{font-size:7px;letter-spacing:1px;padding:4px 6px;border:1px solid #8dabc33d;border-radius:5px;background:#ffffff05;color:#a9c0d7}.mission-actions{display:flex;gap:6px;align-items:center}.mission-actions .mission-jump{background:#fabf2f;color:#122138;border-color:#fabf2f;font-size:12px;padding:10px 16px;font-weight:700;touch-action:manipulation;user-select:none;min-height:44px}.mission-footer{margin-top:17px;padding-top:17px;border-top:1px solid #7c9fc625;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.1px;color:#7088a8;gap:12px}.mission-footer i{color:#fabf2f;font-style:normal;margin-left:5px}.mission-result #mission-final-score{font-size:48px;line-height:1.1;color:#fff;font-weight:750;margin:5px 0}.mission-stars{color:#fabf2f;letter-spacing:5px;font-size:20px}.mission-result p{margin:8px 0 16px}.mission-mobile-start{display:none}.mission-fallback{position:absolute;inset:0;overflow:hidden;transition:opacity .3s}.mission-panel.has-scene .mission-fallback{opacity:0;pointer-events:none}.mission-skyline{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 10%,#a66c7944,transparent 60%)}.mission-skyline i{position:absolute;bottom:20%;left:calc(var(--i)*7% - 4%);width:6%;height:var(--h);background:linear-gradient(90deg,#1d3655,#254863);border-top:2px solid #70ded7;border-left:1px solid #70ded755;box-shadow:2px 0 15px #092137}.mission-skyline i:after{content:'';position:absolute;inset:10% 20%;background:repeating-linear-gradient(0deg,transparent 0 8px,#86e4e577 8px 10px)}.mission-fallback-road{position:absolute;bottom:0;height:23%;width:100%;background:#112841;border-top:1px solid #6ae6e1;transform:perspective(300px) rotateX(14deg)}.mission-fallback-adhi,.mission-fallback-pip{position:absolute;bottom:8%;height:40%;object-fit:contain;filter:drop-shadow(0 5px 15px #0006)}.mission-fallback-adhi{left:23%}.mission-fallback-pip{height:29%;left:61%;bottom:12%}.mission-panel.dawn{background:radial-gradient(ellipse at 80% 20%,#4c4964,transparent 55%),linear-gradient(145deg,#172440,#263653);}.mission-panel.dawn .mission-stage{background:radial-gradient(ellipse at 65% 5%,#b88084,transparent 60%),linear-gradient(#4a506a,#1b304b)}.mission-noscript{font-size:11px;color:#c4d5e6;margin:15px 0}.mission-panel.load-failed .mission-start{opacity:.5}@media(min-width:1600px){.mission-panel{padding:38px 48px 24px}.mission-stage{min-height:470px}.mission-intro{margin-top:45px}}@media(max-width:1150px){.mission-panel{padding:25px}.mission-intro h1{font-size:39px}.mission-toolbar{gap:5px}.mission-instructions{font-size:8px}.mission-actions button{padding:8px}.mission-hud{gap:9px}}@media(max-width:991px){.login-shell>.row{flex-direction:column}.login-shell .login-right-bg{order:0;min-height:100svh}.mission-panel{order:1;min-height:0;padding:25px}.mission-intro{margin:25px 0 20px}.mission-intro h1{font-size:36px}.mission-intro p{max-width:420px}.mission-mobile-start{display:inline-flex;align-self:flex-start}.mission-stage,.mission-toolbar{display:none}.mission-panel.mobile-open .mission-stage{display:block;flex:none;height:450px;min-height:0}.mission-panel.mobile-open .mission-toolbar{display:flex}.mission-panel.mobile-open .mission-mobile-start{display:none}.mission-panel.mobile-open .mission-intro{display:none}.mission-panel.mobile-open .mission-header{margin-bottom:18px}.mission-footer{font-size:7px}.mission-overlay{padding-top:52px}.mission-overlay.mission-dialog{padding-top:24px}.mission-hud{gap:8px}.mission-hud>div{padding:7px 9px}}@media(max-width:480px){.mission-panel{padding:20px 16px}.mission-brand{font-size:18px;gap:7px}.mission-brand strong{font-size:17px}.mission-brand img{width:24px;height:24px}.mission-header button{font-size:10px;padding:7px 8px}.mission-intro h1{font-size:32px;letter-spacing:-1.2px}.mission-panel.mobile-open .mission-stage{height:410px}.mission-hud{inset:12px 10px auto;gap:5px}.mission-hud>div{min-width:54px;padding:7px}.mission-hud strong{font-size:16px}.mission-hud span{font-size:6px;letter-spacing:1px}.mission-hud #mission-lives{font-size:10px}.mission-instructions{gap:5px}.mission-instructions .mission-key{display:none}.mission-actions #mission-sound span{display:none}.mission-footer>span:first-child{max-width:200px;font-size:6px}.mission-boost{left:12px;width:165px}}@media(prefers-reduced-motion:reduce){.mission-fallback{transition:none}}
/* Keep the invitation above the characters, leaving the street readable. */
.mission-ready{left:auto;right:4%;width:52%;padding:58px 10px 20px;background:none}.mission-ready p,.mission-ready small{text-shadow:0 1px 8px #061327}.mission-ready .mission-chip,.mission-ready h2{white-space:nowrap}.mission-dialog{background:#091a35b8;backdrop-filter:blur(3px)}.mission-result{justify-content:flex-start;padding-top:54px;background:linear-gradient(#091a35c9,#091a35a0 55%,#091a3520)}.mission-ready h2{font-size:34px}@media(max-width:991px){.mission-ready{right:2%;width:56%}}
.mission-mobile-shortcut{display:none}@media(max-width:991px){.mission-mobile-shortcut{display:inline-block;border:0;background:none;color:#2275a6;font-size:11px;margin-top:18px;padding:8px;text-decoration:underline;text-underline-offset:4px}.mission-mobile-shortcut:focus-visible{outline:3px solid #f2a020;outline-offset:3px}}