@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/games/city-street/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/games/city-street/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/games/city-street/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/games/city-street/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/games/city-street/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/games/city-street/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/games/city-street/assets/inter-cyrillic-600-normal-CWCymEST.woff2)format("woff2"),url(/games/city-street/assets/inter-cyrillic-600-normal-4D_pXhcN.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/games/city-street/assets/oswald-latin-700-normal-vy6hmKSr.woff2)format("woff2"),url(/games/city-street/assets/oswald-latin-700-normal-UmC9Ev9x.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/games/city-street/assets/oswald-cyrillic-700-normal-BO0IwMyy.woff2)format("woff2"),url(/games/city-street/assets/oswald-cyrillic-700-normal-DxuP1Pb9.woff)format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/games/city-street/assets/pacifico-latin-400-normal-7HIToT7q.woff2)format("woff2"),url(/games/city-street/assets/pacifico-latin-400-normal-DArfF-vd.woff)format("woff")}@font-face{font-family:Pacifico;font-style:normal;font-display:swap;font-weight:400;src:url(/games/city-street/assets/pacifico-cyrillic-400-normal-DS5_g9Hw.woff2)format("woff2"),url(/games/city-street/assets/pacifico-cyrillic-400-normal-BtlfDWif.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/games/city-street/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2)format("woff2"),url(/games/city-street/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/games/city-street/assets/playfair-display-cyrillic-700-normal-Dw3uKy19.woff2)format("woff2"),url(/games/city-street/assets/playfair-display-cyrillic-700-normal-Dk1mTcxf.woff)format("woff")}:root{--ui-font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:"Playfair Display", Georgia, serif;--ink:#eef0f8;--muted:#98a1bb;--accent:#f2a23a;--accent-soft:#f2a23a33;--panel:#0b0f1d94;--line:#ffffff17}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:none;background:#05070f;margin:0;overflow:hidden}#app,#stage{position:fixed;top:0;bottom:0;left:0;right:0}#stage canvas{cursor:grab;width:100%;height:100%;display:block}#stage canvas:active{cursor:grabbing}#ui{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit}.loader{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:radial-gradient(at 50% 40%,#141a348c,#04060ef0 70%);place-items:center;transition:opacity .9s,visibility .9s;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.loader.gone{opacity:0;visibility:hidden}.loader-card{text-align:center;width:min(500px,90vw)}.loader-leaf svg{filter:drop-shadow(0 0 14px #f2a23a99);width:44px;height:44px}.loader h1{font-family:var(--serif);letter-spacing:.01em;background:linear-gradient(#ffe4b0,#f2a23a 70%,#c8601c);color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 4px;font-size:clamp(30px,6vw,46px);font-weight:700}.loader .sub{color:var(--muted);margin:0 0 26px;font-size:15px}.loader .bar{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.loader .fill{background:linear-gradient(90deg,#f2a23a,#ffe4b0);width:0;height:100%;transition:width .35s;box-shadow:0 0 14px #f2a23ab3}.loader .step{min-height:22px;color:var(--muted);letter-spacing:.02em;margin:12px 0 18px;font-size:13px}.loader .step.error{color:#ff8a80;font-size:15px}.loader .enter{color:#ffe9c4;letter-spacing:.04em;cursor:pointer;background:linear-gradient(#f2a23a47,#f2a23a1f);border:1px solid #f2a23a99;border-radius:999px;padding:13px 44px;font-size:17px;font-weight:600;transition:transform .15s,box-shadow .2s;box-shadow:0 0 34px #f2a23a40}.loader .enter:hover{transform:translateY(-1px);box-shadow:0 0 46px #f2a23a73}.loader .enter[hidden]{display:none}.loader .tip{color:#98a1bbbf;margin:22px 0 0;font-size:12.5px}.hud{transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}.hud-hidden .hud>:not(.toast){opacity:0;pointer-events:none!important}.panel{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(16px)saturate(1.3);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 40px #0000006b}.hud button{pointer-events:auto;cursor:pointer;background:0 0;border:0}.top-left{flex-direction:column;gap:4px;display:flex;position:absolute;top:16px;left:18px}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50% 0 50% 50%;transform:rotate(-45deg)}.brand-name{font-family:var(--serif);color:#ffe4b0;text-shadow:0 2px 14px #0009;font-size:19px;font-weight:700}.fps{color:var(--muted);font-variant-numeric:tabular-nums;text-shadow:0 1px 6px #000;font-size:12px}.top-right{align-items:center;gap:10px;display:flex;position:absolute;top:14px;right:16px}.seg,.icons,.weather{gap:2px;padding:4px;display:flex}.seg button,.weather button{color:var(--muted);border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.icons button{width:38px;height:38px;color:var(--muted);border-radius:10px;place-items:center;transition:background .15s,color .15s;display:grid}.seg button:hover,.weather button:hover,.icons button:hover{color:var(--ink);background:#ffffff14}.seg button.active,.weather button.active,.icons button.active{background:var(--accent-soft);color:#ffd9a0;box-shadow:inset 0 0 0 1px #f2a23a80}.bottom{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;padding:0 16px;display:grid;position:absolute;bottom:14px;left:0;right:0}.weather{justify-self:start}.weather button span{display:none}.weather button{padding:8px 10px}.time{width:min(520px,46vw);padding:10px 14px 12px}.time-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.clock{align-items:center;gap:8px;display:flex}.clock-icon svg{width:20px;height:20px;color:var(--accent)}.clock-text{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:22px;font-weight:600}.daypart{color:var(--muted);font-size:13px}.speeds{gap:2px;display:flex}.speeds button{min-width:34px;height:28px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:8px;place-items:center;padding:0 8px;font-size:12px;display:grid}.speeds button svg{width:15px;height:15px}.speeds button:hover{color:var(--ink);background:#ffffff14}.speeds button.active{background:var(--accent-soft);color:#ffd9a0}.slider{-webkit-appearance:none;appearance:none;pointer-events:auto;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#070b18 0%,#0f1c44 18%,#e2786a 26%,#6fb2ea 36%,#93c9f6 55%,#f0a04a 72%,#6a3a70 77%,#101a3e 84%,#070b18 100%);border-radius:8px;height:8px;box-shadow:inset 0 0 0 1px #ffffff1f}.slider::-moz-range-track{background:linear-gradient(90deg,#070b18 0%,#0f1c44 18%,#e2786a 26%,#6fb2ea 36%,#93c9f6 55%,#f0a04a 72%,#6a3a70 77%,#101a3e 84%,#070b18 100%);border-radius:8px;height:8px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ffd9a0;border:2px solid #fff;border-radius:50%;width:18px;height:18px;margin-top:-5px;box-shadow:0 0 14px #ffd9a0e6}.slider::-moz-range-thumb{background:#ffd9a0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 14px #ffd9a0e6}.hint{text-align:right;color:#c8d0e6c7;text-shadow:0 1px 8px #000c;flex-direction:column;justify-self:end;gap:3px;max-width:340px;font-size:12px;line-height:1.35;display:flex}.hint-keys{color:#98a1bbb8}.settings{width:min(340px,90vw);padding:14px 16px 12px;position:absolute;top:66px;right:16px}.settings[hidden]{display:none}.settings h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:600}.settings .row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:14px;display:flex}.chips{gap:4px;display:flex}.chips button{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.chips button:hover{color:var(--ink)}.chips button.active{background:var(--accent-soft);color:#ffd9a0;border-color:#f2a23a99}.switch{background:#ffffff24;border-radius:999px;width:40px;height:22px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on:after{transform:translate(18px)}.toast{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);pointer-events:none;border-radius:999px;padding:9px 18px;font-size:13.5px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.toast.show{animation:.35s toast-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}@media (max-width:900px){.bottom{grid-template-columns:1fr;justify-items:center;gap:8px}.time{width:min(94vw,520px)}.weather,.hint{justify-self:center}.hint,.seg button span{display:none}.brand-name{font-size:16px}}@media (max-width:520px){.top-right{flex-direction:column;align-items:flex-end}}