.header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header__logo{align-items:center;gap:8px;font-weight:800;display:flex}.header__logo-icon{font-size:1.2rem}.header__dark-toggle{background:0 0;border:none;font-size:1.1rem}.target{background:var(--accent);cursor:crosshair;animation:targetAppear .15s cubic-bezier(.34,1.56,.64,1) forwards, targetShrink var(--lifetime) linear forwards;border:none;border-radius:50%;transition:transform .1s,background .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #e85d2640}.target:after{content:"";background:#ffffff59;border-radius:50%;position:absolute;inset:22%}.target:hover{background:var(--accent-hover);transform:translate(-50%,-50%)scale(1.08)}.target--hit{pointer-events:none;animation:.16s forwards targetHit!important}@keyframes targetAppear{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes targetShrink{0%{box-shadow:0 0 0 4px #e85d2640}to{opacity:.3;box-shadow:0 0 0 4px #e85d2640}}@keyframes targetHit{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}60%{opacity:.6;transform:translate(-50%,-50%)scale(1.4)}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.scoreboard{margin-bottom:20px}.scoreboard__stats{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);gap:0;margin-bottom:12px;display:flex;overflow:hidden}.scoreboard__stat{border-right:1px solid var(--border);flex-direction:column;flex:1;align-items:center;padding:16px 12px;display:flex}.scoreboard__stat:last-child{border-right:none}.scoreboard__stat-value{font-size:2rem;font-weight:800;font-family:var(--font-mono);color:var(--text);line-height:1;transition:color .2s}.scoreboard__stat-value--urgent{color:var(--danger);animation:.6s infinite alternate pulse}.scoreboard__stat-value--missed{color:var(--text-muted)}.scoreboard__stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:4px;font-size:.7rem;font-weight:600}.scoreboard__high{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;display:flex}.scoreboard__high-label{color:var(--text-muted);font-weight:500}.scoreboard__high-value{color:var(--text);font-weight:700;font-family:var(--font-mono)}.scoreboard__result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;margin-top:16px;padding:20px;animation:.3s fadeUp}.scoreboard__new-high{color:var(--accent-2);margin-bottom:8px;font-size:1.1rem;font-weight:700}.scoreboard__final{color:var(--text-muted);margin-bottom:4px;font-size:.95rem}.scoreboard__final strong{color:var(--text)}.scoreboard__restart-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;margin-top:16px;padding:11px 32px;font-size:.95rem;font-weight:700;transition:background .18s,transform .1s}.scoreboard__restart-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.scoreboard__restart-btn:active{transform:translateY(0)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.difficulty{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.difficulty__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.8rem;font-weight:600}.difficulty__buttons{gap:8px;display:flex}.difficulty__btn{border:2px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:8px;padding:7px 18px;font-size:.85rem;font-weight:600;transition:all .18s}.difficulty__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.difficulty__btn:disabled{opacity:.45;cursor:not-allowed}.difficulty__btn--active.difficulty__btn--easy{color:#2b9e6f;background:#d4edda;border-color:#2b9e6f}.difficulty__btn--active.difficulty__btn--medium{color:#b8860b;background:#fff3cd;border-color:#d4a017}.difficulty__btn--active.difficulty__btn--hard{border-color:var(--danger);color:var(--danger);background:#fde8e8}[data-theme=dark] .difficulty__btn--active.difficulty__btn--easy{color:#4dcf96;background:#1a3d2b;border-color:#2b9e6f}[data-theme=dark] .difficulty__btn--active.difficulty__btn--medium{color:#f5c842;background:#3d3010;border-color:#d4a017}[data-theme=dark] .difficulty__btn--active.difficulty__btn--hard{border-color:var(--danger);color:#ff6b6b;background:#3d1212}.game{width:100%;max-width:680px}.game__arena{aspect-ratio:16/10;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.game__overlay{background:var(--surface);z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.game__overlay--dim{background:#0000008c}.game__overlay-sub{color:var(--text-muted);font-size:1rem;font-weight:500}.game__overlay--dim .game__overlay-sub{color:#fff;font-size:1.3rem;font-weight:700}.game__start-btn{background:var(--accent);color:#fff;letter-spacing:.02em;border:none;border-radius:10px;padding:14px 44px;font-size:1.05rem;font-weight:700;transition:background .18s,transform .12s;box-shadow:0 4px 14px #e85d2659}.game__start-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.game__start-btn:active{transform:translateY(0)}.game__countdown{font-size:5rem;font-weight:800;font-family:var(--font-mono);color:var(--accent);animation:.9s infinite countPop}@keyframes countPop{0%{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}:root{--bg:#f5f4f0;--surface:#fff;--surface-2:#ededea;--border:#e0deda;--text:#1a1916;--text-muted:#6b6861;--accent:#e85d26;--accent-hover:#c94d1e;--accent-2:#2b9e6f;--danger:#d63031;--shadow:0 2px 12px #00000014;--radius:12px;--font-display:"Syne", sans-serif;--font-mono:"DM Mono", monospace}[data-theme=dark]{--bg:#141412;--surface:#1f1e1b;--surface-2:#2a2926;--border:#333230;--text:#f0ede8;--text-muted:#908d87;--shadow:0 2px 16px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}button{cursor:pointer;font-family:var(--font-display)}html,body,#root{width:100%;height:100%}