:root{--ink:#0e0e10;--purple:#9747ff;--green:#10e963;--gold:#fc3;--white:#fff;--glass:#0e0e108c;--font:"Trebuchet MS", "Avenir Next", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:var(--white);-webkit-user-select:none;user-select:none;touch-action:none;background:#8fc7ff;margin:0;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0}#view{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.hidden{display:none!important}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{top:max(12px, env(safe-area-inset-top));flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;left:12px;right:12px}.pill{background:var(--glass);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:6px 14px;font-size:18px;font-weight:700}.pill.coin:before,.total.coin:before{content:"";background:radial-gradient(circle at 35% 35%, #fff3b0, var(--gold) 45%, #c98a00);vertical-align:-.08em;border-radius:50%;width:.8em;height:.8em;margin-right:.35em;display:inline-block}button{font-family:var(--font);cursor:pointer}.icon{pointer-events:auto;background:var(--glass);width:40px;height:40px;color:var(--white);border:none;border-radius:50%;margin-left:auto;font-size:15px;font-weight:900}#popups{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:24%;left:0;right:0}.popup{letter-spacing:.04em;color:var(--white);text-shadow:0 3px 0 var(--purple), 0 8px 24px #00000059;font-size:clamp(26px,5vw,48px);font-weight:900;animation:1.4s ease-out forwards pop}.popup .pts{text-align:center;color:var(--gold);text-shadow:0 2px #7a4b00;font-size:.6em;display:block}.popup.bad{text-shadow:0 3px #b3261e,0 8px 24px #00000059}@keyframes pop{0%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.12)}22%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-30px)}}#banner{text-align:center;letter-spacing:.06em;text-shadow:0 5px 0 var(--purple), 0 14px 40px #0006;font-size:clamp(40px,10vw,96px);font-weight:900;position:absolute;top:40%;left:0;right:0}#touch{left:0;right:0;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;padding:0 16px;display:flex;position:absolute}.tgroup{align-items:flex-end;gap:14px;display:flex}.tbtn{pointer-events:auto;width:84px;height:84px;color:var(--white);touch-action:none;background:#0e0e1052;border:3px solid #ffffff8c;border-radius:50%;font-size:30px}.tbtn.small{width:64px;height:64px;font-size:22px}.tbtn.on{border-color:var(--white);background:#9747ffb3}.screen{text-align:center;background:linear-gradient(#0e0e1026,#0e0e1099);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.logo{letter-spacing:.02em;text-shadow:0 6px 0 var(--purple), 0 18px 50px #00000059;gap:.25em;font-size:clamp(56px,13vw,128px);font-weight:900;line-height:.95;display:flex}.logo span:last-child{color:var(--gold)}.tag{opacity:.95;font-size:clamp(16px,2.6vw,22px);font-weight:700}.levels{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lvl{background:var(--white);min-width:150px;color:var(--ink);box-shadow:0 6px 0 var(--purple);border:none;border-radius:18px;padding:14px 18px;font-size:18px;font-weight:900}.lvl small{color:#6b6b7b;margin-top:4px;font-size:13px;font-weight:700;display:block}.lvl:disabled{opacity:.45;box-shadow:0 6px #666}.garage{gap:10px;display:flex}.car{background:var(--glass);color:var(--white);border:3px solid #0000;border-radius:14px;padding:8px 14px;font-size:15px;font-weight:800}.car.sel{border-color:var(--gold)}.car.locked{opacity:.8}.total{font-size:22px;font-weight:900}.help{opacity:.85;max-width:520px;font-size:14px}.r-head{letter-spacing:.06em;text-shadow:0 5px 0 var(--purple), 0 14px 40px #0006;font-size:clamp(44px,9vw,88px);font-weight:900}.r-grid{background:var(--glass);border-radius:18px;grid-template-columns:auto auto;gap:8px 28px;padding:18px 26px;font-size:20px;font-weight:700;display:grid}.r-grid b{text-align:right}.r-buttons{gap:14px;display:flex}.btn{background:var(--green);min-width:150px;color:var(--ink);letter-spacing:.06em;border:none;border-radius:999px;padding:14px 22px;font-size:20px;font-weight:900;box-shadow:0 5px #0a8f3d}.btn.ghost{background:var(--white);box-shadow:0 5px 0 var(--purple)}.btn.small{min-width:0;padding:10px 18px;font-size:15px}#loading{background:#8fc7ff;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#loading .bar{background:#fff6;border-radius:99px;width:min(320px,60vw);height:10px;overflow:hidden}#loading i{background:var(--purple);border-radius:99px;width:0;height:100%;transition:width .2s;display:block}@media (max-height:480px){.tbtn{width:70px;height:70px}.screen{gap:10px}}
