.calculator-wrapper[data-astro-cid-bvdtnnb3]{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - var(--header-height) - 200px);gap:1.5rem;width:80%;max-width:1400px;margin:0 auto;padding:1.5rem 0}.input-panel[data-astro-cid-bvdtnnb3]{background:var(--bg-card);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:calc(100vh - var(--header-height) - 100px);box-shadow:var(--shadow-sm)}.panel-header[data-astro-cid-bvdtnnb3]{margin-bottom:.5rem}.panel-header-row[data-astro-cid-bvdtnnb3]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.panel-title[data-astro-cid-bvdtnnb3]{font-size:1.25rem;font-weight:700;color:var(--color-gray-900);margin:0}.unit-selector[data-astro-cid-bvdtnnb3]{flex-shrink:0}.unit-select[data-astro-cid-bvdtnnb3]{padding:.25rem 1.25rem .25rem .5rem;font-size:.75rem;font-weight:600;font-family:var(--font-mono);color:var(--color-gray-600);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .25rem center}.unit-select[data-astro-cid-bvdtnnb3]:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.unit-select[data-astro-cid-bvdtnnb3]:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 2px #3b82f626}.panel-subtitle[data-astro-cid-bvdtnnb3]{font-size:.875rem;color:var(--color-gray-500);margin:0}.action-buttons[data-astro-cid-bvdtnnb3]{display:flex;gap:.5rem;align-items:stretch}.flex-1[data-astro-cid-bvdtnnb3]{flex:1}.share-toast[data-astro-cid-bvdtnnb3]{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--color-gray-900);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;z-index:1000;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.city-input-group[data-astro-cid-bvdtnnb3]{display:flex;flex-direction:column;gap:.5rem}.input-label[data-astro-cid-bvdtnnb3]{display:flex;align-items:center;gap:.5rem}.label-text[data-astro-cid-bvdtnnb3]{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.label-marker[data-astro-cid-bvdtnnb3]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;border-radius:var(--radius-full)}.input-row[data-astro-cid-bvdtnnb3]{display:flex;gap:.5rem;align-items:center}.city-search-container[data-astro-cid-bvdtnnb3]{flex:1;position:relative;min-width:140px}.distance-input-container[data-astro-cid-bvdtnnb3]{width:85px;flex-shrink:0;position:relative;display:flex;align-items:center}.distance-input-container[data-astro-cid-bvdtnnb3] .input[data-astro-cid-bvdtnnb3]{padding-right:2rem}.input-distance[data-astro-cid-bvdtnnb3]::-webkit-outer-spin-button,.input-distance[data-astro-cid-bvdtnnb3]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-distance[data-astro-cid-bvdtnnb3]{-moz-appearance:textfield}.distance-unit-label[data-astro-cid-bvdtnnb3]{position:absolute;right:10px;font-size:.8125rem;font-weight:500;color:var(--color-gray-400);pointer-events:none}.input-hint[data-astro-cid-bvdtnnb3]{flex:1;text-align:right;font-size:.75rem;font-family:var(--font-mono);color:var(--color-gray-400);white-space:nowrap}.optional-badge[data-astro-cid-bvdtnnb3]{font-size:.6875rem;font-weight:400;color:var(--color-gray-400)}.w-full[data-astro-cid-bvdtnnb3]{width:100%}.hidden[data-astro-cid-bvdtnnb3]{display:none!important}.results-panel[data-astro-cid-bvdtnnb3]{margin-top:.5rem;border-top:1px solid var(--color-gray-100);padding-top:1rem}.results-header[data-astro-cid-bvdtnnb3]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.results-title[data-astro-cid-bvdtnnb3]{font-size:.9375rem;font-weight:600;color:var(--color-gray-800);margin:0}.results-count[data-astro-cid-bvdtnnb3]{font-size:.75rem;color:var(--color-gray-500)}.results-list[data-astro-cid-bvdtnnb3]{display:flex;flex-direction:column;gap:.5rem;max-height:360px;overflow-y:auto}.map-panel[data-astro-cid-bvdtnnb3]{position:relative;background:var(--color-gray-100);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.map-container[data-astro-cid-bvdtnnb3]{width:100%;height:100%;min-height:500px;max-height:calc(100vh - var(--header-height) - 100px)}.map-loading[data-astro-cid-bvdtnnb3]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-gray-500);font-size:.875rem}.map-controls[data-astro-cid-bvdtnnb3]{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem}.map-control-btn[data-astro-cid-bvdtnnb3]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;color:var(--color-gray-600);transition:all var(--transition-fast)}.map-control-btn[data-astro-cid-bvdtnnb3]:hover{background:var(--color-gray-50);color:var(--color-gray-900)}@media(max-width:1024px){.calculator-wrapper[data-astro-cid-bvdtnnb3]{grid-template-columns:1fr;grid-template-rows:auto 1fr;width:95%;padding:1rem 0;gap:1rem}.input-panel[data-astro-cid-bvdtnnb3]{max-height:none;border-radius:var(--radius-lg)}.map-container[data-astro-cid-bvdtnnb3]{min-height:400px;max-height:60vh}.map-panel[data-astro-cid-bvdtnnb3]{border-radius:var(--radius-lg)}}@media(max-width:640px){.calculator-wrapper[data-astro-cid-bvdtnnb3]{width:100%;padding:.75rem}.input-row[data-astro-cid-bvdtnnb3]{flex-wrap:wrap}.distance-input-container[data-astro-cid-bvdtnnb3]{width:100%}}.hero[data-astro-cid-j7pv25f6]{background:var(--hero-bg, #f0f9ff);padding:4rem 1.5rem}.hero-container[data-astro-cid-j7pv25f6]{max-width:1280px;margin:0 auto}.hero-content[data-astro-cid-j7pv25f6]{text-align:center;max-width:720px;margin:0 auto 3rem}.hero-title[data-astro-cid-j7pv25f6]{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;color:var(--color-gray-900);line-height:1.15;margin:0 0 1.25rem}.text-gradient[data-astro-cid-j7pv25f6]{color:var(--color-primary-500)}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1.125rem;color:var(--color-gray-600);line-height:1.7;margin:0 0 2rem}.hero-actions[data-astro-cid-j7pv25f6]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-features[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.hero-feature[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.hero-feature-icon[data-astro-cid-j7pv25f6]{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-lg)}.hero-feature-text[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;gap:.25rem}.hero-feature-text[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{font-weight:600;color:var(--color-gray-800)}.hero-feature-text[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{font-size:.875rem;color:var(--color-gray-500)}.calculator-section[data-astro-cid-j7pv25f6]{background:var(--color-gray-50);scroll-margin-top:calc(var(--header-height) + 2rem)}.how-it-works[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--bg-card)}.section-container[data-astro-cid-j7pv25f6]{max-width:1100px;margin:0 auto}.section-title[data-astro-cid-j7pv25f6]{font-size:2rem;font-weight:700;text-align:center;color:var(--color-gray-900);margin:0 0 .75rem}.section-subtitle[data-astro-cid-j7pv25f6]{font-size:1.0625rem;text-align:center;color:var(--color-gray-500);margin:0 auto 3rem;max-width:560px}.steps-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step-card[data-astro-cid-j7pv25f6]{text-align:center;padding:2rem 1.5rem}.step-number[data-astro-cid-j7pv25f6]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.25rem;font-weight:700;color:#fff;background:var(--color-primary-500);border-radius:var(--radius-full)}.step-title[data-astro-cid-j7pv25f6]{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin:0 0 .75rem}.step-description[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--color-gray-500);line-height:1.6;margin:0}.use-cases[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--color-gray-50)}.use-cases-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:1.5rem}.use-case-card[data-astro-cid-j7pv25f6]{background:var(--bg-card);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100);transition:all var(--transition-normal)}.use-case-card[data-astro-cid-j7pv25f6]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.use-case-icon[data-astro-cid-j7pv25f6]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);margin-bottom:1.25rem}.use-case-title[data-astro-cid-j7pv25f6]{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin:0 0 .625rem}.use-case-description[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--color-gray-500);line-height:1.65;margin:0}.games-section[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--color-gray-50)}.games-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto}.game-card[data-astro-cid-j7pv25f6]{text-align:center;padding:2rem 1.5rem}.game-emoji[data-astro-cid-j7pv25f6]{font-size:3rem;display:block;margin-bottom:1rem}.game-title[data-astro-cid-j7pv25f6]{font-size:1.25rem;font-weight:700;color:var(--color-gray-800);margin:0 0 .75rem}.game-description[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--color-gray-500);line-height:1.7;margin:0}@media(max-width:768px){.games-grid[data-astro-cid-j7pv25f6]{grid-template-columns:1fr;gap:2rem}}.stats-section[data-astro-cid-j7pv25f6]{padding:4rem 1.5rem;background:var(--stats-bg, #2563eb)}.stats-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item[data-astro-cid-j7pv25f6]{padding:1.5rem}.stat-number[data-astro-cid-j7pv25f6]{font-size:2.5rem;font-weight:800;color:#fff;line-height:1;margin-bottom:.5rem}.stat-label[data-astro-cid-j7pv25f6]{font-size:1rem;font-weight:500;color:#ffffffd9}.distance-explained[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--color-gray-50)}.explained-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem}.explained-card[data-astro-cid-j7pv25f6]{background:var(--bg-card);padding:2rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-100)}.explained-icon[data-astro-cid-j7pv25f6]{font-size:2.5rem;margin-bottom:1rem}.explained-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin:0 0 .75rem}.explained-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--color-gray-600);line-height:1.7;margin:0}.explained-card[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{color:var(--color-primary-600)}.faq-section[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--color-gray-100)}.faq-list[data-astro-cid-j7pv25f6]{max-width:800px;margin:0 auto}.faq-item[data-astro-cid-j7pv25f6]{border-bottom:1px solid var(--color-gray-200)}.faq-question[data-astro-cid-j7pv25f6]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0;font-size:1.0625rem;font-weight:600;color:var(--color-gray-800);cursor:pointer;list-style:none}.faq-question[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{margin:0;font-size:inherit;font-weight:inherit;color:inherit;display:inline}.faq-question[data-astro-cid-j7pv25f6]::-webkit-details-marker{display:none}.faq-question[data-astro-cid-j7pv25f6]:after{content:"+";font-size:1.5rem;font-weight:400;color:var(--color-gray-400);transition:transform var(--transition-fast)}details[data-astro-cid-j7pv25f6][open] .faq-question[data-astro-cid-j7pv25f6]:after{content:"−";color:var(--color-primary-500)}.faq-question[data-astro-cid-j7pv25f6]:hover{color:var(--color-primary-600)}.faq-answer[data-astro-cid-j7pv25f6]{padding:0 0 1.5rem}.faq-answer[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--color-gray-600);line-height:1.7;margin:0}.seo-content[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--bg-card)}.seo-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem}.seo-card[data-astro-cid-j7pv25f6]{padding:1.5rem}.seo-card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin:0 0 .75rem}.seo-card[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{font-size:.9375rem;color:var(--color-gray-600);line-height:1.7;margin:0}.seo-card[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]{color:var(--color-primary-600);text-decoration:underline;text-underline-offset:2px}.seo-card[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover{color:var(--color-primary-700)}.cta-section[data-astro-cid-j7pv25f6]{padding:5rem 1.5rem;background:var(--color-gray-50);text-align:center}.cta-container[data-astro-cid-j7pv25f6]{max-width:600px;margin:0 auto}.cta-title[data-astro-cid-j7pv25f6]{font-size:2rem;font-weight:800;color:var(--color-gray-900);margin:0 0 1rem}.cta-subtitle[data-astro-cid-j7pv25f6]{font-size:1.125rem;color:var(--color-gray-600);margin:0 0 2rem}@media(max-width:768px){.hero[data-astro-cid-j7pv25f6]{padding:2.5rem 1rem}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:1rem}.how-it-works[data-astro-cid-j7pv25f6],.use-cases[data-astro-cid-j7pv25f6],.games-section[data-astro-cid-j7pv25f6],.distance-explained[data-astro-cid-j7pv25f6],.faq-section[data-astro-cid-j7pv25f6]{padding:3rem 1rem}.stats-section[data-astro-cid-j7pv25f6]{padding:2.5rem 1rem}.stat-number[data-astro-cid-j7pv25f6]{font-size:2rem}.section-title[data-astro-cid-j7pv25f6]{font-size:1.5rem}.faq-question[data-astro-cid-j7pv25f6]{font-size:1rem}}