*{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}}.kicker{color:#58a6ff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:0}.home h1{font-size:2.4rem}.round-list{display:flex;flex-direction:column;gap:12px;width:min(640px,94vw)}.round-card{display:flex;align-items:center;gap:16px;text-align:left;background:#161b22;border:1px solid #232c38;border-radius:14px;padding:16px 20px;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.round-card:hover{border-color:#2f81f7;transform:translateY(-1px)}.round-no{width:40px;height:40px;flex-shrink:0;border-radius:10px;background:linear-gradient(180deg,#2f81f7,#1f6feb);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.15rem}.round-name{flex:1;font-weight:600;line-height:1.35}.round-type{color:#8b949e;font-size:.85rem;white-space:nowrap}.task-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 16px 60px;max-width:760px;margin:0 auto}.task-screen.wide{max-width:1020px}.task-progress{color:#8b949e;font-size:.9rem;letter-spacing:.04em}.task-title{font-size:1.35rem;margin:0;text-align:center;line-height:1.4}.situation{background:#161b22;border:1px solid #232c38;border-radius:14px;padding:16px 20px;margin:0;line-height:1.55;color:#d8e0e8}.options{display:flex;flex-direction:column;gap:10px;width:100%}.option,.block{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;background:#161b22;border:1px solid #232c38;border-radius:12px;padding:12px 16px;color:#e6edf3;line-height:1.45;transition:border-color .12s ease,background .12s ease}.option:hover,.block:hover{border-color:#3d4b5c}.option.chosen{border-color:#2f81f7;background:#14243c}.opt-key{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#232c38;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.option.chosen .opt-key{background:#1f6feb}.seq-area{display:flex;gap:16px;width:100%;align-items:flex-start;flex-wrap:wrap}.seq-col{flex:1 1 320px;display:flex;flex-direction:column;gap:10px;background:#10151c;border:1px solid #1d2632;border-radius:14px;padding:14px}.seq-head{font-weight:700;color:#8b949e;font-size:.85rem;letter-spacing:.05em;text-transform:uppercase}.seq-hint{color:#667081;font-size:.9rem;line-height:1.5}.block.picked{border-color:#1f6feb;background:#14243c}.block.picked .opt-key{background:#1f6feb}.review-line{width:min(720px,94vw);text-align:left;color:#7ee2a8;padding:8px 14px;background:#10151c;border:1px solid #1d2632;border-radius:10px;font-size:.95rem;line-height:1.45}.q-text{font-weight:600}.given{color:#ff8a80;margin:4px 0}.correct{color:#7ee2a8;margin:4px 0}.correct-list{margin:6px 0 10px;padding-left:22px;color:#d8e0e8;line-height:1.5}.correct-list li{margin-bottom:4px}.result-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.link-btn{color:#58a6ff;text-decoration:none;font-weight:600;padding:14px 10px}.link-btn:hover{text-decoration:underline}.intro-text.pre{white-space:pre-line}