:root{--bg-1:#eaf7fb;--bg-2:#d8f0fa;--navy:#06152d;--blue:#1fa8ff;--blue-soft:#aee8ff;--orange:#ff7a1a;--lime:#a7ff1a;--glass:#ffffff75;--glass-border:#ffffffa6;--muted:#06152d9e;--shadow:0 24px 70px #06152d24;color:var(--navy);background:linear-gradient(145deg, var(--bg-1), var(--bg-2) 55%, #fff);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--navy);overflow-x:hidden}button{font:inherit;letter-spacing:0}.app-shell{min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.center-shell{place-items:center;display:grid}.game-shell{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex}.glass-panel{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.loading-panel,.locked-panel{text-align:center;border-radius:22px;width:min(100%,420px);padding:28px}.loading-panel h1,.locked-panel h1,.hero-panel h1{letter-spacing:0;margin:8px 0 0;line-height:1.05}.loading-panel p,.locked-panel p{color:var(--muted);line-height:1.5}.locked-panel .subscription-status{color:var(--navy);background:#ffffffa3;border:1px solid #06152d14;border-radius:12px;margin:14px 0 0;padding:10px 12px;font-size:14px;font-weight:700}.loader-ring{border:5px solid #1fa8ff33;border-top-color:var(--orange);border-radius:50%;width:54px;height:54px;margin:0 auto 18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{min-height:24px;color:var(--navy);background:#a7ff1a75;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.button-row{gap:10px;margin-top:16px;display:flex}.button-row.vertical{flex-direction:column}.primary-action,.secondary-action,.metric-button,.bottom-actions button,.bottom-actions a,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;transition:transform .16s,opacity .16s,box-shadow .16s;display:inline-flex}.primary-action{color:#fff;background:var(--navy);border-radius:14px;min-height:48px;padding:0 18px;font-weight:800;box-shadow:0 12px 24px #06152d2e}.secondary-action{min-height:48px;color:var(--navy);background:#ffffff94;border:1px solid #06152d14;border-radius:14px;padding:0 18px;font-weight:800}.secondary-action.compact{flex:none}.primary-action.wide{width:100%}button:disabled{cursor:not-allowed;opacity:.58}button:not(:disabled):active{transform:translateY(1px)scale(.99)}.logistics-bg{pointer-events:none;opacity:.48;position:fixed;inset:0;overflow:hidden}.logistics-track{gap:34px;width:max-content;animation:46s linear infinite drift;display:flex;position:absolute;top:11%;left:0}.logistics-track.reverse{animation-duration:58s;animation-direction:reverse;top:auto;bottom:15%}.logistics-icon{color:#06152d52;text-transform:uppercase;border:1px solid #1fa8ff59;border-radius:10px;place-items:center;min-width:112px;height:42px;font-weight:800;display:inline-grid}.logistics-icon.small{min-width:92px;height:34px;font-size:12px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.topbar{z-index:1;justify-content:space-between;gap:10px;display:flex;position:relative}.metric-button{min-height:40px;color:var(--navy);background:#ffffff9e;border:1px solid #ffffffc2;border-radius:12px;padding:0 12px;font-weight:800;box-shadow:0 10px 28px #06152d14}.hero-panel{z-index:1;border-radius:22px;padding:18px;position:relative}.hero-panel h1{max-width:420px;font-size:26px}.route-strip{margin-top:18px}.route-line{height:34px;position:relative}.route-line:before,.route-fill{content:"";border-radius:999px;height:4px;position:absolute;top:16px;left:0}.route-line:before{background:#06152d1f;width:100%}.route-fill{background:linear-gradient(90deg, var(--blue), var(--lime));transition:width .3s}.route-dot{background:#fff;border:3px solid #06152d26;border-radius:50%;width:20px;height:20px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 2px 8px #06152d1f}.route-dot.done{border-color:var(--blue);background:#fff}.route-dot.customs.done{border-color:var(--orange)}.route-dot.active{background:var(--lime);border-color:var(--navy)}.route-labels{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.route-labels strong{max-width:45%;color:var(--navy);text-align:center}.score-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:relative}.stat-tile{background:#ffffff94;border:1px solid #ffffffc2;border-radius:16px;min-height:82px;padding:13px;box-shadow:0 12px 30px #06152d12}.stat-tile span,.status-panel span,.profile-grid span,.referral-box span{color:var(--muted);font-size:12px;font-weight:700;display:block}.stat-tile strong{margin-top:8px;font-size:18px;line-height:1.1;display:block}.stat-tile.accent{background:#ff7a1a24}.gas-wrap{z-index:1;aspect-ratio:1;place-items:center;width:min(78vw,300px);margin:2px auto;display:grid;position:relative}.progress-ring{filter:drop-shadow(0 14px 30px #1fa8ff38);width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.ring-base,.ring-progress{fill:none;stroke-width:14px;stroke-linecap:round}.ring-base{stroke:#ffffffbd}.ring-progress{stroke:var(--blue);transition:stroke-dasharray .24s}.gas-button{aspect-ratio:1;background:radial-gradient(circle at 35% 28%, #ffffff8c, transparent 34%), linear-gradient(145deg, #ff9a35, var(--orange));color:#fff;text-shadow:0 2px 10px #06152d40;cursor:pointer;border:0;border-radius:50%;width:67%;font-size:clamp(22px,7vw,34px);font-weight:950;position:relative;overflow:hidden;box-shadow:inset 0 -14px 24px #80300033,0 24px 52px #ff7a1a5c}.gas-button:after{content:"";border:1px solid #ffffff61;border-radius:50%;position:absolute;inset:18%}.gas-button small{margin-top:2px;font-size:14px;display:block}.gas-button:disabled{background:linear-gradient(145deg,#8ea4b4,#6f8495);padding:18px;font-size:clamp(13px,4vw,18px);box-shadow:0 18px 40px #06152d2e}.tap-bursts{pointer-events:none;color:var(--navy);place-items:center;font-size:22px;font-weight:950;display:grid;position:absolute;inset:0}.status-panel{z-index:1;border-radius:18px;gap:8px;padding:14px 16px;display:grid;position:relative}.status-panel strong{font-size:18px}.status-panel p,.status-panel small{color:var(--muted);margin:0;line-height:1.35}.bottom-actions{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid;position:relative}.bottom-actions button,.bottom-actions a{min-height:48px;color:var(--navy);background:#ffffff94;border:1px solid #ffffffb8;border-radius:14px;font-weight:800;text-decoration:none}.modal-backdrop{z-index:10;background:#06152d42;place-items:end center;padding:18px;display:grid;position:fixed;inset:0}.modal{border-radius:22px;width:min(100%,520px);max-height:min(86vh,720px);padding:18px;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-header h2,.challenge-modal h2{margin:0}.icon-button{width:38px;height:38px;color:var(--navy);background:#ffffff9e;border-radius:50%}.tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.tabs button{min-height:38px;color:var(--navy);background:#ffffff85;border:0;border-radius:12px;font-weight:800}.tabs button.active{color:#fff;background:var(--navy)}.leaderboard-list{gap:8px;display:grid}.leader-row{background:#ffffff7a;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;display:grid}.leader-row strong,.leader-row small{overflow-wrap:anywhere;display:block}.leader-row small,.muted{color:var(--muted)}.rank-badge{background:#1fa8ff24;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.my-rank{background:#a7ff1a42;border-radius:14px;align-items:center;gap:8px;margin-top:14px;padding:12px;font-weight:800;display:flex}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.name-editor{background:#ffffff85;border-radius:14px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.name-editor label,.name-editor small{color:var(--muted);font-size:12px;font-weight:800}.name-editor div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.name-editor input{width:100%;min-width:0;height:42px;color:var(--navy);font:inherit;background:#ffffffb8;border:1px solid #06152d1f;border-radius:12px;padding:0 12px;font-weight:800}.profile-grid div,.referral-box{background:#ffffff85;border-radius:14px;padding:12px}.profile-grid strong{margin-top:5px;font-size:20px;display:block}.mini-progress{background:#06152d1a;border-radius:999px;height:10px;margin:14px 0;overflow:hidden}.mini-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--lime));height:100%;display:block}.referral-box p{overflow-wrap:anywhere;margin:6px 0;font-weight:800}.challenge-backdrop{place-items:center}.challenge-modal{text-align:center;border:1px solid #ff7a1a47}.challenge-icon{width:56px;height:56px;color:var(--orange);background:#ff7a1a1f;border-radius:50%;place-items:center;margin:0 auto 10px;animation:1s ease-in-out infinite alternate caution;display:grid}@keyframes caution{0%{transform:scale(1)}to{transform:scale(1.05)}}.challenge-modal p{color:var(--muted);line-height:1.45}.challenge-stats{background:#ffffff8a;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;padding:12px;font-weight:800;display:flex}.challenge-button{aspect-ratio:1;color:#fff;background:linear-gradient(145deg, var(--navy), #16396d);border:0;border-radius:50%;width:min(70vw,250px);font-size:32px;font-weight:950;box-shadow:0 24px 52px #06152d47}.event-toast{left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:20;max-width:500px;color:var(--navy);box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #ffffffd1;border-radius:18px;gap:3px;margin:0 auto;padding:14px 16px;display:grid;position:fixed;overflow:hidden}.event-toast span{color:var(--muted)}.event-toast b{color:var(--orange)}.event-toast i{background:var(--lime);border-radius:4px;width:8px;height:18px;animation:.9s ease-out forwards confetti;position:absolute;top:8px}.event-toast i:first-of-type{right:44px}.event-toast i:nth-of-type(2){background:var(--blue);animation-delay:80ms;right:70px}.event-toast i:nth-of-type(3){background:var(--orange);animation-delay:.15s;right:96px}@keyframes confetti{to{opacity:0;transform:translateY(52px)rotate(160deg)}}@media (width<=380px){.app-shell{padding-left:12px;padding-right:12px}.hero-panel h1{font-size:22px}.score-grid{grid-template-columns:1fr}.stat-tile{min-height:62px}.bottom-actions button,.bottom-actions a{font-size:12px}}