.game-container{flex-direction:column;align-items:center;max-width:800px;display:flex}.game-header{text-align:center;margin-bottom:2rem}.game-header h2{margin-bottom:.5rem;font-size:2rem}.game-header p{color:var(--text-secondary)}.game-screen{border-radius:var(--radius);cursor:pointer;user-select:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:380px;padding:2rem;transition:background-color .15s,transform .1s;display:flex;box-shadow:0 10px 30px #0000004d}.game-screen:active{transform:scale(.99)}.screen-icon{margin-bottom:1rem;font-size:4rem}.screen-title{margin-bottom:.5rem;font-size:2rem;font-weight:800}.screen-sub{opacity:.9;font-size:1.1rem}.game-screen.waiting{color:#fff;background-color:#3b82f6}.game-screen.ready{color:#fff;background-color:#ef4444}.game-screen.click-now{color:#fff;background-color:#10b981;animation:.6s infinite alternate pulse}.game-screen.too-early{color:#fff;background-color:#f59e0b}.game-screen.result{color:#fff;background-color:#6366f1}@keyframes pulse{0%{opacity:.95}to{opacity:1}}.stats-panel{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-top:2.5rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);text-align:center;padding:1.2rem}.stat-label{color:var(--text-secondary);margin-bottom:.4rem;font-size:.85rem}.stat-value{color:var(--text-primary);font-size:1.6rem;font-weight:800}.challenge-banner{border-radius:var(--radius);background:linear-gradient(135deg,#6366f126 0%,#38bdf81f 100%);border:1px solid #6366f166;align-items:center;gap:1rem;width:100%;margin-bottom:1.25rem;padding:1rem 1.25rem;animation:.35s ease-out bannerSlideDown;display:flex;box-shadow:0 4px 20px #6366f126}.challenge-banner.hidden{display:none!important}.challenge-icon{flex-shrink:0;font-size:2rem;line-height:1}.challenge-info{flex:1;min-width:0}.challenge-tag{color:#38bdf8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.2rem;font-size:.75rem;font-weight:800;display:inline-block}.challenge-text{color:var(--text-primary);font-size:.95rem;line-height:1.4}.challenge-text strong{color:#34d399;font-size:1.15rem;font-weight:800}.challenge-sub{color:var(--text-secondary);margin-top:.15rem;font-size:.82rem;display:block}.challenge-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:.25rem .5rem;font-size:1.1rem;line-height:1;transition:color .15s,background-color .15s}.challenge-close-btn:hover{color:var(--text-primary);background-color:#ffffff1a}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.share-section{text-align:center;width:100%;margin-top:1.25rem}.share-actions-panel{justify-content:center;gap:.75rem;width:100%;display:flex}.action-btn{cursor:pointer;user-select:none;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:46px;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0003}.action-btn:active{transform:scale(.97)}.action-btn .btn-icon{font-size:1.15rem;line-height:1}.copy-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.copy-btn:hover{border-color:var(--primary-accent);color:#fff;background:#ffffff14;box-shadow:0 4px 14px #6366f140}.share-btn{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%)}.share-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 4px 16px #3b82f659}.share-helper-text{color:var(--text-muted);margin-top:.6rem;font-size:.82rem;line-height:1.4}.toast-notification{-webkit-backdrop-filter:blur(8px);color:#f8fafc;z-index:9999;pointer-events:auto;white-space:nowrap;background:#0f172af2;border:1px solid #10b981;border-radius:9999px;align-items:center;gap:.5rem;max-width:90vw;padding:.75rem 1.4rem;font-size:.88rem;font-weight:700;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080,0 0 15px #10b98140}.toast-notification.hidden{opacity:0;pointer-events:none;transform:translate(-50%,15px)}.toast-icon{font-size:1.05rem}@media (width<=640px){.game-container{padding:1.25rem .75rem 2.5rem}.game-header{margin-bottom:1.25rem}.game-header h2{font-size:1.5rem}.game-header p{word-break:keep-all;font-size:.88rem}.game-screen{border-radius:var(--radius-md);height:300px;padding:1.5rem 1rem}.screen-icon{margin-bottom:.6rem;font-size:3rem}.screen-title{word-break:keep-all;font-size:1.45rem;line-height:1.3}.screen-sub{font-size:.92rem}.stats-panel{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.5rem}.stat-card{padding:.85rem .4rem}.stat-label{white-space:nowrap;margin-bottom:.25rem;font-size:.74rem}.stat-value{font-size:1.25rem}.share-section{margin-top:1rem}.share-actions-panel{gap:.5rem}.action-btn{flex:1;gap:.35rem;min-height:44px;padding:.65rem .6rem;font-size:.85rem}.challenge-banner{gap:.65rem;margin-bottom:1rem;padding:.75rem .85rem}.challenge-icon{font-size:1.5rem}.challenge-text{font-size:.86rem}.challenge-text strong{font-size:1rem}.challenge-sub{font-size:.75rem}.toast-notification{padding:.65rem 1.1rem;font-size:.82rem;bottom:1.25rem}}@media (width<=375px){.game-screen{height:260px}.screen-icon{font-size:2.5rem}.screen-title{font-size:1.25rem}.screen-sub{font-size:.82rem}.stat-label{font-size:.68rem}.stat-value{font-size:1.1rem}.action-btn{padding:.6rem .4rem;font-size:.78rem}.action-btn .btn-icon{font-size:1rem}}.reaction-speed-app[data-astro-cid-gdeh6myv]{max-width:800px;margin:0 auto;padding:1.5rem 1rem 3rem}