.game-widget--hover{gap:14px;display:grid}.hover-toolbar{background:linear-gradient(135deg,#06122af7,#040a19f0);border:1px solid #52dcff4d;grid-template-columns:minmax(340px,1.25fr) minmax(190px,.65fr);gap:12px;padding:12px;display:grid}.hover-readouts,.hover-actions{align-items:center;gap:10px;display:flex}.hover-readouts{overflow-x:auto}.hover-readouts>div{border-left:1px solid #67e1ff38;gap:2px;min-width:76px;padding-left:10px;display:grid}.hover-readouts>div:first-child{border-left:0;padding-left:0}.hover-readouts span,.hover-bars span{color:#99c7dc;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.hover-readouts strong{color:#f4fbff;font-size:1rem}.hover-speed strong{color:#8cefff;text-shadow:0 0 18px #48e0ff6b;font-size:1.35rem}.hover-bars{gap:7px;display:grid}.hover-bars label{gap:4px;display:grid}.hover-bars label>span{justify-content:space-between;display:flex}.hover-bars strong{color:#eefbff}.hover-bars progress{appearance:none;background:#061022;border:1px solid #5cdcff38;border-radius:999px;width:100%;height:8px;overflow:hidden}.hover-bars progress::-webkit-progress-bar{background:#061022}.hover-bars progress::-webkit-progress-value{background:linear-gradient(90deg,#176f86,#59e7ff);border-radius:999px}.hover-bars [data-shield-bar]::-webkit-progress-value{background:linear-gradient(90deg,#157765,#62efc7)}.hover-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.hover-actions label{color:#b2d4e3;letter-spacing:.07em;text-transform:uppercase;gap:3px;font-size:.68rem;font-weight:800;display:grid}.hover-actions select{min-width:108px}.hover-actions .hover-ghost-toggle{color:#d5f2fb;text-transform:none;background:#07162bb8;border:1px solid #59dcff3d;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:0 10px;display:flex}.hover-ghost-toggle input{accent-color:#56e6ff;width:18px;height:18px}.hover-stage{aspect-ratio:16/9;background:#020713;border:1px solid #43e7ff73;border-radius:16px;transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:inset 0 0 70px #1974b41f,0 18px 50px #00000047}.game-widget--hover.is-colliding .hover-stage{border-color:#ff6b91;box-shadow:inset 0 0 30px #ff407521,0 18px 50px #00000047}.hover-stage:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 8%,#42bfff1c,#0000 44%),linear-gradient(#0000 68%,#15688b14);position:absolute;inset:0}.hover-stage>canvas[data-hover-canvas]{touch-action:none;width:100%;height:100%;display:block}.hover-loading{color:#dff8ff;z-index:8;background:radial-gradient(circle at 50% 45%,#10294b,#020713 70%);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.hover-navigation{z-index:4;background:#030c1de6;border:1px solid #56e7ff7a;border-radius:10px;width:176px;position:absolute;top:12px;left:12px;overflow:hidden;box-shadow:0 8px 24px #00000047,0 0 22px #2bcfff1f}.hover-navigation span{color:#9eeeff;letter-spacing:.12em;padding:6px 8px 3px;font-size:.62rem;font-weight:900;display:block}.hover-navigation canvas{width:176px;height:132px;display:block}.hover-debug{color:#bfeeff;z-index:4;background:#020815d6;border:1px solid #43e7ff40;border-radius:8px;padding:7px 9px;font:700 11px/1.3 ui-monospace,monospace;position:absolute;top:10px;right:10px}.hover-pause-overlay{text-align:center;z-index:7;background:#020816e6;border:1px solid #57e8ff80;border-radius:14px;align-items:center;gap:10px;min-width:min(360px,100% - 32px);padding:20px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 70px #0000008c}.hover-pause-overlay[hidden]{display:none}.hover-pause-overlay strong{color:#f4fbff;font-size:1.25rem}.hover-pause-overlay span{color:#acd0df}.hover-pause-overlay div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hover-touch{bottom:12px;pointer-events:none;z-index:5;justify-content:space-between;display:none;position:absolute;inset-inline:12px}.hover-touch button{color:#fff;pointer-events:auto;touch-action:none;background:#050f22e6;border:1px solid #49e0ff9e;border-radius:50%;width:56px;height:56px;font-size:.72rem;font-weight:900}.hover-touch__steer{pointer-events:auto;touch-action:none;background:#050f22d6;border:1px solid #49e0ff94;border-radius:50%;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.hover-touch__steer span{height:42px;transform:translateX(var(--stick-x,0));background:radial-gradient(circle at 35% 30%,#dffaff,#2ea8dc);border:2px solid #bff6ff;border-radius:50%;width:42px;box-shadow:0 0 18px #43e7ff80}.hover-touch__pedals{align-items:end;gap:8px;display:flex}.hover-touch__pedals button:first-child{width:68px;height:68px}.hover-touch__pedals button:last-child{color:#ffe5a0;border-color:#ffcb62}.game-widget--hover [hidden]{display:none!important}@media (width<=900px),(pointer:coarse){.hover-stage{aspect-ratio:4/3}.hover-touch{display:flex}.hover-navigation{width:124px}.hover-navigation canvas{width:124px;height:96px}}@media (width<=700px){.hover-toolbar{grid-template-columns:1fr}.hover-bars{grid-template-columns:1fr 1fr}.hover-actions{grid-column:auto}.hover-readouts{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.hover-stage{transition:none}.hover-stage:before{display:none}}.hover-speedometer{--speed-progress:0deg;--nitro-progress:94.5deg;background:conic-gradient(from 225deg,#68efff 0deg var(--speed-progress),#4da3c233 var(--speed-progress) 270deg,transparent 270deg);pointer-events:none;z-index:4;border-radius:50%;justify-content:center;align-items:center;width:124px;height:124px;transition:filter .14s,transform .14s;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 10px 35px #0000006b,0 0 24px #37dcff33}.hover-speedometer:before{content:"";background:#041124;border:1px solid #7eedff73;border-radius:50%;position:absolute;inset:8px}.hover-speedometer__dial{background:conic-gradient(from 225deg,#ffc95c 0deg var(--nitro-progress),#ffcc5d1f var(--nitro-progress) 270deg,transparent 270deg);border-radius:50%;align-content:center;justify-items:center;width:92px;height:92px;display:grid;position:relative}.hover-speedometer__dial:before{content:"";background:radial-gradient(circle at 48% 38%,#0c2540,#030914 72%);border:1px solid #52e0ff47;border-radius:50%;position:absolute;inset:5px}.hover-speedometer strong,.hover-speedometer small,.hover-speedometer span{z-index:1;position:relative}.hover-speedometer strong{color:#effdff;text-shadow:0 0 16px #4ce6ff8c;font-size:1.8rem;line-height:.9}.hover-speedometer small{color:#7fc7dc;letter-spacing:.13em;font-size:.52rem;font-weight:900}.hover-speedometer span{color:#ffd77b;letter-spacing:.05em;margin-top:5px;font-size:.56rem;font-weight:900}.hover-speedometer[data-active=true]{filter:drop-shadow(0 0 12px #57e1ffbf)}.hover-speedometer[data-active=true] span{color:#aef6ff}.hover-speedometer[data-pulse=true]{filter:drop-shadow(0 0 16px #ffc24ae6);transform:scale(1.06)}@media (width<=900px),(pointer:coarse){.hover-speedometer{width:94px;height:94px;bottom:104px;right:14px}.hover-speedometer:before{inset:6px}.hover-speedometer__dial{width:70px;height:70px}.hover-speedometer strong{font-size:1.35rem}.hover-speedometer span{margin-top:3px;font-size:.46rem}}@media (prefers-reduced-motion:reduce){.hover-speedometer{transition:none}.hover-speedometer[data-pulse=true]{transform:none}}
