.speed-scroller-game[data-astro-cid-ojj6jbsw]{display:flex;flex-direction:column;gap:1rem;min-height:400px}.game-header[data-astro-cid-ojj6jbsw]{display:flex;justify-content:space-around;padding:.5rem;background:var(--bg-color, #fff);border-radius:.75rem;box-shadow:0 2px 8px #0000000d}.timer-display[data-astro-cid-ojj6jbsw],.speed-display[data-astro-cid-ojj6jbsw]{text-align:center}.timer-label[data-astro-cid-ojj6jbsw],.speed-label[data-astro-cid-ojj6jbsw]{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted, #6b7280);text-transform:uppercase;margin-bottom:.25rem}.timer-value[data-astro-cid-ojj6jbsw]{font-size:1.5rem;font-weight:700;color:var(--text-color, #1f2937);font-variant-numeric:tabular-nums}.timer-value[data-astro-cid-ojj6jbsw].warning{color:#f59e0b}.timer-value[data-astro-cid-ojj6jbsw].danger{color:#ef4444}.speed-value[data-astro-cid-ojj6jbsw]{font-size:1.5rem;font-weight:700;color:var(--accent-color, #3b82f6);font-variant-numeric:tabular-nums}.scroll-container-wrapper[data-astro-cid-ojj6jbsw]{flex:1;position:relative}.scroll-track[data-astro-cid-ojj6jbsw]{height:280px;overflow:hidden;background:linear-gradient(180deg,#dbeafe,#bfdbfe);border-radius:1rem;border:2px solid var(--border-color, #e5e7eb);position:relative;touch-action:pan-y}.scroll-track[data-astro-cid-ojj6jbsw].active{overflow-y:scroll;border-color:var(--accent-color, #3b82f6)}.scroll-track[data-astro-cid-ojj6jbsw]::-webkit-scrollbar{width:8px}.scroll-track[data-astro-cid-ojj6jbsw]::-webkit-scrollbar-track{background:transparent}.scroll-track[data-astro-cid-ojj6jbsw]::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:4px}.scroll-indicator[data-astro-cid-ojj6jbsw]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;pointer-events:none}.indicator-arrow[data-astro-cid-ojj6jbsw]{display:block;font-size:3rem;color:var(--accent-color, #3b82f6);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.indicator-text[data-astro-cid-ojj6jbsw]{font-size:1.25rem;font-weight:700;color:var(--text-color, #1f2937)}.scroll-indicator[data-astro-cid-ojj6jbsw].hidden{display:none}.scroll-content[data-astro-cid-ojj6jbsw]{padding:2rem}.scroll-marker[data-astro-cid-ojj6jbsw]{padding:.5rem;text-align:center;font-size:.875rem;font-weight:500;color:var(--text-muted, #6b7280);border-bottom:1px dashed #93c5fd}.game-controls[data-astro-cid-ojj6jbsw]{display:flex;justify-content:center}.start-btn[data-astro-cid-ojj6jbsw]{padding:1rem 2.5rem;font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px -3px #3b82f666}.start-btn[data-astro-cid-ojj6jbsw]:hover{transform:translateY(-2px);box-shadow:0 8px 20px -5px #3b82f680}.start-btn[data-astro-cid-ojj6jbsw].hidden{display:none}.result-container[data-astro-cid-ojj6jbsw]{text-align:center;padding:1.5rem;background:var(--bg-color, #fff);border-radius:1rem}.result-container[data-astro-cid-ojj6jbsw].hidden{display:none}.result-main[data-astro-cid-ojj6jbsw]{margin-bottom:1rem}.result-label[data-astro-cid-ojj6jbsw]{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted, #6b7280);margin-bottom:.25rem}.result-speed[data-astro-cid-ojj6jbsw]{display:block;font-size:3rem;font-weight:800;color:var(--accent-color, #3b82f6);line-height:1}.result-unit[data-astro-cid-ojj6jbsw]{font-size:.875rem;color:var(--text-muted, #6b7280)}.result-details[data-astro-cid-ojj6jbsw]{display:flex;justify-content:center;gap:2rem;margin:1rem 0}.detail-item[data-astro-cid-ojj6jbsw]{text-align:center}.detail-label[data-astro-cid-ojj6jbsw]{display:block;font-size:.75rem;color:var(--text-muted, #6b7280);margin-bottom:.25rem}.detail-value[data-astro-cid-ojj6jbsw]{font-size:1rem;font-weight:600;color:var(--text-color, #1f2937)}.result-rating[data-astro-cid-ojj6jbsw]{font-size:1.5rem;font-weight:700;margin:1rem 0;padding:.75rem;border-radius:.5rem;background:var(--surface-color, #f9fafb)}.play-again-btn[data-astro-cid-ojj6jbsw]{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-color, #3b82f6);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.play-again-btn[data-astro-cid-ojj6jbsw]:hover{transform:translateY(-2px);box-shadow:0 4px 12px -2px #3b82f666}