:root{--bg0: #070a12;--bg1: #12182a;--ink: #f2f4f8;--muted: #9aa3b5;--accent: #e8eef8;--energy: #7ec8ff;--danger: #ff6b4a;--font-display: "Segoe UI", "Helvetica Neue", system-ui, sans-serif;--font-ui: "Segoe UI", "Helvetica Neue", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--bg0);color:var(--ink);font-family:var(--font-ui)}.game-wrap{position:relative;width:100%;height:100%;touch-action:none}.canvas-host{position:absolute;inset:0}.canvas-host canvas{display:block;width:100%!important;height:100%!important}#hud{position:absolute;inset:0;pointer-events:none;z-index:2}.hud-top{display:flex;justify-content:space-between;gap:.5rem;padding:max(.75rem,env(safe-area-inset-top)) 1rem 0}.hud-stat{display:flex;flex-direction:column;min-width:4.5rem;text-align:center}.hud-stat .label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hud-stat span:last-child{font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.55)}.title-overlay .about{margin-top:1rem;font-size:.72rem;color:var(--muted);opacity:.85}.title-overlay .about a{color:var(--energy);pointer-events:auto}#warp-fx{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;overflow:hidden}#warp-fx.active{opacity:1}.warp-stars{position:absolute;inset:0}.warp-star{position:absolute;width:var(--sw, 2px);height:calc(18vh + var(--warp, 0) * 70vh);background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),rgba(220,240,255,1),rgba(160,210,255,.5),transparent);transform:translateY(-40vh) scaleY(calc(.8 + var(--warp, 0) * 3.5));opacity:calc(.45 + var(--warp, 0) * .55);filter:blur(.3px)}#warp-fx[data-phase=stretch] .warp-star,#warp-fx[data-phase=tunnel] .warp-star,#warp-fx[data-phase=flash] .warp-star{animation:warpStreak .14s linear infinite}.warp-tunnel-ring{position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;transform:translate(-50%,-50%) scale(calc(1.6 - var(--warp, 0) * 1.1));border-radius:50%;background:radial-gradient(circle,transparent 12%,rgba(180,220,255,.06) 28%,rgba(80,140,220,.22) 48%,rgba(20,40,90,.55) 68%,rgba(2,4,12,.92) 86%);opacity:0;box-shadow:inset 0 0 120px #b4e6ff73,0 0 80px #64b4ff40}#warp-fx[data-phase=stretch] .warp-tunnel-ring{opacity:calc(var(--warp, 0) * .35)}#warp-fx[data-phase=tunnel] .warp-tunnel-ring,#warp-fx[data-phase=flash] .warp-tunnel-ring{opacity:calc(.55 + var(--warp, 0) * .45)}.warp-flash{position:absolute;inset:0;background:#fff;opacity:0}#warp-fx[data-phase=flash] .warp-flash{opacity:calc(var(--warp, 0) * .95)}#warp-fx[data-phase=arrive] .warp-flash{opacity:calc(1 - var(--warp, 0))}@keyframes warpStreak{0%{transform:translateY(-50vh) scaleY(1.2);opacity:.2}20%{opacity:1}to{transform:translateY(130vh) scaleY(4.5);opacity:0}}.title-overlay,.end-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;background:radial-gradient(ellipse at 50% 30%,rgba(255,120,60,.18),transparent 55%),linear-gradient(180deg,#070a1240,#070a12b8)}.title-overlay h1{font-family:var(--font-display);font-size:clamp(2.8rem,14vw,5rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 40px rgba(255,160,100,.35),0 2px 24px rgba(0,0,0,.6);margin-bottom:.75rem}.title-overlay p{max-width:22rem;color:var(--muted);font-size:.95rem;line-height:1.45}.title-overlay .hint{margin-top:1.25rem;color:var(--ink);opacity:.9;animation:pulse 1.6s ease-in-out infinite}.end-card{pointer-events:auto;background:linear-gradient(180deg,#080c168c,#080c16e0)}.end-card[hidden],.title-overlay[hidden]{display:none!important}.end-card h2{font-size:1.75rem;margin-bottom:1.25rem;letter-spacing:.06em;text-transform:uppercase}.end-rows{width:min(90vw,280px);display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.5rem}.end-rows>div{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;color:var(--muted)}.end-rows>div span:last-child{color:var(--ink);font-weight:700}.end-card button{pointer-events:auto;border:0;padding:.85rem 2.2rem;border-radius:999px;background:var(--ink);color:#10141e;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.style-pop{position:absolute;left:50%;top:28%;transform:translate(-50%);font-weight:800;letter-spacing:.06em;font-size:1.05rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);opacity:0;pointer-events:none}.style-pop.go{animation:stylePop .85s ease-out forwards}#speed-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:0;mix-blend-mode:screen}.speed-line{position:absolute;width:var(--w, 3px);height:calc(28vh * var(--streak, 1));background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),rgba(255,245,220,.95),rgba(255,255,255,.2),transparent);transform:translateY(-20vh);animation:streak .38s linear infinite;filter:blur(.2px)}#speed-lines.boost .speed-line{width:calc(var(--w, 3px) + 2px);background:linear-gradient(180deg,transparent,rgba(120,210,255,.25),rgba(180,235,255,1),rgba(120,210,255,.3),transparent);animation-duration:.18s}@keyframes streak{0%{transform:translateY(-30vh);opacity:0}30%{opacity:1}to{transform:translateY(110vh);opacity:0}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes stylePop{0%{opacity:0;transform:translate(-50%,12px) scale(.9)}20%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:0;transform:translate(-50%,-28px) scale(1)}}