@font-face{font-family:QuizArabic;src:url('/drawing-game/arabic-d7c65c17615b.woff') format('woff');font-display:swap}
html.overlay,html.overlay body{margin:0;width:100%;height:100%;background:transparent!important;overflow:hidden}body.overlay-body{font-family:QuizArabic,Arial,sans-serif;color:#fff}*{box-sizing:border-box}.quiz-frame{position:relative;width:100%;height:100%;--panel-opacity:.68;--quiz-font:26px;--quiz-width:1120px;--quiz-bottom:24px;color:#fff;font-family:QuizArabic,Arial,sans-serif;direction:rtl}.quiz-card{position:absolute;bottom:var(--quiz-bottom);left:50%;transform:translateX(-50%);width:min(var(--quiz-width),calc(100% - 32px));padding:16px 20px;border:1px solid #a9b9d155;border-radius:22px;background:rgba(10,16,29,var(--panel-opacity));box-shadow:0 8px 32px #0004;backdrop-filter:blur(5px)}.quiz-card-head{display:flex;align-items:center;gap:12px;font-size:12px;color:#cfdbf2}.quiz-brand{font-weight:700;color:#b5caff}.question-number{margin-inline-start:auto}.quiz-card-head>.phase-clock{display:grid;place-content:center;min-width:33px;height:33px;border:1px solid #9abaff88;border-radius:11px;color:#fff;background:#94abff22;font:700 18px system-ui}.demo-label{color:#ffda80}.paused-label{color:#ffb880}.reveal-label{color:#78efbe}.question-text{font-size:var(--quiz-font);line-height:1.55;font-weight:700;margin:9px 0 14px;text-align:start;overflow-wrap:anywhere}.quiz-answers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.answer-box{position:relative;display:flex;align-items:center;gap:9px;border:2px solid #8dafff;border-radius:17px;padding:10px 12px;min-height:48px;background:#b5caff0c;box-shadow:0 0 6px #8dafff77,inset 0 0 9px #8dafff18;transition:border-color .25s,box-shadow .25s,background .25s}.answer-number{font:800 17px system-ui;color:#ccd9ff;flex-shrink:0}.answer-text{font-size:calc(var(--quiz-font)*.72);line-height:1.5;overflow-wrap:anywhere}.answer-result{margin-inline-start:auto;font-size:18px;font-family:system-ui}.answer-correct{border-color:#57f7aa;box-shadow:0 0 15px #32f69c99,inset 0 0 18px #32f69c22;background:#0c744638}.answer-wrong{border-color:#ff6478;box-shadow:0 0 12px #ff425b77,inset 0 0 15px #ff425b11;background:#9f183124}.answer-correct .answer-number,.answer-correct .answer-result{color:#7bffc0}.answer-wrong .answer-number,.answer-wrong .answer-result{color:#ff9dac}.quiz-card-foot{display:flex;justify-content:space-between;gap:12px;color:#c4cfdf;font-size:11px;margin-top:11px}.quiz-mini-board{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px solid #ffffff1f;font-size:11px;color:#e4eaf4}.quiz-mini-board>span{display:flex;gap:5px}.quiz-mini-board small{color:#a9beff;margin-inline-start:4px}.quiz-countdown{position:absolute;bottom:var(--quiz-bottom);left:50%;transform:translateX(-50%);padding:14px 25px;text-align:center;width:max-content;max-width:calc(100% - 24px);border:1px solid #a8bdff99;border-radius:20px;background:rgba(10,16,29,var(--panel-opacity));font-size:clamp(17px,2vw,25px);box-shadow:0 0 20px #7297ff22}.quiz-countdown .phase-clock{display:inline-block;color:#ffdc8e;min-width:38px;font-family:system-ui;font-size:1.3em}.celebration{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#b387fb15,transparent 75%)}.winner-banner{z-index:2;width:min(680px,90%);padding:30px 28px;text-align:center;background:rgba(12,17,31,var(--panel-opacity));border:2px solid #f1c87b;border-radius:35px;box-shadow:0 0 35px #ffd58b55,inset 0 0 35px #ffd58b0b;backdrop-filter:blur(6px);animation:winner-in .5s ease-out}.winner-crown{color:#f6ce7e;text-shadow:0 0 20px #ffc761;font:70px/1.1 Georgia,serif}.winner-eyebrow{margin:12px 0 0;font-size:18px;color:#d8c29d}.winner-banner h1{font-size:clamp(38px,6vw,78px);line-height:1.25;margin:12px 0;color:#ffe2a7}.winner-name{display:block;font-size:clamp(25px,4vw,50px);line-height:1.5;color:#fff;overflow-wrap:anywhere}.winner-points{color:#d4dded;font-size:22px}.winner-banner>.phase-clock{color:#aab7d0;font:14px system-ui}.confetti{position:absolute;inset:0;pointer-events:none}.confetti i{position:absolute;left:var(--x);top:-8%;width:10px;height:18px;border-radius:3px;background:var(--color);box-shadow:0 0 9px var(--color);animation:confetti-fall 3.2s linear infinite;animation-delay:var(--delay)}@keyframes confetti-fall{to{transform:translate(var(--drift),115vh) rotate(700deg)}}@keyframes winner-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.quiz-card{padding:13px;border-radius:18px;width:calc(100% - 22px)}.quiz-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.question-text{font-size:clamp(18px,4.3vw,var(--quiz-font))}.answer-text{font-size:clamp(14px,3vw,19px)}.answer-box{padding:9px;min-height:46px;border-radius:14px}.quiz-card-foot{font-size:10px;flex-direction:column;gap:4px}.quiz-card-head{font-size:10px;gap:7px}.quiz-mini-board{gap:8px;font-size:10px}.winner-banner{padding:24px 16px}.winner-points{font-size:17px}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.winner-banner{animation:none}.answer-box{transition:none}}

.question-line{display:flex;align-items:center;gap:16px}.question-line .question-text{flex:1}.question-flag{width:80px;max-height:55px;object-fit:contain;filter:drop-shadow(0 2px 5px #0005);flex-shrink:0}@media(max-width:700px){.question-flag{width:58px;max-height:42px}.question-line{gap:10px}}

@media(orientation:portrait){.quiz-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-card{padding:22px}.question-text{font-size:clamp(25px,4vw,42px)}.answer-text{font-size:clamp(19px,3vw,32px)}.answer-box{min-height:65px;padding:15px}.answer-number{font-size:25px}.quiz-card-head{font-size:18px}.quiz-card-head>.phase-clock{font-size:25px;width:45px;height:45px}.quiz-card-foot{font-size:17px}.quiz-mini-board{font-size:16px}.question-flag{width:100px;max-height:67px}}