.batmobile-city{--batman-action-duration:18s;--batmobile-scene-height:160px;height:var(--batmobile-scene-height);isolation:isolate;color:#e6cf79;background:0 0;margin-bottom:12px;position:relative;overflow:hidden;container-type:inline-size}.batmobile-city__billboard-viewport{z-index:2;overscroll-behavior-x:contain;scroll-behavior:auto;overflow-anchor:none;scrollbar-width:none;touch-action:manipulation;scroll-padding-inline:6px;position:absolute;inset:0 0 24px;overflow:auto hidden}.batmobile-city__billboard-viewport::-webkit-scrollbar{display:none}.batmobile-city__billboard-track{width:max-content;height:100%;display:flex}.batmobile-city__billboard-lap{flex:none;align-items:flex-end;height:100%;display:flex}.batmobile-city__billboard-lap>.batmobile-city__skyline-panel{fill:#101114;color:#e4c97a;width:max(640px,100cqw);height:78px}.batmobile-city__billboard{--billboard-ink:#dcc47a;z-index:2;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--billboard-ink) 55%, #20262b);width:96px;height:48px;color:var(--billboard-ink);box-shadow:0 0 7px color-mix(in srgb, var(--billboard-ink) 12%, transparent),inset 0 0 0 2px #090c0e;letter-spacing:.04em;text-align:center;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:#0000;background:linear-gradient(135deg,#20272b,#101417 70%);border-radius:2px;flex-direction:column;justify-content:center;align-items:center;padding:2px 5px;font:800 11px/13px Pretendard,sans-serif;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 7px))}.batmobile-city__billboard:before{content:"";pointer-events:none;border-left:2px solid #41484c;border-right:2px solid #41484c;height:7px;position:absolute;top:100%;left:13px;right:13px}.batmobile-city__billboard:after{content:"";pointer-events:none;background:#41484c;height:2px;position:absolute;top:calc(100% + 5px);left:8px;right:8px}.batmobile-city__billboard--violet{--billboard-ink:#b8a1df}.batmobile-city__billboard--blue{--billboard-ink:#94bed3}.batmobile-city__billboard--green{--billboard-ink:#92c9aa}.batmobile-city__billboard--rose{--billboard-ink:#d6a0aa}.batmobile-city__billboard:hover,.batmobile-city__billboard:active,.batmobile-city__billboard:focus-visible{color:var(--billboard-ink);border-color:var(--billboard-ink);box-shadow:0 0 12px color-mix(in srgb, var(--billboard-ink) 24%, transparent),inset 0 0 0 2px #090c0e;background:#20282c}.batmobile-city__billboard:hover .batmobile-city__billboard-play,.batmobile-city__billboard:active .batmobile-city__billboard-play,.batmobile-city__billboard:focus-visible .batmobile-city__billboard-play{opacity:1;transform:translate(-50%)scale(1)rotate(0)}.batmobile-city__billboard:hover .batmobile-city__billboard-icon,.batmobile-city__billboard:active .batmobile-city__billboard-icon,.batmobile-city__billboard:focus-visible .batmobile-city__billboard-icon{opacity:0}.batmobile-city__billboard:focus-visible{outline:2px solid var(--billboard-ink);outline-offset:-3px}.batmobile-city__billboard-icon{z-index:4;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 2px #0008);width:36px;height:36px;transition:opacity .2s;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.batmobile-city__billboard-copy{pointer-events:none;flex-direction:column;align-items:center;max-width:100%;padding-top:14px;display:flex;position:relative}.batmobile-city__billboard-label{z-index:3;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;color:#f5f5f4;text-shadow:0 1px 2px #000;-webkit-box-orient:vertical;max-width:100%;max-height:26px;display:-webkit-box;position:relative;overflow:hidden}.batmobile-city__billboard-copy--count .batmobile-city__billboard-label{-webkit-line-clamp:1;max-height:13px}.batmobile-city__billboard-count{z-index:3;color:#b4b5bb;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000;max-width:100%;margin-top:1px;font-size:11px;font-weight:700;line-height:12px;display:block;position:relative;overflow:hidden}.batmobile-city__billboard-count.is-live{color:#ff4d4f}.batmobile-city__billboard-count.is-live:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.batmobile-city__billboard-play{z-index:5;opacity:0;filter:drop-shadow(0 2px 2px #0008);pointer-events:none;place-items:center;width:36px;height:36px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.3,1.2);display:grid;position:absolute;top:-22px;left:50%;transform:translate(-50%)scale(.78)rotate(-12deg)}.batmobile-city__billboard-play>svg{width:100%;height:100%;display:block;overflow:visible}.batmobile-city__billboard-lights{z-index:0;pointer-events:none;position:absolute;inset:0}.batmobile-city__billboard-lights>i{box-sizing:border-box;background:#fff5d5;border:1px solid #768080;border-radius:1px;width:7px;height:3px;position:absolute;bottom:-6px;transform:translate(-50%);box-shadow:0 -1px 4px #fff1bb66}.batmobile-city__billboard-lights>i:before{content:"";clip-path:polygon(0 0,100% 0,55% 100%,45% 100%);background:linear-gradient(#fff7df05,#fff7df1f 35%,#fff4cc5c);width:32px;height:34px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.batmobile-city__billboard-lights>i:after{content:"";background:#596367;width:1px;height:3px;position:absolute;top:2px;left:2px}.batmobile-city__scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.batmobile-city__signal{filter:drop-shadow(0 0 18px #ebd58a30);width:53px;height:53px;position:absolute;top:12px;right:16%;transform:rotate(-15deg)}.batmobile-city__signal svg{width:100%;height:100%}.batmobile-city__signal circle{fill:#cbbd83;opacity:.35}.batmobile-city__signal path{fill:#17191d}.batmobile-city__skyline{width:max-content;animation:48s linear infinite batmobile-city-scroll;display:flex;position:absolute;bottom:26px;left:0}.batmobile-city__skyline--far{fill:#202226;color:#a7b0a5;opacity:.65}.batmobile-city__skyline-panel{flex:none;width:max(800px,100cqw);height:120px;position:relative}.batmobile-city__skyline-panel>svg{width:100%;height:100%;display:block;overflow:visible}.batmobile-city__road{border-top:2px solid #292b2f;height:27px;position:absolute;inset:auto 0 0}.batmobile-city__road:after{content:"";opacity:.45;background:repeating-linear-gradient(90deg,#a19564 0 28px,#0000 28px 80px);width:calc(100% + 80px);height:2px;animation:.65s linear infinite batmobile-city-road;position:absolute;top:17px;left:0}.batmobile-city__car-position{z-index:3;pointer-events:none;width:150px;animation:9s ease-in-out infinite batmobile-city-cruise;position:absolute;bottom:8px;left:clamp(20px,27%,420px)}.batmobile-city__car{width:100%;animation:.32s ease-in-out infinite alternate batmobile-city-suspension;display:block;overflow:visible}.batmobile-city__wheel{animation:.45s linear infinite batmobile-city-wheel}.batmobile-city__flame{transform-origin:44px 78px;animation:.18s ease-in-out infinite alternate batmobile-city-flame}.batmobile-city__action-stage{z-index:3;color:#020303;opacity:.78;pointer-events:none;height:88px;position:absolute;bottom:27px;left:3%;right:3%;container-type:inline-size}.batmobile-city__action-stage svg{width:100%;height:100%;display:block;overflow:visible}.batmobile-city__hero-travel{width:100%;height:36px;animation:batmobile-city-swing-travel var(--batman-action-duration) linear infinite;position:absolute;top:0;left:0;transform:translate(-6%)}.batmobile-city__hero{transform-origin:15px -45px;width:24px;height:36px;animation:3.6s ease-in-out infinite batmobile-city-swing-sway}.batmobile-city__cape{transform-origin:28px 30px;animation:1.8s ease-in-out infinite alternate batmobile-city-cape}.batmobile-city__projectile{opacity:0;width:4px;height:1px;animation:batmobile-city-projectile var(--batman-action-duration) linear infinite;background:currentColor;position:absolute;top:15px;left:26px}.batmobile-city__rooftop-enemy{color:#020303;opacity:.78;width:12px;height:24px;position:absolute;transform:translate(-50%,-100%)}.batmobile-city__enemy{transform-origin:bottom;width:100%;height:100%}.batmobile-city__enemy>svg{width:100%;height:100%;display:block;overflow:visible}.batmobile-city__enemy--first{animation:batmobile-city-enemy-first var(--batman-action-duration) linear infinite}.batmobile-city__enemy--second{animation:batmobile-city-enemy-second var(--batman-action-duration) linear infinite}@media (prefers-reduced-motion:reduce){.batmobile-city *,.batmobile-city :before,.batmobile-city :after{transition:none;animation:none}.batmobile-city .batmobile-city__flame{opacity:0}.batmobile-city .batmobile-city__hero-travel{transform:translate(32%)}}@media (max-width:600px){.batmobile-city__signal{width:43px;height:43px;right:20%}.batmobile-city__car-position{width:108px;left:2%}.batmobile-city__action-stage{height:76px}}:root[data-theme=light] .batmobile-city .batmobile-city__skyline--far{fill:#a3abb6;color:#ffe7a0;opacity:.9}:root[data-theme=light] .batmobile-city .batmobile-city__skyline--near,:root[data-theme=light] .batmobile-city .batmobile-city__billboard-lap>.batmobile-city__skyline-panel{fill:#5b6472;color:#ffd54a}:root[data-theme=light] .batmobile-city .batmobile-city__signal circle{opacity:.75}:root[data-theme=light] .batmobile-city .batmobile-city__road{border-top-color:#a7aeb8}:root[data-theme=light] .batmobile-city .batmobile-city__billboard{--billboard-ink:#785d14;background:linear-gradient(135deg,#f5f6f8,#dce1e7);border-color:#9fa8b3;box-shadow:0 1px 3px #53606f26,inset 0 0 0 2px #fff9}:root[data-theme=light] .batmobile-city .batmobile-city__billboard--violet{--billboard-ink:#6c5192}:root[data-theme=light] .batmobile-city .batmobile-city__billboard--blue{--billboard-ink:#34657c}:root[data-theme=light] .batmobile-city .batmobile-city__billboard--green{--billboard-ink:#386e51}:root[data-theme=light] .batmobile-city .batmobile-city__billboard--rose{--billboard-ink:#8c4c5a}:root[data-theme=light] .batmobile-city .batmobile-city__billboard:before{border-color:#7d8996}:root[data-theme=light] .batmobile-city .batmobile-city__billboard:after{background:#7d8996}:root[data-theme=light] .batmobile-city .batmobile-city__billboard:hover,:root[data-theme=light] .batmobile-city .batmobile-city__billboard:active,:root[data-theme=light] .batmobile-city .batmobile-city__billboard:focus-visible{border-color:var(--billboard-ink);background:#e5e9ee;box-shadow:0 1px 5px #53606f33,inset 0 0 0 2px #fff9}:root[data-theme=light] .batmobile-city .batmobile-city__billboard-label{color:#29313a;text-shadow:none}:root[data-theme=light] .batmobile-city .batmobile-city__billboard-count{color:#4e5763;text-shadow:none}:root[data-theme=light] .batmobile-city .batmobile-city__billboard-count.is-live{color:#d92d20}:root[data-theme=light] .batmobile-city .batmobile-city__billboard-lights>i{background:#fffaf0;border-color:#8a96a3;box-shadow:0 -1px 3px #fff9}:root[data-theme=light] .batmobile-city .batmobile-city__billboard-lights>i:before{background:linear-gradient(#0000,#fffdf61a 35%,#fffce94d)}:root[data-theme=light] .batmobile-city .batmobile-city__billboard-lights>i:after{background:#7d8996}@keyframes batmobile-city-scroll{to{transform:translate(-50%)}}@keyframes batmobile-city-road{to{transform:translate(-80px)}}@keyframes batmobile-city-wheel{to{transform:rotate(360deg)}}@keyframes batmobile-city-cruise{0%,to{transform:translate(0)}50%{transform:translate(28px)}}@keyframes batmobile-city-suspension{to{transform:translateY(1px)}}@keyframes batmobile-city-flame{to{opacity:.65;transform:scaleX(.55)scaleY(.75)}}@keyframes batmobile-city-swing-travel{0%{opacity:0;transform:translate(-6%)}4%{opacity:1;transform:translate(2%)}15%{transform:translate(14%)}28%{transform:translate(28%)}40%{transform:translate(40%)}55%{transform:translate(55%)}64%{transform:translate(64%)}78%{transform:translate(79%)}94%{opacity:1;transform:translate(96%)}to{opacity:0;transform:translate(105%)}}@keyframes batmobile-city-swing-sway{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes batmobile-city-cape{0%{transform:rotate(-5deg)scaleX(1)}to{transform:rotate(7deg)scaleX(1.08)}}@keyframes batmobile-city-projectile{0%,27%,35%,63%,71%,to{opacity:0;transform:translate(0)}28%{opacity:.8;transform:translate(0)}34%{opacity:.8;transform:translate(12cqw,-7px)}64%{opacity:.8;transform:translate(0)}70%{opacity:.8;transform:translate(17cqw,-12px)}}@keyframes batmobile-city-enemy-first{0%,33%,to{opacity:1;transform:rotate(0)}38%{opacity:1;transform:rotate(75deg)}44%,94%{opacity:0;transform:translateY(5px)rotate(80deg)}}@keyframes batmobile-city-enemy-second{0%,69%,to{opacity:1;transform:rotate(0)}74%{opacity:1;transform:rotate(75deg)}80%,94%{opacity:0;transform:translateY(5px)rotate(80deg)}}