.reaction-wrapper{max-width:1000px}.game-container{margin-top:1.5rem}.game-area{width:100%;height:320px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:all .2s ease;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden}.game-area:before{content:"";position:absolute;inset:12px;border:3px dashed rgba(255,255,255,.4);border-radius:12px;pointer-events:none}.game-area.waiting{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%)}.game-area.ready{background:linear-gradient(135deg,#f093fb,#f5576c)}.game-area.click{background:linear-gradient(135deg,#11998e,#38ef7d)}.game-area.too-soon{background:linear-gradient(135deg,#eb3349,#f45c43)}.game-content{text-align:center;color:#fff;z-index:1}.game-icon{font-size:3rem;margin-bottom:1rem;opacity:.9}.game-text h3{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.game-text p{font-size:1rem;opacity:.85;margin:0}.reaction-result{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.reaction-result.hidden{display:none}.result-number{font-size:4rem;font-weight:700;line-height:1}.result-unit{font-size:1.5rem;opacity:.9}.game-tips{text-align:center;margin-top:1rem;color:var(--bi-text-muted);font-size:.875rem}.game-tips i{margin-right:.375rem}.stats-container{margin-top:1rem;background:var(--bi-surface);border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden}.stats-header{padding:1rem 1.25rem;border-bottom:1px solid var(--bi-border);display:flex;justify-content:flex-end}.stats-content{padding:1.25rem}.stats-summary{display:flex;align-items:center;gap:2rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--bi-border);font-size:.9375rem;color:var(--bi-text)}.stats-summary strong{color:#dc3545;font-weight:600}.stats-summary .avg-time{color:#0d6efd}.history-list{max-height:150px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.625rem 0;border-bottom:1px solid #f1f3f5;font-size:.875rem}.history-item:last-child{border-bottom:none}.history-index{color:var(--bi-text-muted);min-width:50px}.history-time{font-weight:500;color:var(--bi-text)}.history-time.fast{color:#198754}.history-time.normal{color:#0d6efd}.history-time.slow{color:#dc3545}.history-empty{text-align:center;padding:2rem;color:var(--bi-text-muted)}.history-empty i{font-size:2.5rem;margin-bottom:.75rem;display:block}@media (max-width: 576px){.game-area{height:260px}.game-icon{font-size:2.5rem}.game-text h3{font-size:1.5rem}.result-number{font-size:3rem}.stats-summary{flex-direction:column;gap:.5rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.game-area.ready{animation:pulse .8s ease-in-out infinite}.game-area:active{transform:scale(.98)}html[data-theme=dark] .history-item{border-bottom-color:var(--bi-border)}html[data-theme=dark] .stats-summary .avg-time,html[data-theme=dark] .history-time.normal{color:#6ea8fe}html[data-theme=dark] .history-time.fast{color:#75b798}html[data-theme=dark] .history-time.slow{color:#ea868f}html[data-theme=dark] .stats-container{border:1px solid var(--bi-border);box-shadow:none}
