.es-root{touch-action:none;font-family:var(--font-mono,monospace);user-select:none;-webkit-user-drag:none;background:#0a0e1f;position:absolute;inset:0;overflow:hidden}.es-canvas{position:absolute;inset:0}.es-canvas canvas{width:100%!important;height:100%!important;display:block!important}.es-ui{z-index:3;pointer-events:none;color:#eaf3ff;position:absolute;inset:0}.es-hud{top:max(8px,env(safe-area-inset-top));letter-spacing:.09em;text-align:center;background:#0a0e1fd9;border:1px solid #6be3ff55;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:6px;padding:7px 9px;font-size:9px;display:grid;position:absolute;left:10px;right:62px;box-shadow:0 8px 20px #0006}.es-hud span{justify-items:center;gap:3px;display:grid}.es-hud b{color:#fff;font-size:clamp(13px,3.6vw,18px)}.es-hud .is-active b{color:#ffd15e;text-shadow:0 0 10px #ffb23f}.es-overlay{pointer-events:auto;background:#080c26c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.es-card{text-align:center;background:#101636f2;border:1px solid #6be3ff88;border-radius:12px;justify-items:center;gap:12px;width:min(340px,100% - 24px);padding:clamp(18px,6vw,30px);display:grid;box-shadow:0 18px 60px #000b,0 0 32px #6be3ff33}.es-card h2{color:#eaf3ff;font:700 clamp(20px,7vw,32px) var(--font-display,sans-serif);letter-spacing:.12em;margin:0}.es-card p{color:#b7c4ea;letter-spacing:.06em;margin:0;font-size:11px;line-height:1.65}.es-card strong{color:#ffd15e;font-size:44px}.es-card small{color:#a7b6de;letter-spacing:.1em}.es-new-best{color:#ff9f4a;letter-spacing:.08em;margin:0;font-weight:700}.es-card button{color:#08122a;min-height:46px;font:800 12px var(--font-mono,monospace);letter-spacing:.14em;cursor:pointer;background:#6be3ff;border:0;border-radius:6px;padding:11px 24px;transition:transform 80ms ease-out}.es-card button:active{transform:scale(.94)}.es-mute{top:max(8px,env(safe-area-inset-top));z-index:5;color:#eaf3ff;cursor:pointer;pointer-events:auto;background:#0a0e1fd9;border:1px solid #6be3ff55;border-radius:8px;place-items:center;min-width:44px;min-height:44px;font-size:18px;transition:transform 80ms ease-out;display:grid;position:absolute;right:10px}.es-mute:active{transform:scale(.9)}.es-hint{z-index:2;pointer-events:none;color:#eaf3ff;place-items:center;display:grid;position:absolute;inset:0}.es-hint-label{font:700 12px var(--font-mono,monospace);letter-spacing:.14em;color:#eaf3ff;background:#0a0e1fcc;border:1px solid #6be3ff66;border-radius:999px;padding:8px 18px;animation:1.1s ease-in-out infinite es-hint-pulse}.es-guide{left:50%;bottom:max(12px,env(safe-area-inset-bottom));text-align:center;pointer-events:none;justify-items:center;gap:4px;max-width:calc(100% - 24px);display:grid;position:absolute;transform:translate(-50%)}.es-queue,.es-route{color:#dbe8ff;font:700 clamp(9px,2.7vw,11px) var(--font-mono,monospace);letter-spacing:.06em;white-space:nowrap;background:#0a0e1fc9;border-radius:999px;padding:5px 9px;display:block}.es-route{color:#ffd15e;border:1px solid #ffd15e66}.es-legend{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid;color:#ffd15e!important;font-size:10px!important}.es-legend span{white-space:nowrap}.es-ghost{color:#ffd15e;font:700 clamp(9px,2.7vw,11px) var(--font-mono,monospace);letter-spacing:.06em;white-space:nowrap;background:#0a0e1fc9;border:1px solid #ffd15e55;border-radius:999px;padding:5px 9px;display:block}.es-ghost-near{color:#ffe07a;border-color:#ffe07a88}.es-ghost-on{color:#9dffb0;background:#0a1f12c9;border-color:#9dffb088}.es-guide-feedback{color:#d18bff;font:700 clamp(9px,2.7vw,11px) var(--font-mono,monospace);letter-spacing:.06em;white-space:nowrap;background:#0a0e1fc9;border:1px solid #d18bff55;border-radius:999px;padding:5px 9px;display:block}.es-guide-first .es-queue,.es-guide-first .es-route{text-overflow:ellipsis;max-width:132px;font-size:9px;position:absolute;bottom:calc(100% + 8px);overflow:hidden}.es-guide-first .es-queue{left:0}.es-guide-first .es-route{right:0}.es-milestone{color:#ffd15e;letter-spacing:.1em;background:#0a0e1fe8;border:1px solid #ffd15e88;border-radius:999px;padding:7px 12px;font-weight:800;animation:1.2s ease-out both es-milestone;position:absolute;top:22%;left:50%;transform:translate(-50%)}.es-route-results{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.es-route-results span{color:#7280a4;border:1px solid #536184;border-radius:999px;padding:3px 6px}.es-route-results .is-reached{color:#ffd15e;border-color:#ffd15e88}@keyframes es-milestone{0%{opacity:0;transform:translate(-50%,8px)scale(.9)}20%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(1.03)}}@keyframes es-hint-pulse{0%,to{opacity:.4}50%{opacity:.9}}@media (orientation:landscape) and (height<=500px){.es-hud{grid-template-columns:repeat(3,minmax(0,1fr));font-size:8px}.es-card{max-width:520px}}@media (prefers-reduced-motion:reduce){.es-hint-label,.es-milestone{animation:none}}