:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow:hidden}.hummer-game{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative}canvas{display:block;border:2px solid #333;border-radius:8px;max-width:100vw;max-height:100vh}.menu-screen{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a2a1a,#0a1a0a 40%,#2a1a0a)}.menu-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(74,122,58,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(204,102,0,.1) 0%,transparent 50%)}.menu-bg:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to top,rgba(74,122,58,.2),transparent)}.menu-content{position:relative;z-index:1;text-align:center;padding:2rem}.menu-logo{margin-bottom:1rem}.logo-icon{width:100px;height:100px;margin:0 auto 1rem;background:linear-gradient(135deg,#4a7a3a,#2a5a1a);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:900;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 8px 32px #4a7a3a66,inset 0 1px #fff3;transform:rotate(-5deg)}.menu-logo h1{font-size:3rem;font-weight:900;letter-spacing:.05em;line-height:1;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.menu-logo h1 span{font-size:1.5rem;color:#fc0;letter-spacing:.15em}.menu-subtitle{font-size:1.1rem;color:#fff9;margin-bottom:1.5rem;letter-spacing:.1em}.menu-coins{display:inline-block;background:#ffdd0026;border:1px solid rgba(255,221,0,.3);color:#fd0;padding:.4rem 1.2rem;border-radius:20px;font-weight:700;font-size:.95rem;margin-bottom:2rem}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-bottom:2rem}.menu-controls{color:#fff6;font-size:.85rem}.menu-controls p{margin:.2rem 0}.btn{padding:.8rem 2.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:all .2s;min-width:220px}.btn-primary{background:linear-gradient(135deg,#4a7a3a,#3a6a2a);color:#fff;box-shadow:0 4px 16px #4a7a3a66}.btn-primary:hover{background:linear-gradient(135deg,#5a8a4a,#4a7a3a);transform:translateY(-2px);box-shadow:0 6px 24px #4a7a3a80}.btn-secondary{background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.btn-back{position:absolute;top:1rem;left:1rem;background:#ffffff1a;color:#aaa;border:1px solid rgba(255,255,255,.15);padding:.5rem 1.2rem;border-radius:6px;font-weight:700;cursor:pointer;z-index:10;font-size:.85rem}.btn-back:hover{background:#ffffff26;color:#fff}.garage-screen{width:100%;height:100vh;background:linear-gradient(180deg,#111,#1a1a2a);padding:1rem;overflow-y:auto;position:relative}.garage-screen h2{text-align:center;font-size:2rem;margin-top:1rem;color:#fff;letter-spacing:.1em}.garage-coins{text-align:center;color:#fd0;font-weight:700;margin:.5rem 0 1.5rem}.vehicle-list{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.vehicle-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;width:160px;text-align:center;cursor:pointer;transition:all .2s}.vehicle-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.vehicle-card.selected{border-color:#4a7a3a;background:#4a7a3a26}.vehicle-card.locked{opacity:.6}.vehicle-preview{width:80px;height:60px;margin:0 auto .5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.vehicle-icon{font-size:2rem;font-weight:900;color:#fffc;text-shadow:0 1px 3px rgba(0,0,0,.5)}.vehicle-card h3{font-size:.85rem;margin-bottom:.3rem;color:#fff}.vehicle-card p{font-size:.7rem;color:#ffffff80;margin-bottom:.5rem}.btn-buy{background:#c60;color:#fff;border:none;padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:700;cursor:pointer}.btn-buy:hover{background:#d70}.vehicle-details{max-width:500px;margin:0 auto;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem}.vehicle-details h3{text-align:center;margin-bottom:1rem;color:#fff}.stats-grid{display:flex;flex-direction:column;gap:.6rem}.stat-row{display:flex;align-items:center;gap:.8rem}.stat-label{width:100px;font-size:.8rem;font-weight:700;color:#ffffffb3}.stat-bar{flex:1;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,#4a7a3a,#6aaa5a);border-radius:5px;transition:width .3s}.stat-value{width:40px;font-size:.8rem;color:#aaa;text-align:right}.btn-upgrade{background:#0af3;color:#8cf;border:1px solid rgba(0,170,255,.3);padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer;white-space:nowrap}.btn-upgrade:hover:not(:disabled){background:#00aaff4d}.btn-upgrade:disabled{opacity:.4;cursor:not-allowed}.mission-screen{width:100%;height:100vh;background:linear-gradient(180deg,#111,#1a2a1a);padding:1rem;overflow-y:auto;position:relative}.mission-screen h2{text-align:center;font-size:2rem;margin-top:1rem;color:#fff;letter-spacing:.1em}.mission-list{max-width:600px;margin:1.5rem auto;display:flex;flex-direction:column;gap:.75rem}.mission-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1rem 1.2rem;cursor:pointer;transition:all .2s}.mission-card:hover:not(.locked){border-color:#fa06;background:#ffaa000d}.mission-card.locked{opacity:.4;cursor:not-allowed}.mission-card.completed{border-color:#00cc444d}.mission-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.3rem}.mission-header h3{font-size:1rem;color:#fff}.badge{font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:4px;background:#0c43;color:#0c4}.locked-badge{background:#ffffff1a;color:#666}.mission-card p{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.mission-info{display:flex;justify-content:space-between;font-size:.75rem;color:#fff6}.results-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10}.results-card{background:#1a1a2a;border:2px solid rgba(255,255,255,.15);border-radius:16px;padding:2rem;text-align:center;min-width:320px}.results-card.success{border-color:#0c46}.results-card.fail{border-color:#f206}.results-card h2{font-size:1.8rem;margin-bottom:1.5rem}.success h2{color:#0c4}.fail h2{color:#f20}.results-stats{margin-bottom:1.5rem}.result-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem}.result-row span:first-child{color:#fff9}.result-row span:last-child{color:#fff;font-weight:700}.results-buttons{display:flex;gap:1rem;justify-content:center}.results-buttons .btn{min-width:120px}@media(max-width:768px){.menu-logo h1{font-size:2rem}.menu-logo h1 span{font-size:1rem}.logo-icon{width:70px;height:70px;font-size:2.5rem}.vehicle-list{gap:.5rem}.vehicle-card{width:130px;padding:.7rem}}