.lab-grid{grid-template-columns:1fr}.lab-grid .lab-notebook{max-width:760px;width:100%;justify-self:center;margin:22px 0}.watch-panel{padding:38px 48px 26px;text-align:left;background:radial-gradient(ellipse at 75% 40%,#f7df9c80,transparent 47%),linear-gradient(115deg,#e6ebda,#faf3dc);border:1px solid #d6d8c2;box-shadow:0 7px 0 #254e4310}.jump-heading{position:relative;z-index:2}.jump-heading .eyebrow{color:#6b8068;font-size:9px}.jump-heading h2{font-size:clamp(32px,4vw,49px);letter-spacing:-1.8px;margin:16px 0 12px;line-height:1.1}.jump-heading em{font-style:normal;color:#c65a31}.jump-heading p{font-size:14px;line-height:1.8;color:#627463;margin:0}.jump-stage{display:grid;grid-template-columns:1fr 1fr;position:relative;margin-top:-105px;align-items:end}.jump-device{position:relative;z-index:2;text-align:center;padding-top:130px}.jump-zoom-label{font:9px var(--body);letter-spacing:1.5px;color:#7b8869;display:block;text-align:center}.watch-panel .watch{height:330px;margin:4px 0 2px}.watch-panel .watch:before{height:325px;width:93px;transform:rotate(-9deg);background:repeating-linear-gradient(0deg,#47483b 0px,#47483b 17px,#343a31 18px,#343a31 20px);border:3px solid #79745b;box-shadow:inset 0 0 0 6px #303c32;border-radius:19px}.watch-panel .watch-face{transform:none;width:262px;height:262px;border:12px solid #ad9050;outline:3px solid #635b3d;box-shadow:inset 0 0 0 3px #e8cf86,0 0 0 7px #d7bd7a,12px 20px 24px #23312b30;background:radial-gradient(circle at 40% 30%,#33554a,#132c29);color:#f7e8ae}.watch-panel .watch-face:after{right:-29px;top:100px;width:18px;height:31px;background:linear-gradient(90deg,#b57f32,#e6c77d,#9d702e);border:2px solid #7a673d}.watch-ticks{position:absolute;inset:9px;border:2px dotted #bfa96a;border-radius:50%;pointer-events:none}.watch-panel .watch-face small{font-size:9px;letter-spacing:1.2px}.watch-panel .watch-face strong{font-size:94px;font-weight:600;line-height:1.18;text-shadow:0 0 22px #efd27d25}.watch-panel .watch-face span{font-size:11px}.watch-panel .dial-controls{gap:24px;margin:7px 0 19px;font-size:13px}.dial-controls small{font-size:10px;color:#7c876d;line-height:2}.watch-panel .dial-controls button{width:46px;height:46px;background:#fbf7e9;border-color:#b7bca3;box-shadow:0 3px 0 #596c4c15}.watch-panel .dial-controls button:hover{background:#f4d58d}.jump-device .btn{min-width:250px;font-size:14px;box-shadow:0 4px 0 #a64425}.jump-danik{position:relative;margin:0 -32px 0 0;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.jump-danik img{display:block;width:100%;height:520px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 15px #3b48251c);mask-image:linear-gradient(#000 92%,transparent)}.danik-speech{position:relative;align-self:center;z-index:1;margin:0 0 0 20px;background:#fffbef;border:1px solid #ddcca4;box-shadow:3px 4px 0 #b79e6320;padding:16px 20px;border-radius:16px 16px 16px 2px;transform:rotate(3deg);font:italic 16px Georgia,serif;color:#496657}.danik-speech span{display:block;font:9px var(--body);letter-spacing:1px;margin-top:7px;text-transform:uppercase;color:#9b8860}.jump-danik figcaption{text-align:center;font:italic 12px Georgia,serif;color:#7b856b;margin-top:-4px}.watch-panel .teleport-result{position:relative;z-index:2;max-width:520px;min-height:59px;margin:25px auto 0;padding:15px 20px;background:#fffcf0b3;border:1px dashed #b6c0a2;border-radius:7px;text-align:center;color:#4d6554}.jump-stamp{display:block;text-align:center;font-size:8px;letter-spacing:2px;color:#89947d;margin-top:20px}
@media(max-width:700px){.watch-panel{padding:25px 18px 22px}.jump-stage{margin-top:20px;grid-template-columns:1fr 42%}.jump-device{padding-top:0}.jump-heading h2{font-size:35px}.jump-heading p{font-size:12px}.jump-danik{margin:0 -16px 0 -12px;justify-content:center;align-self:start;padding-top:28px}.jump-danik img{height:310px}.danik-speech{font-size:12px;padding:10px;margin:0 9px 0 0}.jump-danik figcaption{font-size:10px;line-height:1.5;padding:0 10px}.watch-panel .watch{height:265px}.watch-panel .watch:before{height:259px;width:65px}.watch-panel .watch-face{width:190px;height:190px;border-width:9px}.watch-panel .watch-face strong{font-size:66px}.watch-panel .watch-face small{font-size:7px}.watch-panel .watch-face:after{top:65px;right:-23px;width:13px;height:27px}.jump-zoom-label{font-size:7px;letter-spacing:.5px}.watch-panel .dial-controls{gap:12px;font-size:11px}.watch-panel .dial-controls button{width:38px;height:38px}.jump-device .btn{min-width:0;width:100%;padding:15px 8px;gap:6px;font-size:11px}.jump-stamp{letter-spacing:1px;font-size:7px}}
@media(max-width:380px){.watch-panel .watch-face{width:165px;height:165px}.watch-panel .watch-face strong{font-size:55px}.watch-panel .watch-face small{font-size:6px}.watch-panel .dial-controls{gap:8px}.jump-danik img{height:270px}}
@media(max-width:700px){.jump-stage{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.jump-device,.jump-danik{min-width:0}.jump-danik{margin-right:-8px}.danik-speech{max-width:100%;margin-left:4px}.jump-danik img{max-width:100%;height:auto;min-height:240px;object-fit:contain}.jump-danik figcaption{margin-top:0}}
@media(max-width:440px){.watch-panel .watch-face{width:155px;height:155px;border-width:8px}.watch-panel .watch-face strong{font-size:56px}.watch-panel .watch-face small{font-size:6px;letter-spacing:.5px}.watch-panel .watch-face:after{top:53px;right:-19px;width:11px;height:23px}.watch-panel .watch{height:235px}.watch-panel .watch:before{height:231px}.watch-panel .dial-controls{gap:7px;font-size:10px}.watch-panel .dial-controls button{width:34px;height:38px;flex-shrink:0}.jump-danik{padding-top:19px}.jump-danik img{min-height:0}.jump-zoom-label{font-size:6px}.jump-device .btn{font-size:10px}.danik-speech{font-size:11px;padding:10px 8px}.jump-danik figcaption{font-size:9px;padding:0 3px}}
.watch-panel .teleport-result.has-map{max-width:none;padding:0;border:1px solid #b8c8ab;background:#fcf8e9;text-align:left;overflow:hidden;scroll-margin:20px}.jump-arrival{display:grid;grid-template-columns:1.2fr 1fr;animation:arrival-open .65s ease-out both}.arrival-map{min-width:0;background:#dbe8d8;position:relative}.arrival-map-label{display:flex;justify-content:space-between;padding:15px 18px 0;font-size:9px;letter-spacing:1.5px;font-weight:600;color:#55725d}.arrival-map-label span{color:#bd603a}.arrival-map svg{display:block;width:100%;height:auto}.arrival-origin{font:9px var(--body);letter-spacing:1px;fill:#365e4c}.arrival-map-note{font:7px var(--body);letter-spacing:1px;fill:#6c8572}.arrival-copy{padding:28px;align-self:center}.arrival-copy .eyebrow{color:#b06a3e;font-size:9px;letter-spacing:1px}.arrival-copy h3{font-size:26px;line-height:1.15;letter-spacing:-.7px;margin:13px 0}.arrival-copy p{font-size:12px;line-height:1.8;margin:0 0 13px}.arrival-copy .text-link{font-size:11px;white-space:normal;text-align:left;line-height:1.6}.arrival-route{stroke-dasharray:1;stroke-dashoffset:1;animation:arrival-route 1.5s .3s ease-in-out forwards}.arrival-pin{opacity:0;animation:arrival-pin .5s 1.5s forwards}.arrival-pulse{transform-origin:center;animation:arrival-pulse 1.8s 1.8s ease-out 3}.jump-active .watch-face{animation:watch-charge 1s ease-out}.is-mystery .arrival-route{stroke-dasharray:.04 .025;animation:none;stroke-dashoffset:0;opacity:.55}.is-mystery .arrival-pin{animation-delay:.5s}@keyframes arrival-route{to{stroke-dashoffset:0}}@keyframes arrival-pin{to{opacity:1}}@keyframes arrival-open{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes arrival-pulse{from{opacity:.8;transform:scale(.7)}to{opacity:0;transform:scale(1.8)}}@keyframes watch-charge{50%{box-shadow:0 0 0 12px #f1d484,0 0 55px 22px #edc87180;filter:brightness(1.3)}}@media(max-width:700px){.jump-arrival{grid-template-columns:1fr}.arrival-copy{padding:22px}.arrival-copy h3{font-size:23px}.arrival-map-label{font-size:8px}}@media(prefers-reduced-motion:reduce){.arrival-route{stroke-dashoffset:0}.arrival-pin{opacity:1}}
/* Danik looks toward the enlarged watch on his right. */
.jump-danik{grid-column:1;grid-row:1;margin-right:0;margin-left:-32px}
.jump-device{grid-column:2;grid-row:1}
.jump-heading{margin-left:50%;padding-left:16px}
@media(max-width:700px){.jump-heading{margin-left:0;padding-left:0}.jump-stage{grid-template-columns:minmax(0,.75fr) minmax(0,1fr)}.jump-danik{margin-left:-8px;margin-right:-12px}.danik-speech{margin-left:0;margin-right:4px}}
.city-quiz{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);background:#fbf8ec;animation:arrival-open .6s ease-out both}
.city-map{min-width:0;background:#dcece9;border-right:1px solid #c8d2bc}
.city-map-heading,.city-map-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;font:700 9px var(--body);letter-spacing:1.5px;color:#35584e}
.city-map-heading b{color:#c65a31}
.city-map svg{display:block;width:100%;height:auto;aspect-ratio:248/152;background:#dcece9}
.city-map-foot{padding-top:12px;padding-bottom:15px;background:#e9efdc;font-size:8px;color:#628477}
.city-target{filter:drop-shadow(0 2px 2px #734b3260)}
.city-question{padding:30px 28px;align-self:center}
.city-question .eyebrow{font-size:9px;letter-spacing:1.4px;color:#ae613d}
.city-question h3{font-size:clamp(26px,3vw,37px);line-height:1.1;margin:15px 0 12px;letter-spacing:-1px}
.city-question p{font-size:13px;line-height:1.65;color:#4c6659;margin:0 0 17px}
.city-question p strong{color:#234b41}
.city-choices{display:grid;gap:9px}
.city-choices button{width:100%;padding:11px 14px;text-align:left;border:1px solid #cbd3bd;border-radius:5px;background:#fffdf5;color:#284d42;font:600 13px var(--body);cursor:pointer;transition:transform .15s,background .15s,border-color .15s}
.city-choices button:hover:not(:disabled),.city-choices button:focus-visible{background:#f7e8b9;border-color:#c3954b;transform:translateX(3px)}
.city-choices button:disabled{cursor:default;opacity:.68}
.city-choices button.is-correct{background:#dcebd1;border-color:#6e9973;opacity:1}
.city-choices button.is-incorrect{background:#fae6db;border-color:#d08365;opacity:1}
.city-question .city-feedback{min-height:0;margin:15px 0 0;font-weight:700;color:#385f4b}
.city-question .city-feedback:empty{display:none}
.city-question small{display:block;margin-top:20px;border-top:1px dashed #d5d6bf;padding-top:12px;font:10px/1.55 var(--body);color:#768475}
@media(max-width:700px){.city-quiz{grid-template-columns:1fr}.city-map{border-right:0;border-bottom:1px solid #c8d2bc}.city-question{padding:23px 20px}.city-map-heading,.city-map-foot{padding-left:16px;padding-right:16px}.city-question h3{font-size:26px}}