:root{--c-green: #22d37e;--c-purple: #9146ff;--c-cyan: #00aee6;--c-yellow: #ffcf33;--c-pink: #ff5ca8;--c-amber: #ff9f1c;--c-ink: #15233b;--c-muted: #5a6b85;--f-display: "Press Start 2P", monospace;--f-head: "Fredoka", "Space Grotesk", system-ui, sans-serif;--f-body: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#7ec8f0;color:#fff;font-family:var(--f-body)}#world{position:fixed;inset:0;z-index:0}#world canvas{display:block}.hidden{display:none!important}#portal-fade{position:fixed;inset:0;z-index:80;background:var(--accent);opacity:0;pointer-events:none;transition:opacity .5s ease}#portal-fade.show{opacity:1;pointer-events:all}.overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#14285073,#081226eb);backdrop-filter:blur(5px);padding:1.5rem}.intro-box{text-align:center;max-width:580px}.intro-logo{font-family:var(--f-head);font-weight:700;font-size:1.5rem;letter-spacing:2px;margin-bottom:1.5rem}.gg,.gg-sm{background:linear-gradient(135deg,var(--c-green),var(--c-purple));color:#fff;padding:.25rem .45rem;border-radius:8px;font-size:.8rem;box-shadow:0 4px #00000040}.intro-title{font-family:var(--f-head);font-weight:700;font-size:clamp(2.2rem,6vw,4rem);line-height:1.04;margin-bottom:1.25rem;text-shadow:0 4px 0 rgba(0,0,0,.18)}.intro-title span{background:linear-gradient(135deg,var(--accent),#7ee0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-sub{color:#cdd8ec;font-size:1.05rem;line-height:1.6;margin-bottom:2rem}.press-start{display:inline-block;font-family:var(--f-display);font-size:14px;letter-spacing:.1em;color:#fff;background:linear-gradient(180deg,#ff7ac0,var(--c-pink));border:none;border-radius:14px;padding:18px 34px;cursor:pointer;text-decoration:none;box-shadow:0 7px #c92e78,0 12px 24px #00000059;transition:transform .12s,box-shadow .12s}.press-start:hover{transform:translateY(-2px);box-shadow:0 9px #c92e78,0 16px 28px #0006}.press-start:active{transform:translateY(4px);box-shadow:0 3px #c92e78,0 6px 14px #0006}.intro-controls{margin-top:1.75rem;color:#cdd8ec;font-size:.85rem}.intro-controls .key{font-family:var(--f-display);font-size:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:4px 7px;color:#fff}.intro-links{margin-top:1.5rem;display:flex;gap:1rem;justify-content:center}.ghost-link{background:#ffffff14;border:1px solid rgba(255,255,255,.3);color:#eaf0fb;font-family:var(--f-body);font-size:.85rem;padding:7px 16px;border-radius:10px;cursor:pointer;text-decoration:none;transition:all .2s}.ghost-link:hover{background:#ffffff2e}.loading-note{margin-top:1.25rem;font-family:var(--f-display);font-size:8px;color:var(--c-yellow);letter-spacing:.1em}.hud{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;gap:.75rem;align-items:center;padding:14px 16px;pointer-events:none}.hud-item{display:flex;align-items:center;gap:7px;background:#fff;color:var(--c-ink);border-radius:14px;padding:9px 14px;font-family:var(--f-head);font-weight:700;font-size:15px;box-shadow:0 4px #0000002e,0 8px 18px #0000002e}.hud-back{pointer-events:auto;text-decoration:none;cursor:pointer;background:var(--accent);color:#fff}.hud-logo{letter-spacing:1px}.hud-ic{color:var(--c-cyan);font-size:16px}.coin-ic{color:var(--c-amber)}.speedo{position:fixed;bottom:18px;right:18px;z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.speedo-bar{width:130px;height:12px;background:#fff9;border-radius:8px;overflow:hidden;box-shadow:0 3px #00000026}#speedo-fill{height:100%;width:0;background:linear-gradient(90deg,var(--c-green),var(--c-yellow),var(--c-pink));transition:width .1s}.speedo-label{font-family:var(--f-head);font-weight:700;font-size:11px;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);letter-spacing:.08em}.panel{position:fixed;bottom:0;left:0;right:0;z-index:40;margin:0 auto;max-width:640px;background:#fff;color:var(--c-ink);border-radius:22px 22px 0 0;padding:1.6rem 1.9rem 1.9rem;box-shadow:0 -10px 40px #0000004d;transform:translateY(110%);transition:transform .45s cubic-bezier(.16,1,.3,1);border-top:6px solid var(--c-cyan)}.panel.show{transform:translateY(0)}.panel-tag{font-family:var(--f-display);font-size:8px;letter-spacing:.12em;color:var(--c-cyan);margin-bottom:.6rem}.panel h2{font-family:var(--f-head);font-weight:700;font-size:1.7rem;margin-bottom:.5rem;color:var(--c-ink)}.panel p{color:var(--c-muted);line-height:1.6;font-size:.98rem}.panel-list{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.panel-list li{font-family:var(--f-head);font-weight:600;font-size:.82rem;padding:.35rem .8rem;background:#eef4ff;border-radius:50px;color:var(--c-cyan)}.panel-cta{display:inline-block;margin-top:1.2rem;font-family:var(--f-head);font-weight:700;font-size:1rem;color:#fff;background:linear-gradient(180deg,#ff7ac0,var(--c-pink));padding:13px 26px;border-radius:12px;text-decoration:none;box-shadow:0 5px #c92e78}.panel-hint{margin-top:1rem;font-family:var(--f-display);font-size:7px;color:#aab6c8;letter-spacing:.1em}.touch{position:fixed;inset:0;z-index:35;pointer-events:none}.joystick{position:absolute;bottom:30px;left:30px;width:128px;height:128px;border-radius:50%;background:#ffffff40;border:3px solid rgba(255,255,255,.5);pointer-events:auto;touch-action:none;box-shadow:0 6px #00000026}.joy-knob{position:absolute;top:50%;left:50%;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--c-cyan));transform:translate(-50%,-50%);box-shadow:0 4px #0003}.pedals{position:absolute;bottom:30px;right:30px;display:flex;flex-direction:column;gap:14px;pointer-events:auto}.pedal{width:84px;height:60px;border-radius:16px;border:none;background:var(--c-green);color:#fff;font-family:var(--f-head);font-weight:700;font-size:15px;touch-action:none;box-shadow:0 5px #128a4f}#btn-rev{background:var(--c-pink);box-shadow:0 5px #c92e78}@media(max-width:900px){.hud-item{font-size:13px;padding:7px 11px}.panel h2{font-size:1.35rem}}.avatar-bubble{position:fixed;left:0;top:0;z-index:45;max-width:300px;transform:translate(-50%,-100%);opacity:0;pointer-events:none;transition:opacity .35s ease}.avatar-bubble.show{opacity:1}.ab-inner{background:#fff;color:#14223e;border-radius:16px;padding:.65rem .95rem .75rem;box-shadow:0 12px 30px #00000059;border:2px solid rgba(145,70,255,.28)}.ab-name{display:block;font-family:var(--f-head);font-weight:700;font-size:.68rem;letter-spacing:.5px;color:#9146ff;margin-bottom:.2rem;text-transform:uppercase}.ab-inner p{font-size:.92rem;line-height:1.4;font-weight:500}.ab-tail{position:absolute;left:50%;bottom:-11px;width:0;height:0;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:13px solid #fff;filter:drop-shadow(0 4px 3px rgba(0,0,0,.18))}