@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#071719;--panel:#102a2a;--panel2:#112b2b;--ink:#ecfff3;--muted:#90aaa4;--line:rgba(205,255,233,.11);--accent:#55f08a;--lime:#c7ff5c;--gold:#ffc566;--shadow:rgba(0,0,0,.33)}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);font:14px/1.4 'DM Sans',Inter,system-ui,sans-serif;background:radial-gradient(circle at 13% 10%,#164437 0,transparent 32%),radial-gradient(circle at 87% 80%,#11353d 0,transparent 30%),#071719;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.ambient{position:fixed;z-index:0;pointer-events:none;filter:blur(60px);border-radius:50%;opacity:.18}.ambient-a{width:400px;height:400px;background:#5bf6a7;top:-280px;left:34%}.ambient-b{width:300px;height:300px;background:#19a8cf;bottom:-150px;right:-100px}.page-shell{max-width:1590px;padding:24px 30px 12px;margin:auto;position:relative;z-index:1}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.identity{display:flex;gap:13px;align-items:center}.identity-logo{height:61px;width:61px;object-fit:contain;border-radius:16px;background:#ebf7ef;box-shadow:0 0 30px rgba(69,244,129,.13)}.micro-label,.section-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--accent)}.brand-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;letter-spacing:.3px;line-height:1;font-weight:900}.brand-title span{color:var(--accent)}.brand-title i{font-style:normal;font-size:24px;margin-left:4px}.header-right{display:flex;align-items:center;gap:12px;letter-spacing:1.5px;font-size:10px;font-weight:800;color:#a9c9b7}.live-dot,.pace-dot{background:#55f08a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #54f08924,0 0 15px #55f08a}.header-sep{width:1px;height:20px;background:#385049;margin:0 8px}.edition{color:#7e9d96}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 327px;gap:22px;align-items:start}.main-area{min-width:0}.marquee{height:48px;padding:12px 20px;border-radius:15px 15px 0 0;background:#17372e;color:#cee7d7;border:1px solid #2d5143;border-bottom:none;display:flex;align-items:center;gap:7px;font-size:12px}.marquee strong{color:#c0ff7f}.pill-mini{background:var(--accent);color:#0d321b;border-radius:6px;font-size:10px;padding:5px 8px;font-weight:900;letter-spacing:.2px;margin-right:7px;white-space:nowrap}.marquee-right{margin-left:auto;color:#83ad99;white-space:nowrap;letter-spacing:1px;font-size:10px;font-weight:900}.game-frame{position:relative;background:linear-gradient(#85c6c1,#327778);border:2px solid #355448;overflow:hidden;border-radius:0 0 15px 15px;isolation:isolate;aspect-ratio:1.57;min-height:470px;box-shadow:0 26px 65px #0008}.game-frame canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.frame-glow{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px rgba(8,18,17,.38);z-index:2}.hud{position:absolute;top:19px;z-index:4;padding:11px 16px;background:rgba(6,28,29,.76);border:1px solid #ffffff30;border-radius:12px;min-width:126px;backdrop-filter:blur(10px);box-shadow:0 7px 18px #0002}.hud-left{left:20px}.hud-right{right:20px;text-align:right}.hud-label{color:#b0d1c0;font-size:10px;font-weight:900;letter-spacing:1.6px}.hud div{margin-top:0;font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:900;line-height:1.0;color:white;font-variant-numeric:tabular-nums}.hud div>span{font:800 13px 'DM Sans',sans-serif;color:#b6ddc3}.hud-right div>span{font-size:25px}.hud-center{position:absolute;z-index:4;left:50%;top:23px;transform:translateX(-50%);min-width:230px;max-width:33%;padding:9px 10px;background:linear-gradient(115deg,#cd3438f0,#99232d);border:1px solid #ffada0;border-radius:9px;display:flex;align-items:center;flex-direction:column;gap:0;box-shadow:0 7px 35px #e63f3f56;font-size:11px;font-weight:900;letter-spacing:.5px;text-align:center;pointer-events:none}.hud-center small{font-size:9px;color:#ffe8dc;opacity:.9;letter-spacing:1px}.hud-center.inactive{display:none}.game-actions{position:absolute;z-index:9;bottom:18px;right:18px;display:flex;gap:8px}.icon-button{width:42px;height:42px;display:grid;place-items:center;background:#0d272ec7;border:1px solid #ffffff69;border-radius:11px;color:white;font-size:19px;backdrop-filter:blur(10px)}.icon-button:disabled{opacity:.4;cursor:default}.icon-button:hover:not(:disabled){background:#1b4746}.boost-status{position:absolute;z-index:5;left:50%;top:92px;transform:translateX(-50%);background:#85f976;color:#0f4922;padding:8px 15px;border:2px solid #d6ff7b;font-weight:900;letter-spacing:.5px;border-radius:30px;box-shadow:0 4px 30px #6dff8a6b;white-space:nowrap}.boost-status[hidden]{display:none}.speech-bubble{position:absolute;z-index:7;left:50%;bottom:40%;transform:translateX(-50%) rotate(-3deg);background:#fff9e6;border:3px solid #17261e;color:#12261d;box-shadow:6px 6px 0 #162b2d;padding:12px 18px;font-weight:900;border-radius:17px 17px 18px 2px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(13px,2vw,22px);letter-spacing:.3px;max-width:85%;text-align:center;pointer-events:none;animation:bubble-in .22s ease-out}.speech-bubble[hidden]{display:none}@keyframes bubble-in{from{opacity:0;transform:translate(-50%,20px) scale(.83)}to{opacity:1;transform:translate(-50%,0) rotate(-3deg)}}.toast{position:absolute;left:50%;bottom:21%;transform:translate(-50%,12px);background:rgba(6,32,29,.9);color:var(--lime);font-weight:900;letter-spacing:1px;border-radius:30px;border:1px solid #83fc96;padding:9px 18px;opacity:0;transition:opacity .16s,transform .16s;pointer-events:none;z-index:6;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.screen-layer{position:absolute;inset:0;background:linear-gradient(180deg,#001b19ab 0,#0b1f22e6 60%,#091b1eec 100%);z-index:8;display:flex;align-items:center;justify-content:center;text-align:center;padding:15px;backdrop-filter:blur(4px)}.screen-layer.hidden{display:none}.intro-panel{width:100%;max-width:560px;position:relative;padding:10px 20px 14px}.intro-chip{display:inline-flex;align-items:center;border-radius:30px;padding:6px 13px;background:#aeff5c;color:#23411e;font-size:10px;letter-spacing:2px;font-weight:900;box-shadow:0 3px 20px #61fc903d}.intro-panel h1{margin:13px auto 6px;font:900 clamp(44px,6.8vw,84px)/.83 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.2px;filter:drop-shadow(3px 5px 0 #12372b)}.intro-panel h1 em{color:#92ff76;font-style:normal}.intro-panel h1 span{font-size:.53em;color:#fff8d6;letter-spacing:1.2px}.intro-panel p{margin:15px auto 0;max-width:420px;font-size:13px;color:#d3e9dd;line-height:1.45}.character-preview{margin-top:12px;height:160px;display:flex;justify-content:center;align-items:end;gap:0;pointer-events:none}.character-preview img{object-fit:contain;filter:drop-shadow(0 9px 6px #0009)}.preview-police{height:155px;transform:rotate(-8deg) translateX(20px)}.preview-venu{height:174px;transform:translateX(-4px)}.primary-button{padding:13px 32px;border:0;border-bottom:4px solid #338e50;background:linear-gradient(#b4ff69,#60e975);color:#063722;border-radius:12px;min-width:230px;font-weight:900;letter-spacing:1.5px;font-size:14px;box-shadow:0 8px 32px #59ed6f65;transition:transform .13s,filter .13s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.05)}.primary-button:active{transform:translateY(2px)}.primary-button b{margin-left:15px}.intro-hint{margin-top:13px;font-size:10px;letter-spacing:.7px;color:#b5d2c1}.intro-hint b{margin:0 7px;color:#7bea84}.modal-panel{background:linear-gradient(160deg,#133b37,#081e20);border:1px solid #74f6aa66;padding:27px 30px 30px;box-shadow:0 20px 65px #0008;border-radius:20px;width:min(400px,94%)}.modal-emoji{display:block;font-size:43px}.modal-panel h2{margin:7px 0 2px;font:900 47px 'Barlow Condensed',Impact,sans-serif}.modal-panel p{font-size:13px;color:#a9c6b8;margin:0 0 20px}.modal-panel .intro-chip{margin-top:8px}.end-panel{padding-top:17px}.end-panel h2{font-size:39px}.result-cards{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.result-cards>div{flex:1;background:#0b2424;border:1px solid #4b73636b;border-radius:10px;padding:9px 10px}.result-cards small{display:block;color:#88b4a0;font-weight:900;letter-spacing:1px;font-size:9px}.result-cards strong{display:block;font-size:24px;color:#c5ff80}.score-form{text-align:left;margin-bottom:18px}.score-form label{display:block;color:#a1beaf;letter-spacing:1px;font-size:10px;font-weight:900;margin-bottom:6px}.save-row{display:flex;gap:8px}.save-row input{background:#092424;color:white;min-width:0;width:100%;border:1px solid #557a6c;border-radius:9px;padding:12px}.save-row button{background:#d2ff7a;border:0;border-radius:9px;font-weight:900;padding:0 17px;color:#174325}.score-form small{display:block;color:#a8dcb3;margin-top:6px;min-height:12px}.under-game{padding:16px 9px 3px;display:flex;gap:20px;align-items:center;color:#a0c1b3;flex-wrap:wrap;font-size:11px;font-weight:700}.under-game>span{white-space:nowrap}.keycap{font-size:10px;display:inline-block;border:1px solid #537066;background:#173331;padding:3px 7px;border-radius:5px;color:#ecfff1;margin-right:4px;box-shadow:0 2px 0 #092321}.pace-tag{margin-left:auto;font-size:10px;font-weight:900;color:#8ff5a3;letter-spacing:.7px;display:flex;align-items:center;gap:10px}.pace-dot{width:6px;height:6px}.sidebar{display:flex;flex-direction:column;gap:15px}.side-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#15312e,#102524);padding:18px 19px;box-shadow:0 14px 25px #00000017}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-head h2,.police-top h2{font-family:'Barlow Condensed',Impact,sans-serif;line-height:1;font-size:22px;letter-spacing:.4px;margin:6px 0 0}.section-eyebrow{color:#9fd4ac;font-size:9px}.round-emoji{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:#224b3b;font-size:19px}.mission-card p{color:#b4cdc1;line-height:1.6;font-size:12px;margin:0 0 20px}.mission-progress{background:#092323;padding:12px 12px 14px;border-radius:10px}.mission-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:1px;color:#8eafa1}.mission-progress strong{color:#d4ff95;font-size:12px;letter-spacing:0}.progress-track{height:8px;background:#225046;border-radius:30px;margin-top:11px;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#42df88,#c9ff76);box-shadow:0 0 9px #9cfda7;transition:width .2s}.collectible{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #ffffff13}.collectible:last-child{border-bottom:0;padding-bottom:0}.item-icon{flex:0 0 43px;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;border:1px solid #ffffff24;box-shadow:inset 0 0 12px #ffffff12}.item-icon img{width:86%;height:80%;object-fit:contain}.item-tin{background:#5d2527}.item-form1{background:#715334}.item-form20{background:#174c64}.item-register{background:#274e30;font-size:24px}.collectible>div:nth-child(2){flex:1;min-width:0}.collectible strong{font-size:12px}.collectible small{font-size:10px;color:#94aea4;display:block;margin-top:3px}.item-points{font-size:10px;color:#b8ff8f;font-weight:900;letter-spacing:.5px}.boost-collectible{margin-top:3px}.police-card{background:linear-gradient(140deg,#3a2c2b,#1c2727);border:1px solid #86504463}.police-top{display:flex;align-items:center;gap:12px}.police-top img{width:68px;height:98px;object-fit:contain;object-position:bottom;filter:drop-shadow(3px 5px 4px #0007)}.police-top h2{font-size:20px}.police-top p{margin:8px 0 0;font-size:11px;color:#f4b89e;font-weight:700;font-style:italic}.police-rule{margin-top:13px;padding:11px;border:1px solid #ffffff22;background:#241d1d99;border-radius:8px;color:#dabfb4;font-size:11px}.police-rule strong{color:#ffd4a8}.leaders{max-height:253px;overflow-y:auto}.leader-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff13;font-size:12px}.leader-row:last-child{border-bottom:0}.leader-rank{width:24px;height:24px;border-radius:7px;background:#204038;display:grid;place-items:center;font-weight:900;color:#c9f3ca;font-size:10px}.leader-row:first-child .leader-rank{background:#6e5530;color:#ffd16c}.leader-name{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#e2f7e9}.leader-score{font-weight:900;color:#b4ff86;font-size:11px}.leader-empty{color:#88a9a0;padding:19px 0;font-size:11px}.best-local{display:flex;justify-content:space-between;margin-top:12px;padding-top:13px;border-top:1px solid #ffffff22;font-size:10px;color:#8eab9d;letter-spacing:1.2px;font-weight:900}.best-local strong{color:#b9ff77}.footer{border-top:1px solid var(--line);padding:22px 0 8px;margin-top:24px;display:flex;justify-content:space-between;color:#6e9589;font-size:10px;font-weight:800;letter-spacing:1.2px}.mobile-pad{display:none;position:absolute;bottom:12px;left:12px;z-index:7;align-items:end;gap:7px;pointer-events:none}.mobile-pad>div{display:flex;flex-direction:column;gap:5px}.mobile-pad button{background:#092922b8;color:#ebffee;border:1px solid #d2f8dc7a;border-radius:10px;width:42px;height:39px;font-size:15px;font-weight:900;pointer-events:auto;touch-action:manipulation;backdrop-filter:blur(4px)}.mobile-pad button:active{background:#3ff08a;color:#05211c}.debug-badge{position:absolute;z-index:5;left:10px;bottom:10px;background:#e9c44d;color:#32220d;border-radius:5px;padding:4px 6px;font:900 10px system-ui}
@media(max-width:1190px){.content-grid{grid-template-columns:minmax(0,1fr) 285px;gap:14px}.side-card{padding:16px 14px}.game-frame{min-height:420px}.under-game{gap:12px}.hud-center{max-width:34%}}
@media(max-width:930px){.content-grid{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.game-frame{min-height:440px}.mission-card,.leaderboard-card{min-height:210px}.page-shell{padding:18px 15px}.footer{margin-top:18px}.header-right{font-size:9px}}
@media(max-width:620px){.page-shell{padding:11px 8px}.top-bar{padding:3px 4px;margin-bottom:13px}.identity-logo{width:45px;height:45px}.brand-title{font-size:28px}.micro-label{font-size:8px;letter-spacing:1.1px}.header-right{gap:6px;font-size:8px}.header-sep,.edition{display:none}.marquee{font-size:10px;padding:8px 10px;height:41px}.marquee-right{display:none}.game-frame{aspect-ratio:9/13;min-height:560px;max-height:74svh}.hud{top:11px;min-width:75px;padding:7px 9px;border-radius:9px}.hud-left{left:10px}.hud-right{right:10px}.hud-label{font-size:8px;letter-spacing:.9px}.hud div{font-size:27px}.hud-center{top:76px;max-width:88%;font-size:10px;padding:5px 10px;min-width:205px}.game-actions{bottom:10px;right:10px}.icon-button{height:36px;width:36px;font-size:16px}.mobile-pad{display:flex}.speech-bubble{bottom:38%;font-size:17px;padding:9px 12px}.character-preview{height:150px}.preview-police{height:155px}.preview-venu{height:174px}.intro-panel h1{font-size:59px}.intro-panel{padding:8px}.intro-panel p{font-size:12px;max-width:300px}.intro-hint{font-size:8px;line-height:1.6}.intro-hint b{margin:0 3px}.under-game{gap:12px 8px;padding:10px 3px}.under-game>span{font-size:10px}.keycap{padding:2px 5px}.pace-tag{margin-left:0;width:100%;margin-top:3px}.sidebar{grid-template-columns:1fr}.footer{gap:10px;flex-direction:column;line-height:1.4}.boost-status{top:120px;font-size:11px;padding:6px 9px}.modal-panel{padding:12px 20px}.end-panel h2{font-size:35px}.modal-panel p{margin-bottom:12px}.result-cards{margin-bottom:8px}.score-form{margin-bottom:9px}}
@media(max-height:610px) and (min-width:621px){.game-frame{min-height:330px;aspect-ratio:2.1}.character-preview{height:105px}.preview-venu{height:130px}.preview-police{height:123px}.intro-panel h1{font-size:51px}.intro-panel p{margin-top:8px}.intro-hint{margin-top:6px}}

/* Updated chase HUD and coin-spend power-up shop */
.hearts-pill{position:absolute;z-index:5;top:100px;left:20px;padding:5px 10px;border:1px solid #e9faff7a;border-radius:10px;background:#071d23c4;font-size:19px;letter-spacing:2px;box-shadow:0 5px 12px #0005;pointer-events:none}
.speed-chip{position:absolute;z-index:5;top:100px;right:20px;padding:7px 12px;background:#072e31cc;color:#dcffa5;border:1px solid #9aff8b75;border-radius:20px;font-size:10px;letter-spacing:.5px;font-weight:900;pointer-events:none}
.hud-center.law-alert{background:linear-gradient(115deg,#7335a8,#a62c87);border-color:#ffbdf8;box-shadow:0 7px 35px #9633ae55}
.shop-tray{position:absolute;z-index:7;bottom:76px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
.shop-tray[hidden],.shop-button[hidden]{display:none!important}
.shop-button{pointer-events:auto;border:1px solid #e4ffb9;border-radius:13px;box-shadow:0 4px 14px #0009;background:linear-gradient(100deg,#68f49c,#c3ff70);padding:12px 17px;color:#08321c;font-size:12px;font-weight:900;letter-spacing:.2px;min-width:220px;text-align:center;max-width:270px;cursor:pointer;transition:transform .12s,filter .12s}
.shop-button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}
.shop-button:disabled{opacity:.58;filter:grayscale(.4);cursor:not-allowed}
.shop-button.heart-buy{background:linear-gradient(100deg,#ffb4ac,#ffe3a2);color:#58271d;border-color:#ffe3dc}
.total-earned{margin-top:10px;display:flex;justify-content:space-between;font-size:10px;font-weight:900;color:#9fbba5}
.total-earned strong{color:#edff95}
.pursuers-card h2,.shop-card h2{font:900 23px 'Barlow Condensed',Impact,sans-serif;margin:5px 0 13px}
.pursuers{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pursuers>div{display:flex;align-items:center;flex-direction:column;border-radius:11px;background:#0a2425;padding:8px}
.pursuers img{width:100%;height:116px;object-fit:contain;filter:drop-shadow(0 5px 4px #0007)}
.pursuers strong{font-size:11px;color:#fbfff2}
.pursuers small,.pursuers-card p,.shop-card p,.shop-card small{font-size:11px;color:#b3cfc0;line-height:1.55}
.shop-card p{margin:7px 0}.shop-card p strong{color:#ccff83}
.preview-piragash{height:145px;transform:rotate(-6deg) translateX(14px)}
.preview-gowtham{height:130px;transform:rotate(4deg) translateX(-10px)}
@media(max-width:620px){
 .hearts-pill{top:69px;left:10px;padding:4px 7px;font-size:12px;letter-spacing:0}
 .speed-chip{top:69px;right:10px;padding:5px 8px;font-size:8px}
 .shop-tray{bottom:64px;right:10px;left:10px;align-items:center;gap:5px}
 .shop-button{min-width:0;width:min(260px,80%);max-width:none;padding:8px 9px;font-size:10px}
 .preview-piragash{height:116px}.preview-gowtham{height:106px}
 .preview-police{height:122px}.preview-venu{height:153px}
 .character-preview{height:132px}
 .hud-center{top:103px}
 .boost-status{top:147px;font-size:9px;max-width:95%;white-space:normal;text-align:center}
 .debug-badge{left:6px;bottom:56px;font-size:8px;max-width:80%}
}