:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top,#e0e7ff 0,#f8fafc 45%,#e2e8f0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.game-card{width:100%;max-width:480px;background:#fffffff5;border-radius:24px;box-shadow:0 18px 45px #0f172a2e,0 0 0 1px #94a3b826;padding:2.25rem 2rem 1.75rem;display:flex;flex-direction:column;gap:1.5rem}.toolbar-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}.category-picker{display:flex;flex-direction:column;gap:.35rem;text-align:left}.category-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.category-select{border:1px solid rgba(148,163,184,.7);border-radius:12px;padding:.45rem .9rem;font-size:.95rem;font-weight:500;color:#0f172a;background:linear-gradient(120deg,#f8fafc,#eef2ff);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.category-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.question-header{display:flex;justify-content:flex-end;font-size:.85rem;color:#64748b}.question-counter{padding:.25rem .75rem;border-radius:999px;background:#f1f5f9}.word-title{margin:0;font-size:2.4rem;letter-spacing:.05em;text-align:center;color:#0f172a}.subtitle{margin:.25rem 0 0;text-align:center;font-size:.95rem;color:#64748b}.options-grid{margin-top:1.25rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.option-button{border-radius:999px;border:1px solid rgba(148,163,184,.7);padding:.7rem .9rem;font-size:.95rem;font-weight:500;background:#fff;color:#0f172a;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .12s ease,box-shadow .15s ease,color .15s ease;box-shadow:0 8px 20px #94a3b82e}.option-button:hover:not(:disabled){transform:translateY(-1px);border-color:#6366f1;box-shadow:0 12px 30px #818cf847}.option-button--correct{background:#16a34a;border-color:#15803d;color:#fff;box-shadow:0 10px 25px #16a34a66}.option-button--wrong{background:#ef4444;border-color:#b91c1c;color:#fff;box-shadow:0 10px 25px #ef444466}.option-button--disabled{background:#f8fafc;color:#94a3b8;box-shadow:none}.option-button:disabled{cursor:default}.status-row{margin-top:.75rem;display:flex;align-items:center;gap:1rem}.feedback{flex:1;font-size:.9rem;color:#475569}.next-button{border-radius:999px;padding:.55rem 1.4rem;border:none;font-size:.95rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;cursor:pointer;box-shadow:0 10px 30px #4f46e559;transition:transform .12s ease,box-shadow .15s ease,opacity .12s ease}.next-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 40px #4f46e580}.next-button:disabled{opacity:.45;cursor:default;box-shadow:none}.ad-container{margin:0 auto;width:100%}@media(max-width:600px){.game-card{padding:1.75rem 1.4rem 1.4rem;border-radius:18px}.toolbar-row{align-items:stretch}.word-title{font-size:2rem}.options-grid{grid-template-columns:1fr}}