body{background:#172d33}.game-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#16272c52,transparent 24%,transparent 66%,#142b3270)}.game-header{position:absolute;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.game-brand h1{font-size:36px;line-height:1;letter-spacing:.3px;margin:10px 0 0;text-shadow:0 2px 14px #15253080}.game-brand h1>span{font:8px var(--mono);letter-spacing:2px;margin-top:9px;color:#e6eedf}.game-brand .eyebrow{font-size:8px;letter-spacing:1.3px}.game-tools{display:flex;gap:6px;pointer-events:auto}.game-tools button{background:#162b32d9;border:1px solid #ffffff45;border-radius:3px;padding:10px 12px;font-size:10px;backdrop-filter:blur(8px)}.game-tools button:hover{background:var(--lime);color:var(--ink)}.location-badge{position:absolute;top:26px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#162b32d9;padding:10px 14px;border-radius:3px;font-size:11px;white-space:nowrap}.location-badge small{font:7px var(--mono);opacity:.6;margin-left:8px}.first-tour{position:absolute;left:25px;top:138px;width:216px;background:#162b32e0;border:1px solid #ffffff26;border-radius:4px;padding:15px 16px;backdrop-filter:blur(12px)}.first-tour .section-label{font-size:7px;letter-spacing:.8px}.first-tour ol{list-style:none;margin:14px 0 0;padding:0}.first-tour li{display:flex;align-items:center;gap:10px;font-size:11px;margin:12px 0;color:#c1ccc6}.first-tour li i{font:8px var(--mono);font-style:normal;color:#93a9a0}.first-tour li.done,.first-tour li.done i{color:var(--lime)}.first-tour li.done i{font-size:11px}.first-tour p{font-size:10px;color:#aabbb5;line-height:1.5;margin:14px 0 0;padding-top:11px;border-top:1px solid #ffffff20}.local-map{position:absolute;left:25px;bottom:66px;width:218px;background:#172f32ef;border:1px solid #ffffff35;border-radius:4px;overflow:hidden}.local-map>div{display:flex;justify-content:space-between;align-items:center;padding:7px 11px;font:7px var(--mono);letter-spacing:.6px}.local-map button{background:transparent;font-size:15px;color:var(--lime);padding:0 2px}#mini{width:100%;height:130px;display:block}.local-map>small{display:flex;justify-content:space-between;font:7px var(--mono);color:#c5d4cc;padding:9px 11px}.mode-panel{position:absolute;right:25px;bottom:66px;width:220px;background:#162b32df;padding:14px 15px;border:1px solid #ffffff20;border-radius:4px;backdrop-filter:blur(10px)}.mode-kicker{font:7px var(--mono);letter-spacing:1px;color:#bdcdc4}.mode-value{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:9px 0}.mode-value b{font:600 36px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px}.mode-value>span{font:7px var(--mono);color:var(--lime)}.mode-line{height:2px;background:#ffffff20;margin:10px 0}.mode-line i{display:block;height:100%;width:0;background:var(--lime);transition:width .15s}.mode-detail{font-size:9px;color:#c0cec5;line-height:1.5;display:block;min-height:14px}.action-button{display:flex;align-items:center;gap:9px;width:100%;background:var(--lime);color:#172a30;padding:11px 10px;margin-top:12px;border-radius:3px;font-size:11px;font-weight:600}.action-button kbd{font-size:9px;background:#ffffff26;border-color:#172a3040;min-width:23px}.action-button b{margin-left:auto;font-size:16px}.action-button:disabled{background:#ffffff13;color:#cedbd4;cursor:default}.interact-hint{position:absolute;z-index:2;transform:translate(-50%,-100%);padding:7px 10px;background:#152e33f0;border:1px solid #d6f66c80;border-radius:4px;white-space:nowrap;font-size:10px;color:var(--lime);pointer-events:none}.interact-hint kbd{margin-right:6px;font-size:9px}.game-controls{position:absolute;left:50%;bottom:68px;transform:translateX(-50%);display:flex;gap:14px;align-items:center;background:#162b32d9;border:1px solid #ffffff1a;padding:11px 14px;border-radius:4px;font:7px var(--mono);white-space:nowrap;pointer-events:none}.game-controls>span{display:flex;align-items:center;gap:7px}.game-controls b{font-weight:400}.game-controls kbd{font-size:8px;padding:4px 6px;min-width:20px}.game-footer{position:absolute;left:25px;right:25px;bottom:18px;display:flex;justify-content:space-between;gap:20px;font:7px var(--mono);letter-spacing:.4px;color:#e6eee3b0}.game-footer a{color:inherit;text-decoration:none}.game-footer button{background:transparent;font:7px var(--mono);color:var(--lime);padding:0;margin-left:8px}.touch-game{display:none;position:absolute;left:20px;right:20px;bottom:58px;justify-content:space-between;pointer-events:none}.touch-game>div{display:flex;gap:8px}.touch-game button{width:46px;height:46px;background:#162b32de;border:1px solid #ffffff77;border-radius:6px;color:#fff;font-size:23px;pointer-events:auto;touch-action:none;user-select:none}.touch-game button.pressed{background:var(--lime);color:var(--ink)}body.street-active .game-hud{visibility:hidden;pointer-events:none}body.street-active #loading{display:none}#mapDialog{max-width:none;width:min(1000px,94vw);height:min(700px,90dvh);padding:20px}#mapDialog .full-map-header{display:flex;align-items:center;justify-content:space-between;gap:20px}#mapDialog h2{font-size:30px;margin:0}#mapDialog canvas{display:block;width:100%;height:calc(100% - 100px);margin-top:12px}#mapDialog p{font:9px var(--mono)}#loading .loading-logo{font-size:51px}#loading .loading-logo span{font-size:36px;margin-top:8px}#toast{z-index:8;top:100px;font-size:11px}dialog .note{font-size:10px}#help{z-index:30}
@media(max-width:1150px){.location-badge{top:113px;left:auto;right:25px;transform:none}.location-badge small{display:none}.game-controls{bottom:25px;padding:8px 11px;font-size:6px;gap:9px}.game-footer>span:first-child{display:none}.game-footer{bottom:11px}.game-footer>span:last-child{margin-left:auto}.game-controls .drag-help{display:none}}
@media(max-width:700px){.game-header{left:16px;right:16px;top:20px}.game-brand h1{font-size:28px;margin-top:10px}.game-brand h1>span{font-size:6px;letter-spacing:1px}.game-brand .eyebrow{font-size:6px;letter-spacing:.8px}.game-tools{gap:4px;max-width:175px;justify-content:flex-end;flex-wrap:wrap}.game-tools button{font-size:8px;padding:8px 9px}.location-badge{right:16px;top:111px;padding:8px 11px;font-size:9px}.first-tour{left:16px;top:126px;width:174px;padding:12px}.first-tour .section-label{font-size:6px;letter-spacing:.5px}.first-tour li{font-size:9px;margin:10px 0;gap:8px}.first-tour p{font-size:9px;margin-top:10px;padding-top:9px}.local-map{left:16px;bottom:105px;width:164px}#mini{height:92px}.local-map>div{font-size:6px;padding:6px 8px}.local-map>small{font-size:6px;padding:7px 8px}.mode-panel{right:16px;bottom:105px;width:167px;padding:11px}.mode-kicker{font-size:6px;letter-spacing:.6px}.mode-value b{font-size:29px}.mode-value>span{font-size:6px}.mode-detail{font-size:8px;min-height:12px}.action-button{font-size:9px;padding:8px 7px;gap:5px;margin-top:9px}.action-button kbd{font-size:8px;min-width:20px;padding:3px}.action-button b{font-size:13px}.game-controls{bottom:48px;gap:9px;padding:8px 10px;font-size:6px}.game-controls>span{gap:5px}.game-controls kbd{font-size:7px;padding:3px 5px}.game-footer{left:16px;right:16px;bottom:15px;font-size:6px}.game-footer button{font-size:6px}.interact-hint{font-size:9px;padding:6px 8px}#toast{top:90px;max-width:90%;width:auto;white-space:normal;font-size:10px}}
@media(pointer:coarse){.touch-game{display:flex}.game-controls{display:none}.local-map,.mode-panel{bottom:130px}.game-footer{bottom:16px}}
@media(max-height:650px){.first-tour{top:120px}.first-tour ol{margin-top:9px}.first-tour li{margin:8px 0}.first-tour p{display:none}.game-brand h1{font-size:27px}.local-map{width:165px}#mini{height:80px}.mode-panel{width:180px}.mode-value b{font-size:28px}.mode-detail{font-size:8px}.location-badge{top:100px}.mode-panel,.local-map{bottom:93px}.game-controls{bottom:45px}.game-header{top:18px}.game-tools button{padding:8px 10px}}
@media(max-width:400px){.first-tour{width:159px;padding:10px}.game-brand h1{font-size:24px}.game-tools{max-width:153px}.game-tools button{font-size:7px;padding:7px 8px}.local-map{width:145px}.mode-panel{width:160px}.game-controls{gap:7px;font-size:5px}.game-controls kbd{font-size:6px}}

#world{touch-action:none;cursor:grab}#world:active{cursor:grabbing}

#mapDialog{display:none}#mapDialog[open]{display:flex;flex-direction:column}#mapDialog canvas{flex:1;min-height:140px;height:auto}.map-legend{display:flex;flex-wrap:wrap;gap:6px 15px;padding:10px 0;font:9px var(--mono);color:#e0e9da;border-top:1px solid #ffffff24}.map-legend span{white-space:nowrap}#mapDialog p{margin:10px 0}
@media(max-width:1150px){.location-badge{display:grid;grid-template-columns:8px auto;gap:4px 7px;max-width:205px}.location-badge small{display:block;grid-column:2;margin:0;white-space:normal;line-height:1.5;font-size:6px;opacity:.85}}

#mapLegend{position:static;inset:auto;flex:none;font-size:9px}#mapLegend span:last-child{display:inline;margin-left:0}#mapDialog .full-map-header,#mapDialog>p{flex:none}#mapDialog .close{float:none;margin:0}#mapDialog canvas{min-height:120px}

.route-notice{position:absolute;top:80px;left:50%;transform:translateX(-50%);padding:8px 12px;background:#193635ed;border:1px solid #d6f66c66;border-radius:3px;font:9px var(--mono);color:var(--lime);pointer-events:none}.route-notice[hidden]{display:none}.crowd-status{display:block;font:7px var(--mono);color:#9bb4ab;margin-bottom:7px}.destination-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:none;margin:13px 0 0}.destination-card{background:#ffffff08;border:1px solid #ffffff22;border-radius:4px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.destination-card b,.destination-card small{grid-column:1/-1}.destination-card b{font-size:12px}.destination-card small{font-size:8px;color:#a3bcb0;line-height:1.3}.destination-card button{padding:7px 5px;background:#ffffff12;font-size:9px;border:1px solid #ffffff22;border-radius:3px}.destination-card button:last-child{background:var(--lime);color:var(--ink)}#mapLegend{max-height:96px;overflow:auto}#mapDialog h2{font-size:25px}#mapDialog canvas{min-height:120px}.game-brand h1{font-size:31px}
@media(max-width:700px){.game-brand h1{font-size:26px}.game-brand h1>span{font-size:5px;letter-spacing:.7px}.destination-card{padding:7px;gap:5px}.destination-card b{font-size:10px}.destination-card small{display:none}.destination-card button{font-size:8px}.destination-card{grid-template-columns:1fr}.destination-card b{grid-column:1}.route-notice{top:88px;max-width:87vw;font-size:8px;white-space:nowrap}.crowd-status{font-size:6px}#mapDialog h2{font-size:22px}.location-badge{max-width:190px}}

/* Lascia visibile la strada durante l'esplorazione delle due zone. */
body.exploring-zone .first-tour{display:none}
@media(max-width:700px){
 body.exploring-zone .local-map{width:115px;bottom:75px;opacity:.92}
 body.exploring-zone #mini{height:62px}
 body.exploring-zone .local-map>small,body.exploring-zone .mode-kicker,body.exploring-zone .mode-line,body.exploring-zone .mode-detail,body.exploring-zone .crowd-status{display:none}
 body.exploring-zone .mode-panel{width:142px;bottom:75px;padding:9px}
 body.exploring-zone .mode-value{margin:2px 0 4px}
 body.exploring-zone .mode-value b{font-size:23px}
 body.exploring-zone .action-button{margin-top:5px}
 body.exploring-zone .location-badge{top:94px}
}
@media(pointer:coarse){body.exploring-zone .mode-panel,body.exploring-zone .local-map{bottom:123px}}

/* Title artwork stays compact while leaving the play area open. */
.game-brand h1{margin:0;font-size:0;line-height:1}.game-logo{display:block;width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 3px 8px #0007)}.game-brand h1>span{display:block;margin-top:4px;font-size:6px;letter-spacing:1px}.first-tour{top:172px}#loading .loading-logo img{display:block;width:min(300px,65vw);height:auto}#loading .loading-logo{font-size:0}
.punch-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;width:100%;margin-top:8px;padding:9px 10px;border:1px solid #a9d0dd70;border-radius:3px;background:#243f4a;color:#edf5f4;font-size:11px;touch-action:manipulation}.punch-button:hover{background:#355766}.punch-button:active{transform:translateY(1px);background:#4b6e77}.punch-button:disabled{opacity:.42;cursor:default}.punch-button[hidden],#punchControl[hidden]{display:none}.punch-button kbd{font-size:9px}.punch-button>span:last-child{margin-left:auto}.punch-button>span:nth-child(2){margin-right:auto}
@media(max-width:700px){.game-logo{width:88px;height:88px}.game-brand h1>span{font-size:5px;letter-spacing:.45px}.first-tour{top:140px}.punch-button{min-height:44px;font-size:10px;padding:8px}.game-tools{max-width:178px}}
@media(max-height:650px){.game-logo{width:70px;height:70px}.first-tour{top:120px}.punch-button{min-height:36px;padding:6px}}
@media(pointer:coarse){.punch-button{min-height:44px}}

.punch-button.in-range{border-color:#d6f66c;color:#e5ffab;background:#344942}

/* Arcade driving controls share the walking action panel. */
#impactFlash{position:absolute;inset:0;z-index:7;pointer-events:none;opacity:0;box-shadow:inset 0 0 90px #f4ce7980;border:3px solid #fff1b044}
.drive-extras[hidden],#boostControl[hidden]{display:none}.drive-extras{margin-top:10px}.drive-extras>small{font:8px var(--mono);color:#b7e5f2;letter-spacing:.8px}.boost-meter{height:5px;margin:7px 0 9px;background:#ffffff20;border-radius:2px;overflow:hidden}.boost-meter i{display:block;height:100%;background:linear-gradient(90deg,#63c8ea,#e8ff7a);width:100%}.drive-actions{display:flex;gap:7px}.drive-actions button{flex:1;min-height:44px;border:1px solid #94d5e76b;border-radius:3px;background:#244651;color:#e8faf9;padding:7px 4px;touch-action:none;user-select:none;font-size:10px}.drive-actions button:first-child{flex:1.3}.drive-actions b{display:inline-block;margin-right:4px}.drive-actions span,.drive-actions small{font-size:7px}.drive-actions button.pressed{background:#d6f66c;color:#172a30}.drive-actions button:last-child{border-color:#f5c97c7c;background:#4c4134}.drive-actions button:last-child.pressed{background:#f5c97c;color:#172a30}
@media(max-width:700px){.drive-extras>small{font-size:6px}.drive-actions{gap:4px}.drive-actions button{font-size:9px}.drive-actions span,.drive-actions small{font-size:6px}.drive-extras{margin-top:7px}}

.destination-picker{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:700px){.destination-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-card button{min-height:32px}}

@media(max-width:700px){.destination-card{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-card b{grid-column:1/-1}.destination-card button:nth-of-type(3){grid-column:1/-1}}

.party-banner{position:absolute;top:79px;right:25px;z-index:4;display:flex;align-items:center;gap:15px;padding:9px 11px;background:#202238ed;border:1px solid #ef82cc;border-radius:4px;font:9px var(--mono);color:#f2d6ed;max-width:90vw;white-space:nowrap}.party-banner[hidden]{display:none}.party-banner b{display:block;color:#78e7ed;font-size:7px;margin-top:4px;letter-spacing:1px}.party-banner button{background:#dc9cca;color:#222132;min-height:36px;border-radius:3px;padding:7px 10px;font-size:10px}.party-banner button[aria-pressed=true]{background:#75e4df}.party-banner.with-route{top:125px}@media(max-width:700px){.party-banner{top:156px;left:50%;right:auto;transform:translateX(-50%);gap:9px;padding:7px 9px;font-size:8px}.party-banner b{font-size:6px}.party-banner button{min-height:40px;font-size:9px}.party-banner.with-route{top:180px}}

/* Wanted information stays above the action panel on desktop and compact on touch. */
.wanted-panel{position:absolute;z-index:5;top:77px;right:25px;width:270px;max-width:calc(100vw - 32px);padding:12px 14px;border:1px solid #68b5ff90;border-radius:4px;background:#13283aee;backdrop-filter:blur(8px);color:#eff7ff;box-sizing:border-box}.wanted-panel[hidden]{display:none}.wanted-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.wanted-stars{font:25px/1 sans-serif;letter-spacing:5px;color:#ffd36f;text-shadow:0 0 13px #ffaa4466}.wanted-top button{font:9px var(--mono);min-height:32px;padding:5px 8px;background:#ffffff16;border:1px solid #ffffff30;border-radius:3px}.wanted-panel>b{display:block;font:9px var(--mono);letter-spacing:.6px}.wanted-panel>small{display:block;margin-top:6px;font-size:10px;line-height:1.4;color:#bdd1df}.escape-meter{height:4px;background:#ffffff20;margin-top:9px;border-radius:3px;overflow:hidden}.escape-meter i{display:block;height:100%;width:0;background:#78dcbe;transition:width .12s linear}.wanted-panel[data-state=search] .wanted-stars{animation:wanted-blink 1s ease-in-out infinite}.wanted-panel[data-state=escaped]{border-color:#78dcbe}.wanted-panel[data-state=escaped] .wanted-stars{color:#78dcbe}.wanted-panel.being-caught{border-color:#f38d87}.wanted-panel.being-caught .escape-meter i{background:#f38d87}.wanted-active .first-tour{display:none}.wanted-active .party-banner{top:239px}.wanted-active .route-notice{top:210px}.chase-button{padding:12px 16px;border:1px solid #75b7ec;background:#24445c;color:#edf7ff;border-radius:4px;font-size:13px;margin:6px 0 12px;min-height:44px}@keyframes wanted-blink{50%{opacity:.25}}
@media(max-width:1150px){.wanted-panel{top:163px;width:252px}.wanted-active .party-banner{top:312px}.wanted-active .route-notice{top:312px;left:25px;right:auto;transform:none}}
@media(max-width:700px){.wanted-panel{top:143px;right:16px;width:224px;padding:9px 11px}.wanted-stars{font-size:21px}.wanted-panel>b{font-size:8px}.wanted-panel>small{font-size:9px}.wanted-active .party-banner{top:285px}.wanted-active .route-notice{top:331px;left:50%;transform:translateX(-50%)}.wanted-active .location-badge{top:104px}.wanted-top button{min-height:34px;font-size:8px}}
@media(max-height:500px){.wanted-panel{top:95px;right:16px;width:226px}.wanted-panel>small{display:none}.wanted-active .party-banner{top:193px}.wanted-active .route-notice{top:235px}}
@media(prefers-reduced-motion:reduce){.wanted-panel[data-state=search] .wanted-stars{animation:none}}

@media(max-height:650px){.wanted-panel{left:25px;right:auto;top:125px;width:205px}.wanted-active .route-notice{top:275px;left:25px;transform:none}.wanted-active .party-banner{top:285px}}
@media(max-width:700px) and (max-height:650px){.wanted-panel{left:16px;top:140px;width:calc(100vw - 235px);min-width:145px;max-width:224px}.wanted-stars{font-size:18px;letter-spacing:3px}.wanted-top button{font-size:7px;padding:4px 5px;min-height:30px}.wanted-panel>b{line-height:1.5}.wanted-panel>small{line-height:1.3}.wanted-active .route-notice{top:300px;left:50%;transform:translateX(-50%)}}
@media(max-height:500px){.wanted-panel{left:16px;right:auto;top:100px;width:205px;min-width:0}.wanted-active .party-banner{top:205px}.wanted-active .route-notice{top:251px}}

.wanted-panel>.roadblock-notice{font:8px/1.5 var(--mono);color:#ffc18b;padding-top:7px;margin-top:7px;border-top:1px solid #f4aa6740}.wanted-panel>.roadblock-notice[hidden]{display:none}.chase-button:disabled{opacity:.4;cursor:default}@media(max-height:650px){.wanted-panel>.roadblock-notice{font-size:7px}}@media(max-height:500px){.wanted-panel>.roadblock-notice:not([hidden]){display:block;font-size:7px;padding-top:4px;margin-top:4px}}
@media(max-width:375px) and (max-height:650px){.wanted-panel{width:118px;min-width:0;padding:8px}.wanted-top{flex-wrap:wrap;gap:4px}.wanted-stars{font-size:16px;letter-spacing:2px}.wanted-top button{min-height:26px}.wanted-panel>#wantedHint{display:none}.wanted-panel>.roadblock-notice{font-size:7px;line-height:1.35}}

.fire-notice{position:absolute;z-index:24;top:112px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:10px 15px;border:1px solid #ffa544;border-radius:5px;background:#562419ed;color:#fff2d8;font:700 12px/1.4 system-ui,sans-serif;text-align:center;pointer-events:none;box-shadow:0 3px 18px #0005}.fire-notice[hidden]{display:none}@media(max-height:600px){.fire-notice{top:82px;font-size:10px;padding:6px 10px}}