.hud-overlay.svelte-cfneni{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:20;-webkit-user-select:none;user-select:none}.top-hud.svelte-cfneni{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:12px}.compass-box.svelte-cfneni{position:relative;width:44px;height:44px;background:#fff8e7;border:3px solid #b8935f;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #5d4a3333}.compass-needle.svelte-cfneni{width:4px;height:24px;background:linear-gradient(to bottom,#e74c3c 50%,#34495e 50%);border-radius:2px;transition:transform .05s linear}.compass-n.svelte-cfneni{position:absolute;top:2px;font-size:9px;font-weight:900;color:#e74c3c}.metrics-box.svelte-cfneni{display:flex;align-items:center;gap:8px;background:#fff8e7f0;border:3px solid #b8935f;border-radius:999px;padding:6px 18px;font-family:var(--font-display, sans-serif);color:#5d4a33;box-shadow:0 4px 12px #5d4a3326}.metric-time.svelte-cfneni{font-weight:800;font-size:16px}.metric-distance.svelte-cfneni{font-size:14px}.metric-divider.svelte-cfneni{opacity:.5}.badge-start.svelte-cfneni{background:#6db85c;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.badge-next.svelte-cfneni{background:#cd00cd;color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700;margin-left:4px}.hud-actions.svelte-cfneni{display:flex;gap:8px;pointer-events:auto}.ac-hud-btn.svelte-cfneni{width:40px;height:40px;background:#fff8e7;border:2px solid #b8935f;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #5d4a3333;transition:transform .1s}.ac-hud-btn.svelte-cfneni:hover{transform:scale(1.08)}.ac-hud-btn.svelte-cfneni:active{transform:scale(.95)}.punch-alert.svelte-cfneni{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#6db85c;color:#fff;padding:8px 24px;border-radius:20px;border:3px solid #ffffff;font-family:var(--font-display, sans-serif);font-size:16px;font-weight:800;box-shadow:0 6px 16px #0003;animation:svelte-cfneni-popIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-cfneni-popIn{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.screen-backdrop.svelte-1d6sref{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#a2ded066,#6db85ccc);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;padding:16px}.game-panel.svelte-1d6sref{background:#fff8e7;border:3px solid #b8935f;border-radius:28px;padding:32px 36px;max-width:500px;width:100%;box-shadow:0 16px 36px #5d4a3340,inset 0 2px #fffc;position:relative;text-align:center;font-family:var(--font-display, Nunito, sans-serif);animation:svelte-1d6sref-acPop .4s cubic-bezier(.34,1.56,.64,1)}.title-row.svelte-1d6sref{display:flex;align-items:center;justify-content:center;gap:12px}.title-row.svelte-1d6sref h1:where(.svelte-1d6sref){margin:0;font-size:28px;font-weight:900;color:#5d4a33}.subtitle.svelte-1d6sref{margin:6px 0 16px;font-size:14px;color:#8c7355}.instructions.svelte-1d6sref{background:#b8935f1f;border-radius:12px;padding:8px 14px;margin-bottom:20px;font-size:13px;color:#5d4a33}.theme-select-row.svelte-1d6sref{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 4px;font-weight:700;color:#5d4a33}.theme-select.svelte-1d6sref{padding:6px 14px;border-radius:16px;border:2px solid #b8935f;background:#fff;font-family:inherit;font-weight:700;color:#5d4a33;outline:none}.difficulty-buttons.svelte-1d6sref{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.ac-btn.svelte-1d6sref{border:3px solid #b8935f;border-radius:999px;padding:12px 20px;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px #8c7355,0 6px 12px #5d4a3333;transition:transform .1s,box-shadow .1s}.ac-btn.svelte-1d6sref:hover{transform:translateY(-2px);box-shadow:0 6px #8c7355,0 8px 16px #5d4a3340}.ac-btn.svelte-1d6sref:active{transform:translateY(2px);box-shadow:0 2px #8c7355,0 4px 8px #5d4a3333}.btn-easy.svelte-1d6sref{background:#6db85c;color:#fff}.btn-medium.svelte-1d6sref{background:#f1c40f;color:#5d4a33}.btn-hard.svelte-1d6sref{background:#e67e22;color:#fff}.osm-section.svelte-1d6sref{margin-bottom:20px}.osm-toggle-btn.svelte-1d6sref{background:none;border:none;font-family:inherit;font-size:13px;font-weight:700;color:#3498db;cursor:pointer;text-decoration:underline}.osm-content.svelte-1d6sref{margin-top:10px;display:flex;flex-direction:column;gap:8px}.osm-input.svelte-1d6sref{width:100%;padding:8px 14px;border-radius:12px;border:2px solid #b8935f;font-family:inherit;box-sizing:border-box}.btn-small.svelte-1d6sref{background:#3498db;color:#fff;padding:8px 16px;font-size:13px}.nav-links.svelte-1d6sref{display:flex;justify-content:center;gap:16px;border-top:2px dashed rgba(184,147,95,.3);padding-top:14px}.ac-link.svelte-1d6sref{color:#5d4a33;font-size:13px;font-weight:700;text-decoration:none}.ac-link.svelte-1d6sref:hover{color:#6db85c;text-decoration:underline}@keyframes svelte-1d6sref-acPop{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.pause-backdrop.svelte-1v7kbs8{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#281e1473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;padding:16px}.game-panel.svelte-1v7kbs8{background:#fff8e7;border:3px solid #b8935f;border-radius:28px;padding:28px 36px;max-width:400px;width:100%;box-shadow:0 16px 36px #0000004d;text-align:center;font-family:var(--font-display, Nunito, sans-serif);animation:svelte-1v7kbs8-acPop .3s cubic-bezier(.34,1.56,.64,1)}.title-row.svelte-1v7kbs8{display:flex;align-items:center;justify-content:center;gap:12px}.title-row.svelte-1v7kbs8 h1:where(.svelte-1v7kbs8){margin:0;font-size:26px;font-weight:900;color:#5d4a33}.subtitle.svelte-1v7kbs8{margin:6px 0 20px;font-size:14px;color:#8c7355}.menu-buttons.svelte-1v7kbs8{display:flex;flex-direction:column;gap:12px}.ac-btn.svelte-1v7kbs8{border:3px solid #b8935f;border-radius:999px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px #8c7355;transition:transform .1s,box-shadow .1s}.ac-btn.svelte-1v7kbs8:hover{transform:translateY(-2px);box-shadow:0 6px #8c7355}.ac-btn.svelte-1v7kbs8:active{transform:translateY(2px);box-shadow:0 2px #8c7355}.btn-resume.svelte-1v7kbs8{background:#6db85c;color:#fff}.btn-restart.svelte-1v7kbs8{background:#f1c40f;color:#5d4a33}.btn-quit.svelte-1v7kbs8{background:#e0e0e0;color:#5d4a33}@keyframes svelte-1v7kbs8-acPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.finish-backdrop.svelte-1bo743z{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#281e1480;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30;padding:16px}.game-panel.svelte-1bo743z{background:#fff8e7;border:3px solid #b8935f;border-radius:28px;padding:28px 36px;max-width:480px;width:100%;box-shadow:0 16px 36px #0000004d;text-align:center;font-family:var(--font-display, Nunito, sans-serif);animation:svelte-1bo743z-acPop .4s cubic-bezier(.34,1.56,.64,1)}.title-row.svelte-1bo743z{display:flex;align-items:center;justify-content:center;gap:12px}.title-row.svelte-1bo743z h1:where(.svelte-1bo743z){margin:0;font-size:26px;font-weight:900;color:#5d4a33}.valid-badge.svelte-1bo743z{margin:14px 0 18px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:700}.valid-badge.valid.svelte-1bo743z{background:#6db85c33;color:#2e7d32;border:1px solid #6db85c}.valid-badge.invalid.svelte-1bo743z{background:#e74c3c26;color:#c0392b;border:1px solid #e74c3c}.missing-text.svelte-1bo743z{font-size:11px;margin-top:4px}.stats-grid.svelte-1bo743z{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat-card.svelte-1bo743z{background:#b8935f1f;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px}.stat-label.svelte-1bo743z{font-size:11px;color:#8c7355;font-weight:700;text-transform:uppercase}.stat-val.svelte-1bo743z{font-size:20px;font-weight:900;color:#5d4a33}.stat-val.time.svelte-1bo743z{color:#e67e22}.stat-val.dist.svelte-1bo743z{color:#2980b9}.punch-timeline.svelte-1bo743z{background:#fff9;border:1px solid #e0d0b8;border-radius:14px;padding:10px;margin-bottom:20px;text-align:left}.timeline-title.svelte-1bo743z{font-size:11px;font-weight:700;color:#8c7355;display:block;margin-bottom:6px}.punch-chips.svelte-1bo743z{display:flex;flex-wrap:wrap;gap:6px}.chip.svelte-1bo743z{background:#fff8e7;border:1px solid #b8935f;border-radius:6px;padding:2px 6px;font-size:11px;color:#5d4a33}.actions.svelte-1bo743z{display:flex;gap:12px}.ac-btn.svelte-1bo743z{flex:1;border:3px solid #b8935f;border-radius:999px;padding:12px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px #8c7355;transition:transform .1s,box-shadow .1s}.ac-btn.svelte-1bo743z:hover{transform:translateY(-2px);box-shadow:0 6px #8c7355}.ac-btn.svelte-1bo743z:active{transform:translateY(2px);box-shadow:0 2px #8c7355}.btn-restart.svelte-1bo743z{background:#6db85c;color:#fff}.btn-menu.svelte-1bo743z{background:#e0e0e0;color:#5d4a33}@keyframes svelte-1bo743z-acPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}body{margin:0;padding:0;overflow:hidden;-webkit-user-select:none;user-select:none;background:#7eb862}.game-wrapper.svelte-1uha8ag{position:relative;width:100vw;height:100vh;overflow:hidden}.viewport-canvas.svelte-1uha8ag{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.map-container.svelte-1uha8ag{position:absolute;bottom:24px;right:24px;background:#fff8e7;border:3px solid #b8935f;border-radius:18px;padding:6px;box-shadow:0 8px 24px #5d4a3340;z-index:15;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.map-container.hidden.svelte-1uha8ag{display:none}.map-container.expanded.svelte-1uha8ag{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);box-shadow:0 20px 48px #0006}.map-canvas.svelte-1uha8ag{display:block;border-radius:12px}.map-hint.svelte-1uha8ag{text-align:center;font-size:11px;font-weight:700;color:#8c7355;margin-top:4px;font-family:var(--font-display, sans-serif)}