:root{--bg: #0a0a0a;--fg: #ededed;--emerald: #34d399;--indigo: #6366f1;--indigo-deep: #4338ca;--sans: "Inter Tight", system-ui, -apple-system, sans-serif;--display: "Space Grotesk", var(--sans);--serif: "Instrument Serif", Georgia, serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--pill-shadow: inset 0 -3px 4px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 8px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font:14px/1.5 var(--sans)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px}.fab,#tl,#card,#homeUrl,#homeGo,#homeStar,#shareRec,#share .panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--pill-shadow)}#tlPlay,#shareDl{background:var(--indigo);color:#fff;font-weight:500;border:1px solid rgba(0,0,0,.2);border-radius:9999px;box-shadow:inset 0 -4px 4px var(--indigo-deep);transition:background-color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}#tlPlay:hover,#shareDl:hover{background:#757af3}#tlPlay:active,#shareDl:active{box-shadow:inset 0 -2px 4px var(--indigo-deep);transform:scale(.98)}#brand{position:fixed;top:16px;left:18px;z-index:2;user-select:none;text-shadow:0 1px 8px rgba(0,0,0,.5);transition:opacity 1.2s}#brand h1{margin:0;font:600 15px/1.3 var(--display);letter-spacing:.14em;color:#fff}#brand span{font-size:12px;color:#ffffffa6}#brand.dim{opacity:.6}#cityCred{display:none;position:fixed;left:18px;bottom:14px;z-index:2;font:500 11px/1 var(--sans);letter-spacing:.02em;text-decoration:none;color:#ffffff59;transition:color .15s ease-out;text-shadow:0 1px 6px rgba(0,0,0,.6)}body.city #cityCred{display:block}#cityCred:hover{color:var(--indigo)}#cityShare{display:none;position:fixed;right:16px;bottom:14px;z-index:3;gap:8px}body.city #cityShare{display:flex;align-items:center}#starRepo{display:none;align-items:center;gap:8px;height:40px;padding:0 16px 0 13px;border-radius:9999px;text-decoration:none;font:500 13px/1 var(--sans);color:#ffdf9e;background:#ffc33c1a;border:1px solid rgba(255,195,60,.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--pill-shadow);transition:background-color .15s ease-out,transform .15s ease-out}#starRepo:hover{background:#ffc33c2e}#starRepo:active{transform:scale(.98)}#starRepo svg{width:16px;height:16px;fill:#ffce5a;stroke:none}#starRepo span{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#copyLink{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:9999px;color:#fffc;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--pill-shadow);transition:background-color .15s ease-out,color .15s ease-out}#copyLink:hover{background:#ffffff1a;color:#fff}#copyLink svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#copyLink.done{color:var(--emerald);border-color:#34d39966}#copyLink.done svg{animation:none}#explore{margin-top:28px;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;animation:fade-up .55s var(--ease) 1.15s forwards}.ex-label{font-size:12px;color:#ffffff61;letter-spacing:.02em}.ex-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.citycard{display:flex;flex-direction:column;gap:8px;width:152px;padding:10px 10px 11px;border-radius:16px;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--pill-shadow);transition:transform .3s var(--ease),background-color .15s ease-out,border-color .15s ease-out}.citycard:hover{transform:translateY(-4px);background:#ffffff14;border-color:#ffffff2e}.citycard:active{transform:translateY(-1px) scale(.98)}.citycard canvas{width:132px;height:40px;display:block;border-radius:9px;background:linear-gradient(#0b0b0d,#131316);transition:filter .25s ease-out}.citycard:hover canvas{filter:brightness(1.35)}.cc-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.cc-name{font:500 13px/1 var(--sans);color:#ffffffd9}.cc-meta{font-size:10.5px;color:#ffffff61;white-space:nowrap}.fab{position:fixed;right:16px;z-index:2;width:44px;height:44px;border-radius:9999px;display:grid;place-items:center;color:#ffffffd9;transition:background-color .15s ease-out,transform .15s ease-out,color .15s ease-out}.fab:hover{background-color:#ffffff1a;color:#fff}.fab:active{transform:scale(.98)}#carBtn{top:16px}#sndBtn{top:68px}#tlBtn{top:120px}#shareBtn{top:172px}.fab svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.fab>svg,.fab .swap{transition:transform .2s ease-out}.fab:hover>svg,.fab:hover .swap{transform:rotate(-6deg) scale(1.08)}@keyframes hop{40%{transform:rotate(-10deg) scale(1.18)}}#carBtn.hop>svg{animation:hop .35s var(--ease)}.swap{display:grid;place-items:center}.swap svg{grid-area:1 / 1;transition:opacity .2s ease-out,scale .2s ease-out}#sndBtn .off,#sndBtn.muted .on{opacity:0;scale:.75}#sndBtn.muted .off{opacity:1;scale:1}#tip{position:fixed;top:0;left:0;z-index:100;pointer-events:none;white-space:nowrap;padding:4px 12px;border-radius:9999px;border:2px solid rgba(0,0,0,.06);background:var(--indigo);color:#fff;font-size:12px;font-weight:500;box-shadow:inset 0 -4px 4px var(--indigo-deep);opacity:0;transition:opacity .15s ease-out}#tip.show{opacity:1}#tl{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(14px);z-index:3;display:flex;align-items:center;gap:14px;width:min(680px,90vw);background-color:#0c0c0c99;border-radius:9999px;padding:8px 18px 8px 8px;opacity:0;pointer-events:none;transition:opacity .25s ease-out,transform .4s var(--ease)}#tl.show{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}#tlPlay{width:40px;height:40px;flex:none;display:grid;place-items:center}#tlPlay svg{width:14px;height:14px;fill:currentColor}#tlPlay .play{translate:1px 0}#tlPlay .pause,#tlPlay.playing .play{opacity:0;scale:.75}#tlPlay.playing .pause{opacity:1;scale:1}#tlDate{font-weight:600;font-size:13px;min-width:84px;text-align:right;color:#fffc;font-variant-numeric:tabular-nums}#tlScrub{flex:1;height:40px;margin:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}#tlScrub::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:#ffffff24}#tlScrub::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:9999px;background:var(--fg);box-shadow:0 2px 8px #00000073}#tlScrub::-moz-range-track{height:4px;border-radius:9999px;background:#ffffff24}#tlScrub::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:9999px;background:var(--fg)}#share{position:fixed;inset:0;z-index:9;display:none;place-items:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#share.show{display:grid}#share .panel{width:min(880px,92vw);background-color:#0c0c0cbf;border-radius:20px;padding:16px}#shareImg{width:100%;display:block;border-radius:12px}#share .row{display:flex;align-items:center;gap:10px;margin-top:14px}#share .row button{border-radius:9999px;padding:0 20px;height:44px;font-size:14px}#shareClose{width:44px;height:44px;padding:0;margin-right:auto;flex:none;background:none;border:none;color:#fff9;font-size:15px;border-radius:9999px;transition:background-color .15s ease-out,color .15s ease-out}#shareClose:hover{background:#ffffff1a;color:var(--fg)}#shareRec{color:#ffffffe6;font-weight:500;transition:background-color .15s ease-out,transform .15s ease-out}#shareRec:hover{background-color:#ffffff1a}#shareRec:active{transform:scale(.98)}#shareRec[disabled]{opacity:.6;cursor:wait}#shareDl{border-radius:9999px}#playBtn,#raceBtn{left:16px;right:auto;top:72px;display:none;width:auto;padding:0 18px 0 14px;gap:8px;font:500 14px/1 var(--sans)}#raceBtn{top:124px}body.city #playBtn,body.city #raceBtn{display:flex;align-items:center}#playBtn.on,#raceBtn.on{background-color:var(--indigo);box-shadow:inset 0 -4px 4px var(--indigo-deep)}#ghud,#rhud{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:2;display:none;align-items:center;gap:12px;height:44px;padding:0 20px;border-radius:9999px;background:#0c0c0c99;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--pill-shadow);font:600 14px/1 var(--display);font-variant-numeric:tabular-nums}#ghud.show,#rhud.show{display:flex}#ghud .sep,#rhud .sep{color:#ffffff40}#rBest{color:#ffffff80;font-weight:500}#count{position:fixed;inset:0;z-index:5;display:none;place-items:center;pointer-events:none;font:700 clamp(90px,16vw,150px)/1 var(--display);color:#7ee0a3;text-shadow:0 10px 50px rgba(126,224,163,.5);letter-spacing:.04em}#count.show{display:grid;animation:countPop .5s ease-out}@keyframes countPop{0%{transform:scale(1.25);opacity:0}to{transform:scale(1);opacity:1}}#ghud .hearts{display:flex;gap:3px;font-size:16px;color:#ff5d6c}#ghud .hearts .lost{color:#ffffff2e}#gover{position:fixed;inset:0;z-index:9;display:none;place-items:center;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#gover.show{display:grid}#gover .panel{width:min(420px,90vw);text-align:center;padding:32px 28px 24px;background:#0c0c0ccc;border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:var(--pill-shadow)}#gTitle{margin:0 0 6px;font:600 26px/1.2 var(--display);letter-spacing:.02em}#gStats{margin:0 0 22px;color:#fff9}#gover .row{display:flex;gap:10px;justify-content:center}#gover .row button{height:44px;border-radius:9999px;padding:0 20px;font-size:14px;font-weight:500}#gQuit{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}#gQuit:hover{background:#ffffff1a}#gRetry{background:var(--indigo);color:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 -4px 4px var(--indigo-deep)}#gCred{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:13px;color:#fff6}#gCred a{display:inline-flex;align-items:center;gap:7px;color:#ffffffb3;text-decoration:none;font-weight:500;padding:6px 12px;border-radius:9999px;transition:background-color .15s ease-out,color .15s ease-out}#gCred a:hover{background:#ffffff14;color:#fff}#gCred a svg{width:15px;height:15px;fill:currentColor}#gRetry:hover{background:#757af3}#hurtFx{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(255,40,40,.38));transition:opacity .14s ease-out}#hurtFx.show{opacity:1}#card{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(12px);z-index:2;display:flex;align-items:center;gap:14px;max-width:min(760px,92vw);background-color:#0c0c0c99;border-radius:20px;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .25s ease-out,transform .4s var(--ease)}#card.show{opacity:1;transform:translate(-50%) translateY(0)}#card .faces{display:flex}#card .faces img{width:38px;height:38px;border-radius:9999px;border:2px solid rgba(255,255,255,.12);background:#111}#card .faces img+img{margin-left:-12px}#card .path{font:13px/1.45 var(--mono);color:#ffffff73;word-break:break-all}#card .path b{color:var(--fg);font-weight:600}#card .meta{color:#ffffff8c;font-size:12.5px;margin-top:3px}#card .meta em{color:#ffffffe6;font-style:normal;font-weight:500}#viewer{position:fixed;inset:5% 8%;z-index:5;display:none;flex-direction:column;background:#0a0a0aeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 24px 80px #0009}#vhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid rgba(255,255,255,.08)}#vpath{font:12.5px/1.4 var(--mono);color:#ffffffb3}#vclose{width:32px;height:32px;flex:none;display:grid;place-items:center;background:none;border:none;color:#fff9;font-size:14px;border-radius:9999px;transition:background-color .15s ease-out,color .15s ease-out}#vclose:hover{background:#ffffff1a;color:var(--fg)}#vbody{margin:0;padding:16px 20px;overflow:auto;flex:1;font:12px/1.6 var(--mono);color:#ffffffbf;tab-size:4;white-space:pre}#home{position:fixed;inset:0;display:none;place-items:center;z-index:8;background:radial-gradient(ellipse at 50% 40%,#161616 0%,var(--bg) 70%)}#home.show{display:grid}#home .box{text-align:center;width:min(500px,88vw)}#home .eyebrow{margin:0;font-size:14px;font-weight:500;color:#ffffff8c}#home h1{margin:10px 0 4px;overflow:hidden}#home h1 span{display:block;font:500 clamp(2.6rem,7vw,3.6rem)/1.05 var(--display);letter-spacing:-.02em;color:#fff}#home h1 i{display:inline-block;font-style:normal;transform:translateY(115%);animation:rise .7s var(--ease) forwards}#home h1 i:nth-child(1){animation-delay:.3s}#home h1 i:nth-child(2){animation-delay:.35s}#home h1 i:nth-child(3){animation-delay:.4s}#home h1 i:nth-child(4){animation-delay:.45s}#home h1 i:nth-child(5){animation-delay:.5s}#home h1 i:nth-child(6){animation-delay:.55s}#home h1 i:nth-child(7){animation-delay:.6s}#home h1 i:nth-child(8){animation-delay:.65s}#home .tag{margin:0 0 32px;font-size:18px;color:#ffffffb3}#home .accent{position:relative;display:inline-block;padding:0 .06em;font-family:var(--serif);font-style:italic;font-size:1.15em;color:var(--fg)}#home .rmask{display:inline-block;overflow:hidden;vertical-align:bottom;white-space:nowrap;padding-bottom:.24em;margin-bottom:-.24em;transition:width .4s var(--ease)}#home .rword{display:inline-flex;white-space:pre}#home .rword .ch{display:inline-block;transition:transform .4s cubic-bezier(.3,1.36,.5,1),opacity .25s ease-out}#home .rword .ch.up{transform:translateY(-115%);opacity:0}#home .rword .ch.below{transform:translateY(115%);opacity:0;transition:none}#home .accent svg{position:absolute;left:0;bottom:-.06em;width:100%;height:.16em;color:#ffffff59;overflow:visible}#home .accent path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:draw .7s var(--ease) 1.15s forwards}#home .eyebrow,#home .tag,#homeForm{opacity:0;animation:fade-up .55s var(--ease) forwards}#home .eyebrow{animation-delay:.1s}#home .tag{animation-delay:.7s}#homeForm{animation-delay:.9s}#homeForm{display:flex;gap:10px}#homeUrl{flex:1;min-width:0;font:inherit;color:var(--fg);height:46px;border-radius:9999px;padding:0 18px;outline:none;transition:border-color .15s ease-out,background-color .15s ease-out}#homeUrl::placeholder{color:#ffffff4d}#homeUrl:focus{border-color:#ffffff4d;background-color:#ffffff14}#homeGo{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;height:46px;border-radius:9999px;padding:0 20px;white-space:nowrap;font-size:14px;font-weight:500;color:#ffffffe6;transition:background-color .15s ease-out,transform .15s ease-out}#homeGo:hover{background-color:#ffffff1a}#homeGo:active{transform:scale(.98)}#homeGo:disabled{opacity:.5;cursor:wait}#homeGo .dot{position:relative;width:8px;height:8px;flex:none;border-radius:9999px;background:var(--emerald)}#homeGo .dot:before{content:"";position:absolute;inset:0;border-radius:9999px;background:var(--emerald);opacity:.5;animation:ping 1.2s cubic-bezier(0,0,.2,1) infinite}#homeGo:after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:50%;pointer-events:none;transform:translate(-100%) skew(12deg);background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}#homeGo:hover:after{transform:translate(400%) skew(12deg);transition:transform .7s ease-out}#homeStatus{min-height:1.6em;margin-top:16px;font-size:13px;color:#ffffff80}#homeStatus.err{color:#f87171}#homeStar{position:relative;width:fit-content;margin:16px auto 0;display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:9999px;overflow:hidden;text-decoration:none;font-size:13px;font-weight:500;color:#fffc;opacity:0;animation:fade-up .55s var(--ease) .25s forwards;transition:background-color .15s ease-out,color .15s ease-out}#homeStar:hover{background-color:#ffffff1a;color:#fff}#homeStar .star{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:fill .2s ease-out,stroke .2s ease-out,transform .35s var(--ease)}#homeStar:hover .star{fill:#fbbf24;stroke:#fbbf24;transform:rotate(72deg) scale(1.12)}#homeStar:after{content:"";position:absolute;top:0;bottom:0;left:-50%;width:50%;pointer-events:none;transform:translate(-100%) skew(12deg);background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}#homeStar:hover:after{transform:translate(400%) skew(12deg);transition:transform .7s ease-out}#homeCred{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:13px;color:#fff6;opacity:0;animation:fade-up .55s var(--ease) 1.05s forwards}#homeCred a{display:inline-flex;align-items:center;gap:7px;color:#ffffffb3;text-decoration:none;font-weight:500;padding:6px 12px;border-radius:9999px;transition:background-color .15s ease-out,color .15s ease-out}#homeCred a:hover{background:#ffffff14;color:#fff}#homeCred a svg{width:15px;height:15px;fill:currentColor}#skyline{position:absolute;inset:auto 0 0;height:180px;pointer-events:none;opacity:0;animation:fade-in 1.2s ease-out 1.1s forwards}#skyline:before{content:"";position:absolute;inset:auto 0 0;height:200px;background:radial-gradient(70% 160px at 50% 100%,rgba(251,191,36,.07),transparent 70%)}#skyline .back,#skyline .front{position:absolute;left:0;width:100%}#skyline .back{bottom:26px;height:130px}#skyline .front{bottom:22px;height:88px}#skyline .w{animation:twinkle 4.5s ease-in-out infinite}#skyline .w:nth-of-type(odd){animation-delay:1.4s}#skyline .w:nth-of-type(3n){animation-delay:2.6s}#skyline .w:nth-of-type(4n){animation-delay:.7s}#skyline .bcn{animation:blink 2.6s infinite}#skyline .bcn+.bcn{animation-delay:1.2s}#skyline .road{position:absolute;left:0;right:0;bottom:11px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 22px,transparent 22px 44px)}#homeCar{position:absolute;bottom:0;left:0;width:74px;transform:translate(-90px);animation:drive 15s linear infinite 1.4s}#homeCar .bob{animation:bob .4s ease-in-out infinite alternate}#home .box{position:relative;z-index:1}@keyframes fade-in{to{opacity:1}}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}@keyframes blink{0%,45%,to{opacity:.15}55%,80%{opacity:1}}@keyframes drive{to{transform:translate(100vw)}}@keyframes bob{to{transform:translateY(-.7px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rise{to{transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff24;background-clip:content-box;border:3px solid transparent;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff42}@supports not selector(::-webkit-scrollbar){#vbody{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}}@media (prefers-reduced-motion: reduce){#home .eyebrow,#home .tag,#homeForm,#home h1 i,#homeCred,#homeStar,#skyline{animation:none;opacity:1;transform:none}#skyline .w,#skyline .bcn{animation:none;opacity:.5}#homeCar{display:none}#home .accent path{animation:none;stroke-dashoffset:0}#homeGo .dot:before,#homeGo:after,#homeStar:after{display:none}#carBtn.hop>svg{animation:none}*{transition-duration:0s!important}}