.reaction-wrapper[data-astro-cid-as3isbdo]{padding-top:8rem;padding-bottom:4rem;background:#f8f9fa;min-height:100vh}.dark .reaction-wrapper[data-astro-cid-as3isbdo]{background:#030712}.reaction-container[data-astro-cid-as3isbdo]{background:#fff;border-radius:12px;padding:40px;box-shadow:0 2px 8px #00000014}.dark .reaction-container[data-astro-cid-as3isbdo]{background:#111827;box-shadow:0 2px 8px #0000004d}.app-header[data-astro-cid-as3isbdo]{text-align:center;margin-bottom:2rem}.page-title[data-astro-cid-as3isbdo]{font-size:36px;font-weight:700;text-align:center;margin-bottom:20px;color:#2c3e50;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .page-title[data-astro-cid-as3isbdo]{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-buttons[data-astro-cid-as3isbdo]{display:flex;justify-content:center;gap:10px;margin-top:15px}.tab-select[data-astro-cid-as3isbdo]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;background:#e9ecef;color:#495057;transition:all .2s}.dark .tab-select[data-astro-cid-as3isbdo]{background:#374151;color:#d1d5db}.tab-select[data-astro-cid-as3isbdo].active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tab-select[data-astro-cid-as3isbdo]:hover:not(.active){background:#dee2e6}.dark .tab-select[data-astro-cid-as3isbdo]:hover:not(.active){background:#4b5563}#mode-buttons[data-astro-cid-as3isbdo]{margin:1rem;text-align:center}.mode-btn[data-astro-cid-as3isbdo]{padding:.6rem 1.2rem;margin:.3rem;border:none;border-radius:6px;font-size:1rem;background:#e9ecef;color:#2c3e50;cursor:pointer;transition:all .2s}.dark .mode-btn[data-astro-cid-as3isbdo]{background:#374151;color:#d1d5db}.mode-btn[data-astro-cid-as3isbdo].active{background:#0f0;color:#000;font-weight:700}.mode-btn[data-astro-cid-as3isbdo]:hover:not(.active){background:#dee2e6}.dark .mode-btn[data-astro-cid-as3isbdo]:hover:not(.active){background:#4b5563}#info-btn[data-astro-cid-as3isbdo]{background:#0af;border:none;border-radius:50%;color:#fff;font-size:1.2rem;width:32px;height:32px;margin-left:.5rem;cursor:pointer;transition:all .2s}#info-btn[data-astro-cid-as3isbdo]:hover{background:#09f}.start-button[data-astro-cid-as3isbdo]{display:block;margin:0 auto 2rem;padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.start-button[data-astro-cid-as3isbdo]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}#game-area[data-astro-cid-as3isbdo]{display:flex;flex-direction:column;align-items:center;justify-content:center;outline:none;position:relative}.touch-areas-container[data-astro-cid-as3isbdo]{display:none;position:relative;width:100%;max-width:600px;margin-bottom:1rem;flex-direction:row;gap:1rem;justify-content:center;align-items:center}.touch-area[data-astro-cid-as3isbdo]{flex:1;min-height:120px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;background:#667eea1a;border:3px solid rgba(102,126,234,.3);border-radius:12px;color:#667eea99;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;transition:all .2s ease;touch-action:manipulation}.dark .touch-area[data-astro-cid-as3isbdo]{background:#818cf81a;border-color:#818cf84d;color:#818cf899}.touch-area[data-astro-cid-as3isbdo]:active{background:#667eea33;border-color:#667eea80;color:#667eeae6;transform:scale(.95)}.dark .touch-area[data-astro-cid-as3isbdo]:active{background:#818cf833;border-color:#818cf880;color:#818cf8e6}.touch-area[data-astro-cid-as3isbdo]:hover{background:#667eea26;border-color:#667eea66}.dark .touch-area[data-astro-cid-as3isbdo]:hover{background:#818cf826;border-color:#818cf866}.keyboard-hint[data-astro-cid-as3isbdo]{display:none;text-align:center;font-size:.9rem;color:#7f8c8d;margin-bottom:.5rem;font-style:italic}.dark .keyboard-hint[data-astro-cid-as3isbdo]{color:#9ca3af}.reaction-hint[data-astro-cid-as3isbdo]{display:none;text-align:center;font-size:.9rem;color:#7f8c8d;margin-bottom:.5rem;font-style:italic}.dark .reaction-hint[data-astro-cid-as3isbdo]{color:#9ca3af}#square[data-astro-cid-as3isbdo]{width:150px;height:150px;background:#fff;border-radius:8px;margin:2rem;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;color:#000;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease;box-shadow:0 4px 8px #0000001a}#square[data-astro-cid-as3isbdo].ready{animation:pulse 1s infinite}@keyframes pulse{0%{box-shadow:0 0 5px 2px #00ff0080}50%{box-shadow:0 0 15px 6px #00ff00b3}to{box-shadow:0 0 5px 2px #00ff0080}}#result[data-astro-cid-as3isbdo]{font-size:1.2rem;margin:.5rem;color:#2c3e50;font-weight:600}.dark #result[data-astro-cid-as3isbdo]{color:#f3f4f6}#stats[data-astro-cid-as3isbdo]{font-size:.95rem;margin-bottom:1rem;color:#7f8c8d}.dark #stats[data-astro-cid-as3isbdo]{color:#9ca3af}canvas[data-astro-cid-as3isbdo]{background:#f8f9fa;border-radius:6px;margin:1rem 0;box-shadow:0 2px 4px #0000000d}.dark canvas[data-astro-cid-as3isbdo]{background:#1f2937}#save-session-trigger[data-astro-cid-as3isbdo]{display:none;margin-top:.8rem;padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}#save-session-trigger[data-astro-cid-as3isbdo]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.modal[data-astro-cid-as3isbdo]{background:#000000d9;color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:1rem;z-index:1000}.modal-content[data-astro-cid-as3isbdo]{background:#fff;color:#2c3e50;padding:2rem;border-radius:12px;max-width:500px;box-shadow:0 8px 24px #0000004d}.dark .modal-content[data-astro-cid-as3isbdo]{background:#111827;color:#f3f4f6}.modal-content[data-astro-cid-as3isbdo] h2[data-astro-cid-as3isbdo]{color:#667eea;margin-top:0}.dark .modal-content[data-astro-cid-as3isbdo] h2[data-astro-cid-as3isbdo]{color:#818cf8}.modal-content[data-astro-cid-as3isbdo] input[data-astro-cid-as3isbdo]{font-size:1rem;padding:.5rem;border:2px solid #e1e8ed;border-radius:6px;width:100%;max-width:300px;background:#f8f9fa;color:#2c3e50}.dark .modal-content[data-astro-cid-as3isbdo] input[data-astro-cid-as3isbdo]{background:#1f2937;border-color:#374151;color:#f3f4f6}.modal-buttons[data-astro-cid-as3isbdo]{display:flex;gap:10px;justify-content:center;margin-top:1rem}.modal-content[data-astro-cid-as3isbdo] button[data-astro-cid-as3isbdo]{margin-top:.5rem;padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .2s}.modal-content[data-astro-cid-as3isbdo] button[data-astro-cid-as3isbdo]:hover{background:#5568d3}#compare-tab[data-astro-cid-as3isbdo]{display:none;text-align:center}.compare-title[data-astro-cid-as3isbdo]{font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:1.5rem}.dark .compare-title[data-astro-cid-as3isbdo]{color:#f3f4f6}.compare-controls[data-astro-cid-as3isbdo]{margin:1rem 0}.compare-controls[data-astro-cid-as3isbdo] label[data-astro-cid-as3isbdo]{margin:0 .5rem;color:#2c3e50;font-weight:600}.dark .compare-controls[data-astro-cid-as3isbdo] label[data-astro-cid-as3isbdo]{color:#d1d5db}.compare-controls[data-astro-cid-as3isbdo] select[data-astro-cid-as3isbdo]{margin:.5rem;padding:.4rem .8rem;border:2px solid #e1e8ed;border-radius:6px;background:#f8f9fa;color:#2c3e50;font-size:14px}.dark .compare-controls[data-astro-cid-as3isbdo] select[data-astro-cid-as3isbdo]{background:#1f2937;border-color:#374151;color:#f3f4f6}.compare-controls[data-astro-cid-as3isbdo] button[data-astro-cid-as3isbdo]{padding:.5rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.compare-controls[data-astro-cid-as3isbdo] button[data-astro-cid-as3isbdo]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}#compare-stats[data-astro-cid-as3isbdo]{margin-top:.5rem;font-size:.9rem;color:#7f8c8d}.dark #compare-stats[data-astro-cid-as3isbdo]{color:#9ca3af}.legend[data-astro-cid-as3isbdo]{font-size:.85rem;margin-top:.5rem;color:#2c3e50}.dark .legend[data-astro-cid-as3isbdo]{color:#d1d5db}.legend[data-astro-cid-as3isbdo] span[data-astro-cid-as3isbdo]{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:3px}.legend-green[data-astro-cid-as3isbdo]{background:#0f0}.legend-blue[data-astro-cid-as3isbdo]{background:#0af;margin-left:1rem}@media(max-width:600px){#square[data-astro-cid-as3isbdo]{width:100px;height:100px;font-size:48px}.reaction-container[data-astro-cid-as3isbdo]{padding:20px}.touch-areas-container[data-astro-cid-as3isbdo]{flex-direction:row;gap:.5rem}.touch-area[data-astro-cid-as3isbdo]{min-height:100px;font-size:36px}}