: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}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{max-width:28rem;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff05}.game-card{width:100%;max-width:32rem;display:flex;flex-direction:column;gap:1.25rem}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem}h1{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.title{font-size:1.75rem}.subtitle{margin:0;color:#ffffffa6;font-size:.95rem;line-height:1.6}.subtitle strong{color:#a78bfa;font-weight:600}.hud{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hud-score{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:#a78bfa;font-weight:600}.streak-badge{font-size:.8rem;background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:#fb923c;padding:.15rem .5rem;border-radius:1rem;font-weight:600}.phrase{font-size:1.15rem;line-height:1.8;color:#ffffffd9}.blank-placeholder{display:inline-block;background:#a78bfa26;border:1px dashed rgba(167,139,250,.4);border-radius:.35rem;padding:.1rem .6rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#a78bfa;font-weight:600;margin:0 .15rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.blank-word{display:inline-block;padding:.1rem .5rem;border-radius:.35rem;font-weight:600;margin:0 .15rem}.blank-word.correct{background:#4ade8026;border:1px solid rgba(74,222,128,.4);color:#4ade80}.blank-word.wrong{background:#f8717126;border:1px solid rgba(248,113,113,.4);color:#f87171;text-decoration:line-through}.options{display:flex;flex-direction:column;gap:.5rem}.btn{font-family:inherit;font-size:.95rem;border:none;cursor:pointer;border-radius:.5rem;transition:all .15s ease}.btn.primary{background:#a78bfa;color:#0a0a0a;padding:.75rem 1.5rem;font-weight:600}.btn.primary:hover{background:#c4b5fd;transform:translateY(-1px)}.btn.option{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;padding:.65rem 1rem;text-align:left}.btn.option:hover{background:#a78bfa1a;border-color:#a78bfa4d;color:#fafafa}.feedback{display:flex;flex-direction:column;gap:1rem;text-align:center}.feedback-correct{color:#4ade80;font-weight:600;margin:0;font-size:1rem}.feedback-wrong{color:#f87171;margin:0;font-size:1rem}.feedback-wrong strong{color:#4ade80}.score-display{display:flex;align-items:baseline;gap:.5rem}.score-number{font-size:3.5rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-label{font-size:1rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.winner-msg{color:#fbbf24;font-weight:600;margin:0;font-size:.95rem}@media(max-width:480px){.shell{padding:1rem}.card{padding:1.25rem}.title{font-size:1.4rem}.phrase{font-size:1rem}.score-number{font-size:2.5rem}}