*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#0d1117;color:#e6edf3;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}.center-card{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 16px;text-align:center}.center-card h1{font-size:1.7rem;margin:0;max-width:720px}.intro-text{max-width:640px;color:#aeb8c4;font-size:1.05rem;line-height:1.55;margin:0}.intro-img{width:min(640px,92vw);border-radius:14px;border:1px solid #232c38}.primary{background:linear-gradient(180deg,#2f81f7,#1f6feb);color:#fff;border:0;border-radius:12px;padding:14px 34px;font-size:1.1rem;font-weight:600;transition:transform .12s ease,filter .12s ease}.primary:hover:not(:disabled){filter:brightness(1.1)}.primary:active:not(:disabled){transform:scale(.96)}.primary:disabled{opacity:.55;cursor:default}.game{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video{object-fit:contain;visibility:hidden;pointer-events:none}.video.visible{visibility:visible}.overlay{object-fit:cover;pointer-events:none;mix-blend-mode:screen;opacity:.85;z-index:5}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.score-wrap{position:absolute;top:22px;left:24px}.score{background:#0d1117b8;border:1px solid #2c3947;border-radius:12px;padding:10px 18px;font-size:1.25rem;font-weight:700;animation:pop .35s ease}@keyframes pop{0%{transform:scale(1.25)}to{transform:scale(1)}}.fx-anchor{position:absolute;top:100%;left:8px}.fx{position:absolute;top:6px;white-space:nowrap;font-weight:700;font-size:1.05rem;animation:fly 1.4s ease-out forwards}.fx-good{color:#3fb950}.fx-bad{color:#f85149}@keyframes fly{0%{transform:translateY(0);opacity:0}12%{opacity:1}to{transform:translateY(52px);opacity:0}}.seg-indicator{position:absolute;top:30px;right:28px;color:#e6edf38c;font-size:.95rem}.err-btn{position:absolute;right:28px;bottom:28px;width:132px;height:132px;border-radius:50%;border:3px solid rgba(255,255,255,.18);background:radial-gradient(circle at 30% 28%,#ff6b60,#c62828 70%);color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:.04em;pointer-events:auto;box-shadow:0 8px 28px #c6282873;transition:transform .1s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.err-btn:active{transform:scale(.9)}.err-btn.good{box-shadow:0 0 0 10px #3fb95080}.err-btn.bad{box-shadow:0 0 0 10px #f851498c}.result .subtitle{color:#aeb8c4;margin:0}.perfect{color:#3fb950;font-size:1.15rem}.errors{display:flex;flex-direction:column;gap:14px;width:min(760px,94vw)}.error-card{display:flex;gap:14px;text-align:left;background:#161b22;border:1px solid #232c38;border-radius:14px;padding:14px}.error-card img{width:220px;border-radius:10px;align-self:flex-start}.error-info p{margin:8px 0 0;color:#c9d1d9;line-height:1.5}.error-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.badge{font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px}.badge.false_press,.badge.trap_press{background:#f8514926;color:#f85149}.badge.missed_qte{background:#d2992226;color:#d29922}.where{color:#8b949e;font-size:.85rem}@media (max-width: 620px){.error-card{flex-direction:column}.error-card img{width:100%}.err-btn{width:108px;height:108px}}