.hidden{display:none!important}*{box-sizing:border-box}.city-page{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 10%,#2b5363,transparent 36%),radial-gradient(circle at 90% 85%,#435866,transparent 39%),#0b1828;color:#f4fbf6;font-family:'DM Sans',Arial,sans-serif}.city-shell{max-width:1620px;margin:auto;padding:0 28px}.city-header{height:74px;border-bottom:1px solid #ffffff35;display:flex;align-items:center;justify-content:space-between}.city-header a{color:#eafff4;font-size:13px;font-weight:800;text-decoration:none}.city-header .city-brand{font:800 20px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.05em;color:#bdffdc}.city-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);gap:clamp(25px,5vw,80px);align-items:center;min-height:calc(100vh - 74px);padding:40px 0 65px}.city-intro{min-width:0}.city-intro>small,.city-card>small{color:#b9ffda;font-size:11px;font-weight:800;letter-spacing:.14em}.city-intro h1{font:800 clamp(48px,6vw,86px)/.99 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:15px 0 23px}.city-intro>p{color:#c9dfdf;line-height:1.55;max-width:600px}.city-intro .city-footnote{font-size:11px;color:#a8c9ce}.city-art{height:280px;max-width:650px;position:relative;overflow:hidden;border-radius:20px;border:1px solid #ffffff5a;background:linear-gradient(#74b7c6 0 48%,#416574 48% 65%,#213b48 65%);perspective:650px}.city-art-road{position:absolute;inset:40% -30% -55%;background:repeating-linear-gradient(90deg,transparent 0 120px,#e3e8bc 120px 130px,transparent 130px 230px),#2c3b45;transform:rotateX(62deg)}.city-art-building{position:absolute;bottom:37%;width:90px;height:100px;background:repeating-linear-gradient(90deg,#7b9d9e 0 13px,#e4d9a8 13px 18px,#7b9d9e 18px 33px);box-shadow:18px 12px 0 #355260}.city-art-building.one{left:12%;height:130px}.city-art-building.two{right:12%;height:170px;background:repeating-linear-gradient(90deg,#66889c 0 14px,#c3e8d6 14px 19px,#66889c 19px 34px)}.city-art-car{position:absolute;left:43%;bottom:18px;width:105px;height:72px;border-radius:18px 18px 10px 10px;background:#eb7c6b;box-shadow:inset 0 -14px #a7494c,0 14px 20px #0008}.city-art-car::before{content:"";position:absolute;left:18px;right:18px;top:-25px;height:38px;border-radius:14px 14px 0 0;background:#b5e4df;border:8px solid #cf635c}.city-card,.city-toolbar,.city-aside section{border:1px solid #ffffff4a;background:linear-gradient(140deg,#ffffff20,#ffffff09 70%);box-shadow:inset 0 1px #ffffff4a,0 20px 50px #0005;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.city-card{border-radius:22px;padding:30px}.city-card h2{font:800 30px 'Space Grotesk';letter-spacing:-.04em;margin:15px 0 6px}.city-card p{color:#c5d9de;font-size:13px;line-height:1.5}.city-card label{display:block;margin:20px 0 7px;font-size:12px;color:#b9ffda;font-weight:800}.city-card input,.city-card select{width:100%;height:46px;border:1px solid #ffffff6a;border-radius:9px;background:#0d293bb8;color:#fff;padding:0 12px;font:inherit}.city-setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}.city-primary,.city-secondary,.city-toolbar-actions button,.city-toolbar-actions a,.city-aside button{min-height:42px;border-radius:9px;padding:8px 14px;font:800 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.city-primary{border:1px solid #e9ffeb;background:#b9ffda;color:#103040}.city-secondary,.city-toolbar-actions button,.city-toolbar-actions a,.city-aside button{border:1px solid #ffffff73;background:#ffffff16;color:#fff;text-decoration:none}.city-primary:hover{background:#d5ffe7}.city-secondary:hover,.city-toolbar-actions button:hover,.city-aside button:hover{background:#ffffff28}.city-card #setupError{color:#ffbdc2;min-height:16px;margin-bottom:0}.city-page :focus-visible{outline:3px solid #c6ffda;outline-offset:2px}.city-game{padding:14px 0 30px}.city-toolbar{min-height:58px;border-radius:13px;padding:8px 14px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.city-toolbar>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.city-toolbar small{font-size:10px;color:#b9ffda;font-weight:800;letter-spacing:.08em}.city-toolbar strong{font:800 19px 'Space Grotesk'}.city-toolbar span{font-size:11px;color:#bfd8d8}.city-toolbar-actions{display:flex;gap:6px}.city-toolbar-actions a{display:grid;place-items:center}.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:11px}.city-view{height:min(78vh,800px);min-height:500px;min-width:0;position:relative;overflow:hidden;background:#48798b;border:1px solid #d6ffe47c;border-radius:14px;touch-action:none}.city-render,.city-render canvas{width:100%;height:100%;display:block}.city-hud{position:absolute;z-index:2;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;gap:6px;pointer-events:none}.city-hud>div{padding:8px 11px;border-radius:10px;background:#081f2dbc;border:1px solid #ffffff48;backdrop-filter:blur(12px)}.city-hud small{display:block;color:#b8ffda;font-size:9px;font-weight:800;letter-spacing:.07em}.city-hud strong{font:800 24px 'Space Grotesk';line-height:1.1}.city-hud em{font:700 11px 'DM Sans';font-style:normal}.city-message{position:absolute;z-index:3;left:50%;top:92px;transform:translateX(-50%);width:max-content;max-width:85%;padding:9px 13px;border:1px solid #ffffff70;border-radius:8px;background:#092331db;text-align:center;font-size:12px;font-weight:800;pointer-events:none}.city-result{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,90%);padding:25px;border:1px solid #c8ffe3;border-radius:16px;background:#092635ed;text-align:center;box-shadow:0 25px 70px #0009}.city-result small{font-size:11px;color:#b8ffda;font-weight:800}.city-result h2{font:800 30px 'Space Grotesk';margin:10px 0}.city-result p{font-size:13px;color:#d2e2e0;line-height:1.5}.city-aside section{border-radius:14px;padding:19px;margin-bottom:11px}.city-aside h2{font:800 20px 'Space Grotesk';margin:0 0 13px}.city-aside p{font-size:12px;line-height:1.55;color:#c6d9df}.city-aside #bestLabel{color:#b9ffda;font-weight:800}.city-aside button{width:100%}.city-aside ol{list-style:none;padding:0;margin:13px 0 0}.city-aside li{display:grid;grid-template-columns:25px 1fr auto;gap:5px;padding:9px 0;border-top:1px solid #ffffff30;font-size:12px}.city-aside li.me{color:#b9ffda}.city-touch{display:none}.city-game:fullscreen{width:100vw;height:100dvh;background:#091725;padding:7px;overflow:hidden}.city-game:fullscreen .city-layout{display:block}.city-game:fullscreen .city-view{height:calc(100dvh - 78px);width:100%;min-height:0}.city-game:fullscreen .city-aside{display:none}.city-game:fullscreen .city-toolbar{min-height:53px;margin-bottom:6px}
@media(max-width:950px){.city-setup{grid-template-columns:1fr}.city-layout{grid-template-columns:1fr}.city-aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.city-view{height:70vh}}
@media(max-width:700px){.city-shell{padding:0 11px}.city-header{height:58px}.city-intro h1{font-size:clamp(44px,10vw,62px)}.city-art{height:175px}.city-card{padding:20px}.city-game{padding:7px 0}.city-toolbar{padding:6px 8px;min-height:45px}.city-toolbar small{display:none}.city-toolbar strong{font-size:15px}.city-toolbar-actions button,.city-toolbar-actions a{padding:5px 8px;min-height:34px;font-size:10px}.city-view{height:calc(100dvh - 130px);min-height:390px}.city-hud{left:7px;right:7px;top:7px;display:grid;grid-template-columns:1fr 1fr}.city-hud>div{padding:5px 7px}.city-hud strong{font-size:18px}.city-message{top:94px;font-size:10px}.city-aside{display:block}.city-page.in-game .city-header{display:none}.city-page.in-game .city-view{height:calc(100dvh - 105px)}.city-game:fullscreen{padding:3px}.city-game:fullscreen .city-toolbar{min-height:39px}.city-game:fullscreen .city-view{height:calc(100dvh - 49px)}}
@media(pointer:coarse){.city-touch{position:absolute;z-index:4;inset:auto 8px 12px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}.city-touch>div{display:flex;gap:6px;pointer-events:auto}.city-touch button{height:52px;min-width:52px;border:1px solid #fff9;border-radius:12px;background:#153849c9;color:#fff;font-weight:800;font-size:16px;touch-action:none}.city-touch button[data-control=accelerate]{height:68px;background:#b9ffdadb;color:#103040;font-size:10px}.city-touch button[data-control=brake],.city-touch button[data-control=reverse]{font-size:10px}.city-touch button:active{background:#fff}.city-message{top:110px}}
@media(pointer:coarse) and (max-height:500px){.city-view,.city-page.in-game .city-view{height:calc(100dvh - 72px);min-height:230px}.city-touch button{height:38px;min-width:42px}.city-touch button[data-control=accelerate]{height:52px}.city-game:fullscreen .city-view{height:calc(100dvh - 49px)}}
.city-result a{display:inline-grid;place-items:center;margin-top:8px;text-decoration:none}
.city-hud #scoreBreakdown{display:block;margin-top:2px;max-width:180px;color:#c8d7d9;font-size:9px;font-weight:700;letter-spacing:0;line-height:1.25;text-transform:none;white-space:normal}
@media(max-width:700px){.city-message{top:136px}}
.city-art{height:auto;aspect-ratio:16/9;perspective:none;background:#273437;border-color:#ffffff24}
.city-art img{display:block;width:100%;height:100%;object-fit:cover}
.city-setup{gap:40px;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr)}
.city-intro h1{font-size:clamp(40px,4.8vw,72px);letter-spacing:-.055em}
.city-card label{margin-top:14px}.city-card{padding:25px}
.city-layout{display:block}.city-aside{display:flex;gap:12px;margin-top:12px}.city-aside section{flex:1;margin:0}.city-aside p{max-width:75ch}
.city-view{height:calc(100dvh - 174px);min-height:460px;border-color:#ffffff24;background:#afc8d6}
.city-hud{right:14px;left:14px;gap:0;justify-content:flex-start;width:max-content;max-width:calc(100% - 28px);background:#142225e8;border:1px solid #ffffff24;border-radius:12px;overflow:hidden}
.city-hud>div{background:none;border:0;border-radius:0;padding:10px 18px;backdrop-filter:none;border-right:1px solid #ffffff20}.city-hud>div:last-child{border:0}
.city-hud small{font-size:11px;letter-spacing:0;color:#bdc9c9;text-transform:none}.city-hud strong{font-variant-numeric:tabular-nums;font-size:26px}.city-hud #scoreBreakdown{font-size:11px}
.city-message{top:103px;font-size:12px;font-weight:500;background:#142225dc;border-color:#ffffff20;transition:opacity .2s}
.city-drive-actions{position:absolute;right:14px;bottom:18px;z-index:3;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 240px)}
.city-drive-actions button{min-height:44px;padding:9px 12px;background:#142225ed;color:#f1f6f3;border:1px solid #ffffff40;border-radius:10px;font:600 12px 'DM Sans',Arial;cursor:pointer;touch-action:manipulation}
.city-drive-actions button:hover{background:#2d4144}.city-navigation{position:absolute;bottom:18px;left:14px;z-index:2;width:160px;pointer-events:none;color:#f1f6f3;background:#142225ed;border:1px solid #ffffff40;border-radius:12px;overflow:hidden}
.city-navigation canvas{display:block;width:100%;height:auto}.city-navigation>div{padding:8px 10px}.city-navigation strong,.city-navigation span{display:block;font-size:11px;line-height:1.4}.city-navigation span{color:#e6c680;font-variant-numeric:tabular-nums}
.city-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.city-toolbar-actions button,.city-toolbar-actions a{min-height:44px}.city-toolbar{box-shadow:none;background:#17282dc9}
.city-game:fullscreen .city-view{height:calc(100dvh - 76px)}
@media(max-width:950px){.city-setup{grid-template-columns:1fr}.city-intro h1{font-size:56px}.city-art{max-width:none}.city-view{min-height:400px}}
@media(max-width:700px){.city-setup{gap:24px;padding-top:26px}.city-intro h1{font-size:43px}.city-toolbar{align-items:flex-start}.city-toolbar>div:first-child{gap:3px;display:grid}.city-toolbar-actions{max-width:75%;gap:4px}.city-toolbar-actions button,.city-toolbar-actions a{font-size:11px;padding:5px 8px}.city-page.in-game .city-view{height:calc(100dvh - 124px);min-height:440px}.city-hud{top:8px;left:8px;right:8px;width:auto;max-width:none;display:grid;grid-template-columns:1fr 1.6fr}.city-hud>div{padding:6px 10px}.city-hud>div:nth-child(2){border-right:0}.city-hud>div:nth-child(n+3){border-top:1px solid #ffffff20;display:flex;align-items:center;gap:8px}.city-hud strong{font-size:22px}.city-hud>div:nth-child(n+3) strong{font-size:16px}.city-hud #scoreBreakdown{font-size:10px}.city-message{top:115px;max-width:94%;font-size:11px;padding:7px 10px}.city-navigation{width:112px;left:8px;bottom:104px}.city-navigation>div{padding:5px}.city-navigation strong,.city-navigation span{font-size:10px}.city-drive-actions{right:8px;bottom:104px;max-width:calc(100% - 136px);display:grid;justify-items:end}.city-drive-actions button{font-size:11px;min-height:44px}.city-aside{display:block}.city-aside section{margin-bottom:12px}.city-game:fullscreen .city-view{height:calc(100dvh - 105px);min-height:0}}
@media(pointer:coarse){.city-touch{bottom:max(14px,env(safe-area-inset-bottom));left:10px;right:10px}.city-touch button{height:58px;min-width:54px;background:#142225e8;user-select:none;-webkit-user-select:none}.city-touch button[data-control=accelerate]{height:72px;background:#c4e5d2}.city-navigation{bottom:104px}.city-drive-actions{bottom:104px}}
@media(pointer:coarse) and (max-height:500px){.city-page.in-game .city-view{height:calc(100dvh - 70px);min-height:250px}.city-toolbar>div:first-child{display:flex}.city-hud{top:6px;left:8px;right:auto;display:flex;max-width:calc(100% - 180px)}.city-hud>div{padding:5px 9px}.city-hud strong{font-size:19px}.city-hud small{font-size:10px}.city-hud>div:nth-child(n+3){display:block;border-top:0}.city-message{top:70px;max-width:58%;font-size:10px}.city-navigation{width:80px;bottom:auto;top:6px;left:auto;right:8px}.city-navigation>div{display:none}.city-drive-actions{bottom:88px;right:8px;max-width:calc(100% - 180px);display:flex}.city-drive-actions button{font-size:10px;padding:5px 8px}.city-touch button{height:44px;min-width:48px}.city-touch button[data-control=accelerate]{height:58px}.city-game:fullscreen .city-view{height:calc(100dvh - 60px)}}
@media(prefers-reduced-motion:reduce){.city-message{transition:none}}
@media(max-width:700px) and (min-height:501px){.city-drive-actions{top:116px;bottom:auto;left:8px;right:8px;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:stretch;gap:5px}.city-drive-actions button{padding:6px;line-height:1.3;min-width:0}.city-message{top:170px}.city-navigation{width:96px}}
@media(pointer:coarse) and (max-height:500px){.city-drive-actions{top:auto;bottom:14px;left:130px;right:200px;max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.city-drive-actions button{padding:4px;line-height:1.25;min-width:0}}
.city-intro>small,.city-card>small{font-size:13px;letter-spacing:0}.city-intro .city-footnote{font-size:12px}.city-card p{font-size:14px}.city-card label,.city-setup-actions button{font-size:13px}
.city-touch button[data-control=brake],.city-touch button[data-control=reverse],.city-touch button[data-control=accelerate],.city-navigation strong,.city-navigation span,.city-hud #scoreBreakdown,.city-drive-actions button{font-size:11px}
.city-police{position:absolute;left:12px;top:140px;z-index:3;max-width:calc(100% - 24px);padding:9px 12px;border:1px solid #788b85;border-radius:8px;background:#182624;color:#e5eee9;font-size:12px;pointer-events:none}
.city-police[data-wanted="true"]{background:#392621;border-color:#daaa72;color:#ffe1bd}
.city-garage{position:absolute;z-index:8;top:20px;left:50%;max-height:calc(100% - 40px);transform:translateX(-50%);width:min(410px,calc(100% - 24px));overflow:auto;padding:22px;border:1px solid #82938b;border-radius:14px;background:#182321;touch-action:pan-y}
.city-garage h2{font-size:24px;margin:0 0 10px}.city-garage p{font-size:13px;color:#c2d1c9;line-height:1.4}.city-garage label{display:block;margin:12px 0 5px;font-size:13px}
.city-garage select{width:100%;height:44px;padding:8px;background:#263430;color:#f4faf6;border:1px solid #72877a;border-radius:6px;font:inherit}.city-garage>div{display:flex;gap:8px;margin-top:20px}
.city-drive-actions{max-width:70%;flex-wrap:wrap}.city-drive-actions button{min-height:44px}
.city-hud #driftStatus{font-size:11px;letter-spacing:0;margin-top:5px;color:#d4ded8}.city-hud #driftStatus[data-active="true"]{color:#ffe0a2}
.city-touch .city-steering{display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:end}
.city-touch #driftTouch{grid-column:1/-1;height:44px;min-height:44px;font-size:11px}
.city-touch #driftTouch[aria-pressed="true"]{background:#f3d390;color:#201d16;border-color:#f3d390}
.city-touch #driftTouch:disabled{opacity:.4}
@media(pointer:coarse) and (min-height:501px){.city-navigation{bottom:139px}}
@media(max-width:700px) and (min-height:501px){.city-drive-actions{max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));top:115px}.city-message{top:220px}.city-police{top:270px;left:8px;font-size:11px;max-width:calc(100% - 16px)}.city-page.in-game .city-view{min-height:630px}}
@media(pointer:coarse) and (max-height:500px){.city-police{top:103px;left:8px;font-size:10px;max-width:65%}.city-drive-actions{bottom:8px;left:130px;right:190px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.city-drive-actions button{min-height:44px;font-size:10px}.city-message{top:69px}}
@media(max-width:700px){.city-shell{padding:0 16px}.city-page.in-game .city-shell{padding:0 11px}}