.challenge-overlay{display:flex;flex-direction:column;gap:10px;background:radial-gradient(ellipse at 50% 60%,#284e70,#08172ced);text-align:center;padding:22px;box-sizing:border-box}.challenge-heading>span{color:#ffd689;font-size:11px;letter-spacing:2px}.challenge-heading h3{margin:8px 0;font-size:25px}.challenge-heading p{font-size:13px;color:#c0d6ed;margin:7px 0}.challenge-heading strong{display:inline-block;border:1px solid #87cee399;border-radius:20px;padding:8px 18px;color:#c4f6ff;background:#102c43}.challenge-field{position:relative;flex:1;min-height:90px;overflow:hidden;border:1px solid #78b9d333;border-radius:20px;background:linear-gradient(#16345388,#0c223ce8)}#challenge-target{position:absolute;width:76px;height:65px;padding:0;border:0;background:transparent;touch-action:none;filter:drop-shadow(0 0 12px #7ee8ff88);cursor:crosshair}#challenge-target svg{width:100%;height:100%}#challenge-feedback{min-height:22px;font-size:14px;color:#d9e6f7}.challenge-good{color:#9effd3!important}.challenge-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}#challenge-locks{color:#ffe19b;letter-spacing:6px;font-size:24px}.timing-field{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px}.timing-lock{font-size:45px;color:#ffd881;text-shadow:0 0 20px #ffc68555}.timing-track{height:40px;background:#592c3b;border:2px solid #7ea6bd;border-radius:10px;width:min(550px,90%);position:relative;overflow:hidden}.timing-zone{position:absolute;left:31%;width:38%;height:100%;background:#3aaf83;color:#f1fff7;font-size:12px;padding-top:9px;box-sizing:border-box}#timing-marker{position:absolute;top:0;height:100%;width:8px;margin-left:-4px;background:#fff9d5;box-shadow:0 0 15px #fff;border-radius:5px}#challenge-fire{font-size:16px;padding:13px 27px;touch-action:manipulation}.challenge-urgent .challenge-heading strong{border-color:#ff7272;color:#ffb0a0;background:#632c37}@media(max-width:620px){.challenge-overlay{padding:12px;gap:7px}.challenge-heading h3{font-size:18px;margin:4px}.challenge-heading p{font-size:10px;margin:4px}.challenge-heading strong{font-size:12px;padding:5px 13px}.challenge-heading>span{font-size:8px}.challenge-footer #challenge-locks{font-size:17px;letter-spacing:3px}#challenge-feedback{font-size:11px;min-height:16px}.timing-field{padding:7px;gap:8px}.timing-lock{display:none}.timing-track{height:30px}.timing-zone{padding-top:5px}#challenge-fire{padding:10px 20px;font-size:13px}.challenge-footer .pill{font-size:9px}}

#challenge-locks{display:flex;gap:8px;justify-content:center}.challenge-progress-picture{display:grid;place-items:center;width:48px;height:48px;border:2px dashed #9aafc0;border-radius:13px;background:#dce5ea33}.challenge-progress-picture svg{width:38px;height:38px;fill:#94a7b333;stroke:#8199aa;stroke-width:2.5}.challenge-progress-picture.filled{background:#f8d669;border:2px solid #dfa82e;box-shadow:0 0 15px #ffd76f55}.challenge-progress-picture.filled svg{fill:#ffd765;stroke:#684714}.challenge-progress-picture.filled svg path:last-child{stroke:#208359}@media(max-width:600px){.challenge-progress-picture{width:39px;height:42px}.challenge-progress-picture svg{width:32px;height:34px}#challenge-locks{gap:4px}}

#city-mission.challenge-overlay{position:fixed;inset:12px;inset:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:10000;width:auto;height:auto;max-height:none;border-radius:24px;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-rows:auto minmax(180px,1fr) auto auto}.challenge-field{min-height:180px}.timing-track{flex-shrink:0;height:44px;min-height:44px}#challenge-fire{flex-shrink:0;min-height:58px}.challenge-footer{flex-wrap:wrap}.timing-lock{flex-shrink:0}@media(max-height:560px){#city-mission.challenge-overlay{inset:6px;padding:10px;gap:5px;grid-template-rows:auto minmax(130px,1fr) auto auto}.challenge-heading h3{font-size:18px;margin:2px}.challenge-heading p,.challenge-heading>span,.timing-lock{display:none}.challenge-heading strong{padding:3px 12px}.challenge-field{min-height:130px}.timing-field{padding:6px;gap:10px}.challenge-progress-picture{height:36px;width:36px}.challenge-progress-picture svg{height:29px;width:29px}#challenge-fire{min-height:48px;padding:9px 20px}}

#city-mission.challenge-overlay{background:radial-gradient(ellipse at 50% 60%,#284e70,#08172c)}#mission-skip{color:#18334f;background:#edf5fb;border-color:#8fa9c0}

.touch-challenge #challenge-target{width:112px;height:94px;min-width:112px;padding:6px;touch-action:none}.touch-challenge #challenge-target svg{width:100%;height:100%;pointer-events:none}