@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--brand:#2844ed;--accent:#dcfb4c;--brand-ink:#fff;--accent-ink:#111;--ink:#111;--paper:#f8f7f2;font-family:Arial,"Helvetica Neue",sans-serif;background:var(--brand);color:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.game{min-height:100dvh;max-width:1100px;margin:auto;padding:clamp(18px,3vw,34px);display:flex;flex-direction:column}.game header,.game footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--brand-ink)}.wordmark{font-size:26px;font-weight:800;font-style:italic;letter-spacing:-.07em}.wordmark small{font-size:10px;letter-spacing:.16em;font-style:normal;margin-inline-start:8px}.game header button{border:1px solid var(--brand-ink);color:var(--brand-ink);background:transparent;border-radius:50%;width:44px;height:44px}.notice{background:#ffe0d8;color:#7b1d08;border-radius:10px;padding:12px;margin:10px 0}.notice[hidden]{display:none}.game section{flex:1;display:grid;place-items:center;padding:35px 0}.game-card{background:var(--paper);border-radius:24px;padding:clamp(24px,6vw,70px);width:100%;min-height:430px;display:flex;flex-direction:column;align-items:start;justify-content:center}.game-card h1{font-size:clamp(32px,6vw,70px);font-weight:650;line-height:1.05;letter-spacing:-.045em;max-width:850px;margin:10px 0 25px}.game-card p{font-size:18px;line-height:1.4}.eyebrow{font-size:13px!important;letter-spacing:.15em;color:var(--ink);font-weight:700;text-transform:uppercase}.company-logo{max-width:min(250px,60vw);max-height:120px;object-fit:contain;margin-bottom:20px}.game-card form{width:100%;max-width:760px}.game-card form label:not(.answer){display:grid;gap:9px;font-size:16px}.game-card input[type=text],.game-card input[name=name]{border:1px solid #bbb;border-radius:10px;padding:15px;font-size:20px;width:100%;min-height:54px}.game-card button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:10px;padding:15px 24px;font-weight:700;min-height:52px;margin-top:18px}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answer{border:2px solid #d6d6d0;border-radius:14px;padding:17px;display:flex;gap:12px;align-items:center;font-size:20px;min-height:80px;cursor:pointer}.answer:has(input:checked),.answer.selected{border-color:var(--brand);background:#e7eaff}.answer.correct{border-color:#26985b;background:#def4e4}.answer input{accent-color:var(--brand)}.feedback{font-weight:700}.big-score{font-size:clamp(52px,10vw,110px)!important;font-weight:700;margin:10px 0;color:var(--ink)}.waiting-dots{display:flex;gap:8px}.waiting-dots i{display:block;width:12px;height:12px;border-radius:50%;background:var(--brand);animation:pulse 1.2s ease-in-out infinite alternate}.waiting-dots i:nth-child(2){animation-delay:.2s}.waiting-dots i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-5px)}}.game footer{font-size:13px;min-height:45px}html[dir=rtl] .wordmark{direction:ltr}@media(max-width:650px){.game-card{min-height:calc(100dvh - 165px)}.answers{grid-template-columns:1fr}.answer{min-height:64px}.game-card h1{font-size:38px}}

:root{font-family:'DM Sans',Arial,sans-serif}html[lang=ar]{font-family:'Tajawal',Tahoma,Arial,sans-serif}.brand-main,.brand-sub,.wordmark{font-family:'DM Sans',Arial,sans-serif}