*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Avenir Next,Segoe UI,system-ui,sans-serif;background:#10141f;color:#fff;-webkit-user-select:none;user-select:none;touch-action:none}#game-canvas{width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0a0e1ad1;backdrop-filter:blur(6px);z-index:20;padding:24px;text-align:center}.screen h1{font-size:clamp(2.2rem,7vw,4rem);letter-spacing:4px;background:linear-gradient(90deg,#ffd76a,#ff8f5c,#b06aff,#5cc8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.screen h2{font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:2px}.subtitle{opacity:.75;font-size:1rem}.menu-stats{display:flex;gap:24px;font-size:1.1rem;opacity:.9}.menu-buttons{display:flex;flex-direction:column;gap:12px;min-width:240px}button{font:inherit;color:inherit;background:#ffffff14;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:12px 26px;font-size:1.05rem;cursor:pointer;transition:background .15s,transform .1s}button:hover{background:#ffffff2e}button:active{transform:scale(.97)}.btn-primary{background:linear-gradient(90deg,#e8a33d,#e06b3c);border-color:transparent;font-weight:700}.btn-primary:hover{background:linear-gradient(90deg,#f4b44e,#ef7c4b)}.btn-back{margin-top:8px}.credits{position:absolute;bottom:14px;font-size:.75rem;opacity:.45}.loading-bar{width:min(360px,70vw);height:10px;border-radius:6px;background:#ffffff1f;overflow:hidden}#loading-fill{height:100%;width:0%;background:linear-gradient(90deg,#ffd76a,#5cc8ff);transition:width .25s}#shop-grid,#chars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:min(760px,92vw);max-height:55vh;overflow-y:auto;padding:4px}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px;align-items:center}.card h3{font-size:1rem}.card p{font-size:.8rem;opacity:.7;min-height:2.2em}.card .level{font-size:.8rem;color:#ffd76a;letter-spacing:2px}.card button{padding:8px 16px;font-size:.9rem;width:100%}.card button:disabled{opacity:.4;cursor:default}.card.selected{border-color:#ffd76a;box-shadow:0 0 12px #ffd76a59}.card .emoji{font-size:2rem}.card .locked-tag{font-size:.75rem;color:#ff9c9c}.help-body{max-width:520px;display:flex;flex-direction:column;gap:8px;opacity:.9}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.hud-box{background:#0a0e1a8c;border-radius:10px;padding:8px 16px;font-size:1.05rem;font-weight:600;min-width:90px;text-align:center}.hud-era{font-size:.95rem;opacity:.95}#hud-powerups{position:absolute;top:60px;left:12px;display:flex;flex-direction:column;gap:6px}.pu-chip{background:#0a0e1a8c;border-radius:8px;padding:4px 10px;font-size:.9rem}#era-banner{position:absolute;top:28%;left:50%;transform:translate(-50%);font-size:clamp(1.6rem,6vw,3rem);font-weight:800;letter-spacing:3px;text-shadow:0 2px 18px rgba(0,0,0,.7);animation:bannerPop 2.6s ease forwards;white-space:nowrap}@keyframes bannerPop{0%{opacity:0;transform:translate(-50%) scale(.6)}12%{opacity:1;transform:translate(-50%) scale(1.05)}20%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0}}#btn-shoot{position:absolute;right:22px;bottom:26px;width:74px;height:74px;border-radius:50%;font-size:1.9rem;background:#e06b3cd9;border:2px solid rgba(255,255,255,.5);pointer-events:auto}.go-stats{display:flex;flex-direction:column;gap:6px;font-size:1.15rem}#go-distance{font-size:2.2rem;font-weight:800;color:#ffd76a}#go-record{color:#7dff9b;font-weight:700}#go-unlock{color:#5cc8ff}