*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#000;color:#fff;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation}img{display:block;max-width:none;user-drag:none;-webkit-user-drag:none;pointer-events:none}button{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit}input{font:inherit}a{color:inherit;text-decoration:none}:root{--blue-main: #364198;--blue-mid: #034ea2;--blue-deep: #032e63;--black: #000000;--white: #ffffff;--gray-text: #999999;--gold-1: #f5d98a;--gold-2: #c79a3b;--gold-3: #f5d98a;--gold-gradient: linear-gradient(135deg, var(--gold-1), var(--gold-2), var(--gold-3));--font-sans: "Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--design-w: 375px;--design-h: 667px;--scale: 1}#stage{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(100dvw,100dvh * 375 / 667);height:min(100dvh,100dvw * 667 / 375);aspect-ratio:375 / 667;container-type:size;container-name:stage;overflow:hidden;background:#000;--sx: calc(100cqw / 375);--sy: calc(100cqh / 667)}.screen{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .25s ease}.screen.active{visibility:visible;opacity:1;pointer-events:auto}.layer{position:absolute;pointer-events:none}.layer.clickable,.layer button,button.layer{pointer-events:auto;cursor:pointer}#landscape-warning{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#000000eb;color:#fff;font-size:18px;font-weight:600;text-align:center;z-index:9998;padding:20px}@media (orientation: landscape) and (max-height: 500px){#landscape-warning{display:flex}}#dev-overlay-mockup{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:9000;opacity:.5}#dev-overlay-panel{position:fixed;right:12px;bottom:12px;background:#000000d9;color:#fff;padding:10px 12px;border-radius:8px;font-family:monospace;font-size:12px;z-index:9999;min-width:180px;line-height:1.6}#dev-overlay-panel input[type=range]{width:100%}#dev-overlay-panel button{background:#222;color:#fff;padding:4px 8px;margin:2px 2px 2px 0;border-radius:4px;font-family:inherit;font-size:11px}#dev-overlay-panel button.active{background:#0af}.fullscreen-bleed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.menu-screen{--menu-blue: #364198;--menu-text: #000000;--menu-content-y: 12}.menu-bg{left:0;top:0;width:100%;height:100%;object-fit:cover}.menu-logo{left:calc(310.5 * var(--sx));top:calc(18.5 * var(--sy));width:calc(45.5 * var(--sx));height:auto}.menu-title{left:50%;top:calc(68 * var(--sy));width:calc(270 * var(--sx));transform:translate(-50%);height:auto}.menu-banner{height:auto;z-index:2}.menu-banner-photo{left:calc(58 * var(--sx));top:calc((134 + var(--menu-content-y)) * var(--sy));width:calc(262 * var(--sx));z-index:0}.menu-banner-street{left:calc(58 * var(--sx));top:calc((336 + var(--menu-content-y)) * var(--sy));width:calc(262 * var(--sx));z-index:0}.menu-card{width:calc(324.5 * var(--sx));height:auto}.menu-card-photo{left:calc(26 * var(--sx));top:calc((140 + var(--menu-content-y)) * var(--sy))}.menu-card-street{left:calc(26 * var(--sx));top:calc((342 + var(--menu-content-y)) * var(--sy))}.menu-badge{width:calc(51 * var(--sx));height:auto;z-index:2}.menu-badge-photo{left:calc(16 * var(--sx));top:calc((120 + var(--menu-content-y)) * var(--sy))}.menu-badge-street{left:calc(16 * var(--sx));top:calc((322 + var(--menu-content-y)) * var(--sy))}.menu-heading,.menu-copy,.menu-reward-copy{font-family:var(--font-sans)}.menu-heading{color:var(--menu-blue);font-weight:900;font-size:calc(20 * var(--sy));line-height:1.1}.menu-heading-photo{left:calc(84 * var(--sx));top:calc((175 + var(--menu-content-y)) * var(--sy));letter-spacing:calc(2.2 * var(--sx))}.menu-heading-street{left:calc(66 * var(--sx));top:calc((379 + var(--menu-content-y)) * var(--sy));font-size:calc(19.5 * var(--sy));letter-spacing:calc(2.7 * var(--sx))}.menu-copy{color:var(--menu-text);font-weight:600;font-size:calc(15 * var(--sy));letter-spacing:calc(1.8 * var(--sx))}.menu-copy-photo{left:calc(84 * var(--sx));top:calc((205 + var(--menu-content-y)) * var(--sy))}.menu-copy-street{left:calc(66 * var(--sx));top:calc((420 + var(--menu-content-y)) * var(--sy));line-height:1.5}.menu-photo-poster{left:calc(247 * var(--sx));top:calc((158 + var(--menu-content-y)) * var(--sy));width:calc(81 * var(--sx));height:auto}.menu-street-poster{left:calc(265 * var(--sx));top:calc((363 + var(--menu-content-y)) * var(--sy));width:calc(86 * var(--sx));height:auto;filter:drop-shadow(0 calc(3 * var(--sy)) calc(7 * var(--sy)) rgba(0,0,0,.26))}.menu-gift-strip{left:calc(57 * var(--sx));top:calc((480 + var(--menu-content-y)) * var(--sy));width:calc(172 * var(--sx));height:auto}.menu-reward-copy{left:calc(59 * var(--sx));top:calc((517 + var(--menu-content-y)) * var(--sy));width:calc(183 * var(--sx));color:var(--menu-text);font-weight:600;font-size:calc(15.5 * var(--sy));letter-spacing:calc(3.2 * var(--sx));text-align:center}.menu-name-tag{left:calc(59 * var(--sx));top:calc((539 + var(--menu-content-y)) * var(--sy));width:calc(183 * var(--sx));height:auto}.menu-tag-product{left:calc(262 * var(--sx));top:calc((496.5 + var(--menu-content-y)) * var(--sy));width:calc(80 * var(--sx));height:auto}.menu-cta{width:calc(182 * var(--sx));height:auto;background:transparent;filter:drop-shadow(0 calc(5 * var(--sy)) calc(8 * var(--sy)) rgba(0,0,0,.32));z-index:3}.menu-cta-photo{left:calc(98 * var(--sx));top:calc((252 + var(--menu-content-y)) * var(--sy))}.menu-cta-street{left:calc(98 * var(--sx));top:calc((586 + var(--menu-content-y)) * var(--sy));display:none}.menu-cta-street.is-active{display:block}.menu-cta-img{display:block;width:100%;height:auto}.photo-full-bg{left:0;top:0;width:100%;height:100%;object-fit:cover}.photo-logo-cut0{right:calc(27 * var(--sx));top:calc(44 * var(--sy));width:calc(43 * var(--sx));height:calc(43 * var(--sy))}.photo-logo-standard{right:calc(24 * var(--sx));top:calc(33 * var(--sy));width:calc(45 * var(--sx));height:calc(45 * var(--sy))}.photo-title{left:calc(42 * var(--sx));top:calc(80 * var(--sy));width:calc(290 * var(--sx));height:auto}.photo-sample{left:calc(25 * var(--sx));top:calc(168 * var(--sy));width:calc(326 * var(--sx));height:auto;filter:drop-shadow(0 calc(6 * var(--sy)) calc(10 * var(--sy)) rgba(0,0,0,.25))}.photo-start{left:calc(68 * var(--sx));top:calc(506 * var(--sy));width:calc(239 * var(--sx));height:auto;filter:drop-shadow(0 calc(4 * var(--sy)) calc(9 * var(--sy)) rgba(0,0,0,.25))}.photo-back{left:50%;bottom:calc(13 * var(--sy));width:calc(104 * var(--sx));height:auto;transform:translate(-50%)}.photo-img-fill{width:100%;height:100%;display:block}.photo-img-contain{width:100%;height:auto;display:block}.photo-loading-title{left:calc(72 * var(--sx));top:calc(160 * var(--sy));width:calc(232 * var(--sx));color:#fff;font-weight:900;font-size:calc(39 * var(--sy));letter-spacing:calc(8 * var(--sx));line-height:1;text-align:center}.photo-loading-card{left:calc(36 * var(--sx));top:calc(235 * var(--sy));width:calc(303 * var(--sx));height:calc(236 * var(--sy));border-radius:calc(16 * var(--sx));background:linear-gradient(180deg,#f9fbff,#d8ecfb);box-shadow:0 calc(2 * var(--sy)) calc(8 * var(--sy)) #00000014}.photo-loading-list{left:calc(48 * var(--sx));top:calc(260 * var(--sy));width:calc(282 * var(--sx));color:#000;font-weight:400;font-size:calc(14 * var(--sy));line-height:1.62;letter-spacing:calc(1.6 * var(--sx));list-style:none;padding-left:0;display:flex;flex-direction:column;gap:calc(10 * var(--sy));text-align:left;overflow:hidden}.photo-loading-list li{display:grid;grid-template-columns:calc(11 * var(--sx)) 1fr;column-gap:calc(8 * var(--sx))}.photo-loading-bullet{font-size:calc(20 * var(--sy));line-height:1}.photo-loading-error{left:calc(48 * var(--sx));top:calc(486 * var(--sy));width:calc(287 * var(--sx));text-align:center;color:#fff;font-weight:700;font-size:calc(13 * var(--sy));display:none}.photo-loading-error.is-visible,.photo-retry.is-visible{display:block}.photo-retry{left:calc(95 * var(--sx));top:calc(525 * var(--sy));width:calc(185 * var(--sx));height:calc(50 * var(--sy));display:none;background:var(--gold-gradient);color:#fff;font-size:calc(18 * var(--sy));font-weight:900;letter-spacing:calc(7 * var(--sx));box-shadow:0 calc(4 * var(--sy)) calc(10 * var(--sy)) #0000003d}.photo-capture-preview{left:calc(62 * var(--sx));top:calc(132 * var(--sy));width:calc(252 * var(--sx));height:calc(314 * var(--sy));overflow:hidden;background:#ececec;box-shadow:0 calc(6 * var(--sy)) calc(12 * var(--sy)) #0000001f}.photo-capture-video,.photo-capture-canvas{position:absolute;inset:0;width:100%;height:100%}.photo-capture-video{object-fit:cover;background:#ddd}.photo-capture-video.is-mirrored{transform:scaleX(-1)}.photo-capture-canvas{pointer-events:none;object-fit:cover;object-position:center}.photo-capture-frame{left:calc(40 * var(--sx));top:calc(113 * var(--sy));width:calc(296 * var(--sx));height:auto;pointer-events:none}.photo-capture-flip{left:calc(293 * var(--sx));top:calc(61 * var(--sy));width:calc(49 * var(--sx));height:auto;filter:drop-shadow(0 calc(2 * var(--sy)) calc(5 * var(--sy)) rgba(0,0,0,.22))}.photo-capture-shoot{left:calc(75 * var(--sx));top:calc(534 * var(--sy));width:calc(226 * var(--sx));height:auto;filter:drop-shadow(0 calc(4 * var(--sy)) calc(10 * var(--sy)) rgba(0,0,0,.24))}.photo-capture-status{position:absolute;left:0;bottom:calc(12 * var(--sy));width:100%;text-align:center;color:#fff;font-size:calc(12 * var(--sy));font-weight:700;text-shadow:0 calc(1 * var(--sy)) calc(4 * var(--sy)) rgba(0,0,0,.68);pointer-events:none}.photo-result-preview{left:calc(38 * var(--sx));top:calc(49 * var(--sy));width:calc(285 * var(--sx));height:calc(356 * var(--sy));overflow:hidden;background:transparent}.photo-result-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:auto;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;-webkit-user-drag:auto}.photo-result-save-note{left:calc(73 * var(--sx));top:calc(423 * var(--sy));width:calc(229 * var(--sx));text-align:center;color:#fff;font-weight:900;font-size:calc(18 * var(--sy));letter-spacing:calc(2 * var(--sx));white-space:nowrap}.photo-result-share,.photo-result-retake{left:calc(68 * var(--sx));width:calc(239 * var(--sx));height:auto;filter:drop-shadow(0 calc(3 * var(--sy)) calc(8 * var(--sy)) rgba(0,0,0,.2))}.photo-result-share{top:calc(468 * var(--sy))}.photo-result-retake{top:calc(533 * var(--sy))}.photo-result-back{left:50%;top:calc(610 * var(--sy));width:calc(119 * var(--sx));height:auto;transform:translate(-50%)}.street-img-fill{width:100%;height:100%;display:block}.street-img-contain{width:100%;height:auto;display:block}.street-full-bg{left:0;top:0;width:100%;height:100%;object-fit:cover}[data-screen="street.s3"] .street-full-bg{z-index:2}.street-logo{right:calc(28 * var(--sx));top:calc(35 * var(--sy));width:calc(43 * var(--sx));height:calc(43 * var(--sy));z-index:20}.street-btn{background:transparent;height:auto}.street-btn-shadow-sm{filter:drop-shadow(0 calc(4 * var(--sy)) calc(10 * var(--sy)) rgba(0,0,0,.25))}.street-btn-shadow{filter:drop-shadow(0 calc(4 * var(--sy)) calc(10 * var(--sy)) rgba(0,0,0,.28))}.street-permission-title{left:calc(55 * var(--sx));top:calc(55 * var(--sy));width:calc(282 * var(--sx));height:auto}.street-permission-runner{left:calc(84 * var(--sx));top:calc(204 * var(--sy));width:calc(221 * var(--sx));height:auto}.street-permission-disabled{left:calc(81 * var(--sx));top:calc(522 * var(--sy));width:calc(241 * var(--sx));opacity:.75}.street-modal-dim{inset:0;background:#000000ba}.street-reminder-card{left:calc(34 * var(--sx));top:calc(268 * var(--sy));width:calc(307 * var(--sx));height:calc(158 * var(--sy));border-radius:calc(12 * var(--sx));background:linear-gradient(180deg,#fff,#dceefa);box-shadow:0 calc(5 * var(--sy)) calc(16 * var(--sy)) #0000003d}.street-reminder-title{left:calc(65 * var(--sx));top:calc(299 * var(--sy));width:calc(245 * var(--sx));text-align:center;color:#364198;font-weight:900;font-size:calc(22 * var(--sy));letter-spacing:calc(5 * var(--sx))}.street-reminder-copy{left:calc(58 * var(--sx));top:calc(339 * var(--sy));width:calc(261 * var(--sx));color:#000;font-size:calc(14 * var(--sy));font-weight:400;line-height:1.55;letter-spacing:calc(2 * var(--sx))}.street-reminder-confirm{left:calc(92 * var(--sx));top:calc(405 * var(--sy));width:calc(202 * var(--sx))}.street-permission-error{left:calc(46 * var(--sx));top:calc(488 * var(--sy));width:calc(283 * var(--sx));text-align:center;color:#d9e14a;font-weight:700;font-size:calc(13 * var(--sy));opacity:0}.street-permission-error.is-visible{opacity:1}.street-landing-title{left:calc(58 * var(--sx));top:calc(56 * var(--sy));width:calc(274 * var(--sx));height:auto}.street-landing-runner{left:calc(91 * var(--sx));top:calc(150 * var(--sy));width:calc(198 * var(--sx));height:auto}.street-landing-badge{left:calc(41 * var(--sx));top:calc(208 * var(--sy));width:calc(89 * var(--sx));height:calc(89 * var(--sy))}.street-landing-challenge,.street-landing-redeem{left:50%;width:calc(240 * var(--sx));transform:translate(-50%)}.street-landing-challenge{top:calc(486 * var(--sy))}.street-landing-redeem{top:calc(549 * var(--sy))}.street-landing-redeem.is-disabled{filter:grayscale(1) brightness(.68);opacity:.55;cursor:not-allowed;pointer-events:none}.street-landing-copy{left:50%;bottom:calc(8 * var(--sy));width:calc(311 * var(--sx));text-align:center;color:#fff;font-size:calc(12 * var(--sy));font-weight:500;line-height:1.55;letter-spacing:calc(2 * var(--sx));text-shadow:0 calc(2 * var(--sy)) calc(5 * var(--sy)) rgba(0,0,0,.35);transform:translate(-50%)}.street-instruction-card{left:calc(30 * var(--sx));top:calc(113 * var(--sy));width:calc(314 * var(--sx));height:auto}.street-instruction-dim{inset:0;background:#0006;pointer-events:none}.street-instruction-start{left:calc(86 * var(--sx));top:calc(536 * var(--sy));width:calc(203 * var(--sx))}.street-countdown{inset:0;background:#000000ad;display:none;align-items:center;justify-content:center;z-index:30}.street-countdown.is-visible{display:flex}.street-countdown-img{width:calc(88 * var(--sx));height:auto}.street-game-portrait{left:calc(63 * var(--sx));top:calc(74 * var(--sy));width:calc(250 * var(--sx));height:calc(332 * var(--sy));z-index:2;pointer-events:none}.street-game-face-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.street-game-face-frame{left:calc(14 * var(--sx));top:calc(66 * var(--sy));width:calc(221 * var(--sx));height:auto}.street-game-timer{left:calc(18 * var(--sx));top:calc(23 * var(--sy));width:calc(74 * var(--sx));height:calc(84 * var(--sy));z-index:9}.street-game-timer-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#0d56ad;font-weight:900;font-size:calc(23 * var(--sy));letter-spacing:calc(1 * var(--sx));padding-top:calc(10 * var(--sy))}.street-playfield{left:calc(50 * var(--sx));top:0;width:calc(275 * var(--sx));height:calc(560 * var(--sy));overflow:hidden;pointer-events:auto;z-index:6}.street-player{left:calc(var(--player-x, 188) * var(--sx));top:calc(300 * var(--sy));width:calc(128 * var(--sx));height:calc(279 * var(--sy));transform:translate(-50%) translateY(calc(var(--player-bob, 0) * var(--sy))) rotate(var(--player-lean, 0deg));transform-origin:50% 95%;z-index:7}.street-person-canvas{position:absolute;left:calc(7 * var(--sx));top:calc(-80 * var(--sy));width:calc(114 * var(--sx));height:calc(128 * var(--sy));z-index:1;display:block;opacity:0;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 28%,rgba(0,0,0,.55) 70%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(ellipse at 50% 50%,#000 28%,#0000008c 70%,#0000)}.street-person-canvas.is-visible{opacity:1}.street-runner-img{position:absolute;left:0;top:0;width:100%;height:auto;z-index:2;display:block}.street-person-video{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.street-bg-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:0;pointer-events:none;background:#000}.street-bg-gradient{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.street-game-status{left:50%;top:calc(440 * var(--sy));transform:translate(-50%);padding:calc(8 * var(--sy)) calc(20 * var(--sx));border-radius:calc(999 * var(--sx));background:linear-gradient(180deg,#fff,#fff5cf);border:calc(2 * var(--sx)) solid #d8b85e;color:#364198;font-size:calc(20 * var(--sy));font-weight:900;letter-spacing:calc(3 * var(--sx));white-space:nowrap;text-align:center;box-shadow:0 calc(5 * var(--sy)) calc(14 * var(--sy)) #00000052;opacity:0;pointer-events:none;z-index:10}.street-game-status:not(:empty){animation:street-game-status-pop .95s ease-out forwards}@keyframes street-game-status-pop{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:1;transform:translate(-50%) scale(1.08)}60%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}.street-game-progress-wrap{left:50%;top:calc(556 * var(--sy));width:calc(275 * var(--sx));height:calc(108 * var(--sy));transform:translate(-50%);z-index:10}.street-game-progress-track,.street-game-progress-fill{position:absolute;left:0;top:calc(40 * var(--sy));height:calc(11 * var(--sy));border-radius:calc(999 * var(--sx))}.street-game-progress-track{width:100%;background:linear-gradient(180deg,#fffffff5,#dee9faeb);box-shadow:inset 0 calc(1 * var(--sy)) calc(3 * var(--sy)) #00000038}.street-game-progress-fill{width:calc(var(--progress, 0) * 1%);background:linear-gradient(90deg,#c48603,#f6e28c,#b97d03)}.street-game-progress-glasses{position:absolute;left:calc(var(--progress, 0) * 1%);top:0;width:calc(74 * var(--sx));height:auto;transform:translate(-50%)}.street-game-progress-percent{position:absolute;left:50%;top:calc(72 * var(--sy));transform:translate(-50%);text-align:center;color:#fff;font-size:calc(17 * var(--sy));font-weight:900;letter-spacing:calc(1.2 * var(--sx))}.street-progress-pop{position:absolute;left:50%;top:calc(-12 * var(--sy));transform:translate(-50%);color:#ffd86b;font-size:calc(28 * var(--sy));font-weight:900;letter-spacing:calc(1.5 * var(--sx));text-shadow:0 calc(2 * var(--sy)) calc(6 * var(--sy)) rgba(0,0,0,.55),0 0 calc(10 * var(--sy)) rgba(255,200,80,.55);opacity:0;pointer-events:none}.street-progress-pop.is-active{animation:street-progress-pop-anim .85s ease-out forwards}@keyframes street-progress-pop-anim{0%{opacity:0;transform:translate(-50%,calc(20 * var(--sy))) scale(.6)}20%{opacity:1;transform:translate(-50%,calc(-4 * var(--sy))) scale(1.1)}60%{opacity:1;transform:translate(-50%,calc(-26 * var(--sy))) scale(1)}to{opacity:0;transform:translate(-50%,calc(-46 * var(--sy))) scale(1)}}.street-token{position:absolute;left:calc(var(--token-x) * var(--sx));top:0;width:calc(var(--token-w) * var(--sx));height:calc(var(--token-w) * var(--sx));background:transparent;z-index:8;transform:translateY(calc(var(--token-y) * var(--sy)))}.street-token-img{width:100%;height:100%;object-fit:contain;display:block}.street-token.is-collected{pointer-events:none;animation:street-token-pop .85s ease-out forwards}.street-token.is-collected .street-token-img{animation:street-token-pop-img .55s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes street-token-pop{0%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes street-token-pop-img{0%{transform:scale(1) translateY(0)}35%{transform:scale(1.32) translateY(calc(-10 * var(--sy)))}to{transform:scale(.85) translateY(0)}}@keyframes street-sunburst-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.street-results-sunburst{left:50%;top:calc(340 * var(--sy));width:calc(460 * var(--sx));height:auto;transform:translate(-50%,-50%);transform-origin:50% 50%;z-index:1;mix-blend-mode:screen;filter:blur(calc(1 * var(--sx)));animation:street-sunburst-spin 14s linear infinite;will-change:transform;pointer-events:none}.street-results-success-title{left:50%;top:calc(60 * var(--sy));width:calc(260 * var(--sx));height:auto;transform:translate(-50%);z-index:3}.street-results-success-sub{left:50%;top:calc(78 * var(--sy));width:calc(240 * var(--sx));height:auto;transform:translate(-50%);z-index:3;display:none}.street-results-runner{left:50%;top:calc(210 * var(--sy));width:calc(150 * var(--sx));height:calc(320 * var(--sy));transform:translate(-50%) translateY(calc(var(--results-runner-bob, 0) * var(--sy)));animation:street-results-runner-bob .45s ease-in-out infinite alternate;z-index:2}.street-results-runner-img{position:absolute;inset:0;width:100%;height:auto;z-index:2}.street-results-runner .street-person-canvas{left:calc(23 * var(--sx));top:calc(-68 * var(--sy));width:calc(108 * var(--sx));height:calc(120 * var(--sy));z-index:1}@keyframes street-results-runner-bob{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(calc(-5 * var(--sy)))}}.street-results-finish-ribbon{left:50%;top:calc(430 * var(--sy));width:calc(340 * var(--sx));height:auto;transform:translate(-50%);z-index:4}.street-results-gift{left:50%;top:calc(545 * var(--sy));width:calc(270 * var(--sx));height:auto;transform:translate(-50%);z-index:5}.street-results-home{left:50%;top:calc(618 * var(--sy));width:calc(150 * var(--sx));height:auto;transform:translate(-50%);z-index:5;background:transparent;padding:0}.street-results-fail-bg{filter:brightness(.5) saturate(.6)}.street-results-fail-title{left:50%;top:calc(170 * var(--sy));width:calc(250 * var(--sx));height:auto;transform:translate(-50%);z-index:3}.street-results-fail-glasses{left:50%;top:calc(290 * var(--sy));width:calc(260 * var(--sx));height:auto;transform:translate(-50%);z-index:3;filter:drop-shadow(0 calc(6 * var(--sy)) calc(12 * var(--sy)) rgba(0,0,0,.45))}.street-results-again{left:50%;top:calc(480 * var(--sy));width:calc(270 * var(--sx));height:auto;transform:translate(-50%);z-index:5}.street-gift-title{left:calc(39 * var(--sx));top:calc(100 * var(--sy));width:calc(297 * var(--sx));text-align:center;color:#000;font-weight:900;font-size:calc(22 * var(--sy));letter-spacing:calc(4 * var(--sx))}.street-foil-tag-gift{left:calc(117 * var(--sx));top:calc(116 * var(--sy));width:calc(163 * var(--sx));height:auto}.street-gift-copy{left:calc(42 * var(--sx));top:calc(458 * var(--sy));width:calc(291 * var(--sx));text-align:center;color:#032e63;font-weight:500;font-size:calc(16 * var(--sy));line-height:1.55;letter-spacing:calc(2 * var(--sx))}.street-gift-start{left:calc(51.5 * var(--sx));top:calc(529 * var(--sy));width:calc(275.5 * var(--sx))}.street-gift-back{left:calc(90.5 * var(--sx));top:calc(612 * var(--sy));width:calc(201 * var(--sx))}.street-foil-tag-name{left:calc(117 * var(--sx));top:calc(82.5 * var(--sy));width:calc(163 * var(--sx));height:auto}.street-preview-mask{left:calc(136 * var(--sx));top:calc(331.5 * var(--sy));width:calc(132 * var(--sx));height:calc(38 * var(--sy));display:none;background:linear-gradient(100deg,#efe8d2,#f8f4e8 45%,#e4d7bb);border-radius:calc(4 * var(--sx))}.street-preview-name{left:50%;transform:translate(-50%);top:calc(331.5 * var(--sy));width:calc(115 * var(--sx));height:calc(38 * var(--sy));display:none;align-items:center;justify-content:center;text-align:center;color:#9a7b32;font-family:Georgia,Times New Roman,serif;font-size:calc(16 * var(--sy));font-style:normal;letter-spacing:calc(.5 * var(--sx));background:transparent;white-space:nowrap;overflow:hidden}.street-preview-mask.is-visible{display:none}.street-preview-name.is-visible{display:flex}.street-name-panel{left:calc(20.5 * var(--sx));top:calc(416.5 * var(--sy));width:calc(334 * var(--sx));height:calc(202 * var(--sy));background:#032e63;border-radius:calc(12 * var(--sx))}.street-name-title{left:calc(69 * var(--sx));top:calc(452 * var(--sy));width:calc(237 * var(--sx));text-align:center;color:#fff;font-size:calc(18 * var(--sy));font-weight:900;letter-spacing:calc(4 * var(--sx))}.street-name-input{left:calc(37.5 * var(--sx));top:calc(491 * var(--sy));width:calc(300 * var(--sx));height:calc(50 * var(--sy));border:0;border-radius:calc(6 * var(--sx));background:#fff;color:#000;text-align:center;font-size:calc(18 * var(--sy));font-weight:500;letter-spacing:calc(1 * var(--sx));pointer-events:auto;user-select:text;-webkit-user-select:text}.street-name-helper{left:calc(47 * var(--sx));top:calc(550 * var(--sy));width:calc(281 * var(--sx));text-align:center;color:#fff;font-size:calc(13 * var(--sy));font-weight:400;letter-spacing:calc(2 * var(--sx))}.street-name-confirm{left:calc(73.5 * var(--sx));top:calc(577 * var(--sy));width:calc(232 * var(--sx))}.street-name-modal{inset:0;background:#000000bd;display:none;z-index:10}.street-name-modal.is-visible{display:block}.street-name-modal-card{position:absolute;left:calc(37.5 * var(--sx));top:calc(236.5 * var(--sy));width:calc(300 * var(--sx));height:calc(172.5 * var(--sy));border-radius:calc(11 * var(--sx));background:linear-gradient(180deg,#fff,#dceefa)}.street-name-modal-copy{position:absolute;left:calc(55 * var(--sx));top:calc(265 * var(--sy));width:calc(265 * var(--sx));height:calc(96 * var(--sy));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(17 * var(--sy));text-align:center}.street-name-modal-heading{width:100%;color:#364198;font-weight:900;font-size:calc(22 * var(--sy));line-height:1;letter-spacing:calc(4 * var(--sx))}.street-name-modal-body{width:100%;color:#000;font-size:calc(15 * var(--sy));font-weight:400;line-height:1.58;letter-spacing:calc(1.4 * var(--sx))}.street-name-make-now{position:absolute;left:calc(86.5 * var(--sx));top:calc(379.5 * var(--sy));width:calc(202.5 * var(--sx));background:transparent}.street-name-modal-back{position:absolute;left:calc(135.5 * var(--sx));top:calc(449.5 * var(--sy));width:calc(110 * var(--sx));background:transparent}.street-serial-panel{left:calc(31 * var(--sx));top:calc(160 * var(--sy));width:calc(313 * var(--sx));height:calc(423 * var(--sy));background:#032e63;border-radius:calc(14 * var(--sx))}.street-serial-title{left:calc(52 * var(--sx));top:calc(202 * var(--sy));width:calc(271 * var(--sx));text-align:center;color:#fff;font-weight:900;font-size:calc(22 * var(--sy));letter-spacing:calc(4 * var(--sx))}.street-serial-label{left:calc(74 * var(--sx));width:calc(227 * var(--sx));text-align:center;color:#fff;font-size:calc(15 * var(--sy));font-weight:400}.street-serial-label-code{top:calc(254 * var(--sy));letter-spacing:calc(2 * var(--sx))}.street-serial-label-name{top:calc(356 * var(--sy));letter-spacing:calc(3 * var(--sx))}.street-serial-box{left:calc(60 * var(--sx));width:calc(255 * var(--sx));height:calc(48 * var(--sy));background:#fff;color:#000;text-align:center;font-weight:900;line-height:calc(48 * var(--sy))}.street-serial-code{top:calc(285 * var(--sy));font-size:calc(29 * var(--sy));letter-spacing:calc(1 * var(--sx))}.street-serial-name{top:calc(393 * var(--sy));font-size:calc(28 * var(--sy))}.street-serial-ready{left:calc(47 * var(--sx));top:calc(469 * var(--sy));width:calc(281 * var(--sx));color:#d9e14a;font-weight:900;font-size:calc(14 * var(--sy));letter-spacing:calc(4 * var(--sx))}.street-serial-warning{left:calc(47 * var(--sx));top:calc(503 * var(--sy));width:calc(123 * var(--sx));height:auto}.street-serial-copy{left:50%;top:calc(540 * var(--sy));width:calc(279 * var(--sx));transform:translate(-50%);color:#fff;font-size:calc(10.5 * var(--sy));font-weight:400;line-height:1.45;letter-spacing:calc(1.1 * var(--sx));text-align:center}.street-serial-back{left:calc(120.5 * var(--sx));top:calc(585 * var(--sy));width:calc(118 * var(--sx))}