:root{--color-cream-light: #F3EFE3;--color-cream-dark: #EAE4D2;--color-green-deep: #3E5B41;--color-green: #5C7F5E;--color-gold: #C88A34;--color-text: #2B332B;--color-white: #FFFDF8;--color-error: #B5442E;--color-answer-a: oklch(62% .19 25);--color-answer-b: oklch(60% .14 250);--color-answer-c: var(--color-gold);--color-answer-d: oklch(58% .14 150);--color-correct: oklch(60% .16 150);--font-heading: "Rubik", sans-serif;--font-body: "Assistant", sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--color-cream-light);color:var(--color-text);font-family:var(--font-body);direction:rtl;min-height:100vh}h1,h2,h3{font-family:var(--font-heading);font-weight:700;color:var(--color-green-deep);margin:0}button{font-family:var(--font-body);cursor:pointer;border:none}input,select,textarea{font-size:16px;font-family:var(--font-body)}.trivia-shell{width:100%;max-width:480px;margin:0 auto;min-height:100vh;padding:24px 16px 40px}.trivia-card{background:var(--color-white);color:var(--color-text);border-radius:18px;padding:22px 18px;box-shadow:0 6px 24px #3e5b411f}.trivia-dark-shell{background:linear-gradient(155deg,#3e5b41,#233b26 55%,#182a1a);color:var(--color-white);min-height:100vh;padding:24px 16px 40px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.answer-btn{min-height:88px;border-radius:16px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--color-white);font-family:var(--font-heading);font-weight:700;font-size:16px}.answer-btn[data-variant="0"]{background:var(--color-answer-a)}.answer-btn[data-variant="1"]{background:var(--color-answer-b)}.answer-btn[data-variant="2"]{background:var(--color-answer-c)}.answer-btn[data-variant="3"]{background:var(--color-answer-d)}.answer-btn:disabled{opacity:.55}.answer-btn.answer-btn--correct{outline:3px solid var(--color-white);box-shadow:0 0 0 3px var(--color-correct);background:var(--color-correct)}.answer-btn.answer-btn--selected{outline:3px solid var(--color-white);box-shadow:0 0 0 4px var(--color-gold),0 0 20px 4px #c88a34a6;transform:scale(1.04)}.answer-btn.answer-btn--selected:disabled{opacity:1}.host-shell{width:100%;min-height:100vh;padding:28px 48px;background:radial-gradient(ellipse at 50% -10%,#3e5b41,#233b26 55%,#182a1a);color:var(--color-white)}.submit-btn{width:100%;padding:14px;border-radius:12px;background:var(--color-gold);color:var(--color-white);font-family:var(--font-heading);font-weight:700;font-size:1.05rem}.submit-btn:disabled{opacity:.5;cursor:not-allowed}