:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{min-height:100vh;padding:2rem 1.5rem;max-width:640px;margin:0 auto}header{text-align:center;margin-bottom:2rem}header h1{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .25rem}header p{color:#ffffff80;margin:0;font-size:.95rem}.start-screen{text-align:center}.rules{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.5rem 2rem;margin-bottom:2rem;text-align:left}.rules h2{font-size:1.1rem;margin:0 0 .75rem;font-weight:600}.rules ul{margin:0;padding-left:1.25rem;color:#ffffffa6;font-size:.9rem}.rules li{margin-bottom:.35rem}.btn-primary{font-family:inherit;font-size:1rem;font-weight:600;padding:.7rem 2rem;border-radius:.5rem;border:none;background:#3b82f6;color:#fff;cursor:pointer;transition:background .15s,transform .1s}.btn-primary:hover{background:#2563eb}.btn-primary:active{transform:scale(.97)}.game-hud{display:flex;justify-content:space-between;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#ffffff80;letter-spacing:.03em;margin-bottom:1rem}.dog-photo{border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-bottom:1.25rem;aspect-ratio:4 / 3;background:#ffffff08}.dog-photo img{width:100%;height:100%;object-fit:cover;display:block}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem}.choice-btn{font-family:inherit;font-size:.9rem;font-weight:500;padding:.7rem 1rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fafafa;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-transform:capitalize}.choice-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d}.choice-btn:active:not(:disabled){transform:scale(.97)}.choice-btn.correct{background:#22c55e33;border-color:#22c55e80;color:#4ade80}.choice-btn.wrong{background:#ef444433;border-color:#ef444480;color:#f87171}.choice-btn.dimmed{opacity:.4}.feedback{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.feedback-correct{font-size:1.1rem;font-weight:600;color:#4ade80}.feedback-wrong{font-size:1.1rem;font-weight:600;color:#f87171;text-transform:capitalize}.game-over{text-align:center}.game-over h2{font-size:1.5rem;margin:0 0 1.5rem}.stats-grid{display:flex;justify-content:center;gap:2rem;margin-bottom:1.5rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.03em}.stat-label{font-size:.75rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.08em}.verdict{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem}.loading-spinner{display:flex;justify-content:center;padding:4rem}.spinner{width:2rem;height:2rem;border:2px solid rgba(255,255,255,.1);border-top-color:#fff9;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}