/* شاشة السؤال: تصميم أصلي لهوية تكّاوي، مستلهم من وضوح شاشات المسابقات. */
.scorebar { position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;transform:none!important;width:100%!important;z-index:30!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:10px 24px calc(10px + env(safe-area-inset-bottom))!important;border-radius:0!important;background:#211d1aee!important;box-shadow:0 -14px 38px #0002!important;backdrop-filter:blur(12px) }
.scorebar .team { min-height:64px!important;display:grid!important;grid-template-columns:1fr auto auto!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;background:#39322d!important;border:1px solid #ffffff19!important;border-radius:16px!important }
.scorebar .team>span:first-child { font-size:16px!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }.scorebar .team>b { font-size:27px!important;color:#ff9a7d!important }.scorebar .scoreBtns { grid-column:auto!important;display:flex!important;gap:6px!important }.scorebar .scoreBtns button { width:34px!important;height:34px!important;background:#fff!important;color:#29241f!important;border:0!important;border-radius:50%!important;font-weight:900!important }
.gameBoard,.questionLayout { margin-left:0!important;width:100%!important }
.questionLayout { min-height:calc(100vh - 78px);padding:24px 28px 118px!important;display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;gap:22px!important;direction:rtl;background:radial-gradient(circle at 50% 5%,#fffaf2 0,#f7f0e4 56%,#ecdeca 100%) }
.questionScreen { position:relative;overflow:hidden;max-width:1000px!important;width:100%!important;margin:0 auto!important;padding:24px 34px 30px!important;border:1px solid #ddc8ad!important;border-radius:30px!important;background:#fffaf2!important;box-shadow:0 25px 70px #4a322022!important;text-align:center }
.questionScreen:before { content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#29241f,#c75238,#f0b15a,#c75238,#29241f) }
.questionKicker { display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:#8b7766;font-size:13px }.questionKicker span { padding:7px 12px;border-radius:999px;background:#29241f;color:#fff }.questionKicker strong { font-weight:700 }
.qmeta { justify-content:center!important;gap:9px!important }.qmeta span { background:#edddc7!important;color:#5b4435!important;border:1px solid #dec5a7!important;border-radius:999px!important;padding:8px 14px!important;font-weight:800 }
.questionScreen h1 { max-width:850px;margin:18px auto!important;font-size:clamp(28px,4vw,48px)!important;line-height:1.55!important;letter-spacing:-.025em }
.timerRow { margin:10px auto 4px!important }.clock { width:96px!important;height:96px!important;border:9px solid #ead8c0!important;border-top-color:#c75238!important;background:#fffaf2!important;color:#29241f!important;font-size:31px!important;box-shadow:0 0 0 7px #c7523810;transition:.25s }
.clock.urgentTime { color:#9b6600!important;border-color:#f4dfa5!important;border-top-color:#e5a900!important;background:#fff9db!important;box-shadow:0 0 0 8px #f0bd2d22;animation:urgentPulse .55s ease-in-out infinite alternate }
@keyframes urgentPulse { to { transform:scale(1.07) } }
.clock.opponentTime { color:#c51f2c!important;border-color:#f3b6b6!important;border-top-color:#c51f2c!important;background:#fff0f0!important;box-shadow:0 0 0 9px #c51f2c17;animation:opponentPulse .7s ease-in-out infinite alternate }
@keyframes opponentPulse { to { transform:scale(1.08);box-shadow:0 0 0 13px #c51f2c0b } }
.opponentTimeLabel { display:grid;gap:5px;margin:8px auto 15px!important;color:#bd1c28!important;text-align:center!important;animation:rivalWarning .34s ease-in-out infinite alternate;transform-origin:center }.opponentTimeLabel b { font-size:18px }.opponentTimeLabel span { font-size:13px;font-weight:700 }
@keyframes rivalWarning { from { opacity:.58;transform:translateX(-2px) rotate(-.25deg) } to { opacity:1;transform:translateX(2px) rotate(.25deg) } }
.revealAnswerButton { display:block!important;margin:20px auto 12px!important;min-width:190px!important;background:#29241f!important;color:white!important;border-color:#29241f!important }
.answerBox { max-width:780px;margin:14px auto!important;padding:17px!important;border:2px dashed #c75238!important;border-radius:17px!important;background:#fff3e4!important;font-size:18px!important }
.teamBtns { max-width:900px;width:100%!important;margin:12px auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important }.resultPrompt { grid-column:1/-1;font-size:14px;font-weight:800;color:#78685b;margin-bottom:2px }.teamBtns button { width:100%!important;min-width:0!important;min-height:56px!important;border-radius:15px!important }.teamBtns .answerRight { grid-column:1!important;grid-row:2!important }.teamBtns .nobodyAnswer { grid-column:2!important;grid-row:2!important;background:#fffaf2!important;color:#29241f!important;border:2px solid #d5c3ad!important }.teamBtns .answerLeft { grid-column:3!important;grid-row:2!important }.teamBtns .teamAnswer { color:#fff!important;border:1px solid #ef9c79!important;background:linear-gradient(125deg,#7f3027 0%,#c94d37 42%,#e36d49 72%,#f0a25e 100%)!important;box-shadow:0 9px 24px #a53d2f35!important;text-shadow:0 1px 2px #64211755 }
.abilitySide { align-self:start!important;position:sticky!important;top:16px!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:12px!important;border-radius:24px!important;background:#29241f!important;box-shadow:0 20px 45px #0002 }.abilitiesTitle { padding:7px 5px 10px;color:white;text-align:center }.abilitiesTitle b,.abilitiesTitle small { display:block }.abilitiesTitle small { margin-top:5px;color:#cfbfae;font-size:10px }.abilitySide button { min-height:75px!important;border:1px solid #e0c6a5!important;border-radius:15px!important;background:#fff8ec!important;color:#29241f!important }.abilitySide button:disabled { opacity:.48!important }.abilitySide img { width:38px!important;height:38px!important;object-fit:contain }
html[data-theme="dark"] .questionLayout { background:radial-gradient(circle at 50% 5%,#302820,#171411 65%)!important }html[data-theme="dark"] .questionScreen { background:#24201c!important;border-color:#514234!important }html[data-theme="dark"] .clock { background:#24201c!important;color:#fff7ec!important }html[data-theme="dark"] .answerBox { background:#32271e!important;color:#fff7ec!important }
@media(max-width:720px) { .questionLayout { min-height:auto!important;grid-template-columns:1fr!important;padding:10px 10px 190px!important }.questionScreen { padding:18px 12px 24px!important;border-radius:21px!important }.questionKicker { align-items:flex-start;flex-direction:column }.questionScreen h1 { font-size:25px!important }.abilitySide { position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;order:2!important }.abilitiesTitle { grid-column:1/-1 }.teamBtns { grid-template-columns:1fr!important }.resultPrompt,.teamBtns .answerRight,.teamBtns .nobodyAnswer,.teamBtns .answerLeft { grid-column:1!important;grid-row:auto!important }.scorebar { padding:7px 7px calc(7px + env(safe-area-inset-bottom))!important;gap:6px!important }.scorebar .team { grid-template-columns:1fr auto!important;padding:8px!important;gap:5px!important;min-height:68px!important }.scorebar .team>span:first-child { font-size:12px!important }.scorebar .team>b { font-size:21px!important }.scorebar .scoreBtns { grid-column:1/-1!important;justify-content:center!important }.scorebar .scoreBtns button { width:28px!important;height:28px!important }.clock { width:82px!important;height:82px!important;font-size:25px!important }.qmedia { max-height:30vh!important } }

/* إبقاء خيارات حسم السؤال ظاهرة وتقليل مساحة لوحة الفريقين */
body:has(.questionScreen) .questionLayout { padding-top:10px!important;padding-bottom:76px!important }
body:has(.questionScreen) .questionScreen { padding-top:16px!important;padding-bottom:15px!important }
body:has(.questionScreen) .questionKicker { margin-bottom:7px!important }
body:has(.questionScreen) .qmeta span { padding:6px 12px!important }
body:has(.questionScreen) .timerRow { margin:4px auto 0!important }
body:has(.questionScreen) .clock { width:78px!important;height:78px!important;border-width:7px!important;font-size:25px!important;margin:6px auto!important }
body:has(.questionScreen) .questionScreen h1 { font-size:clamp(25px,3.25vw,40px)!important;line-height:1.4!important;margin:9px auto!important }
body:has(.questionScreen) .qmedia { max-height:25vh!important }
body:has(.questionScreen) .revealAnswerButton { min-height:42px!important;margin:9px auto 6px!important;padding:9px 16px!important }
body:has(.questionScreen) .answerBox { margin:7px auto!important;padding:11px!important }
body:has(.questionScreen) .teamBtns { margin-top:5px!important;gap:7px!important }
body:has(.questionScreen) .teamBtns button { min-height:44px!important;padding:9px 12px!important }
body:has(.questionScreen) .resultPrompt { margin:0!important;font-size:12px!important }
body:has(.questionScreen) .scorebar { padding:5px 16px calc(5px + env(safe-area-inset-bottom))!important;gap:8px!important }
body:has(.questionScreen) .scorebar .team { min-height:48px!important;padding:5px 10px!important;grid-template-columns:1fr auto auto!important }
body:has(.questionScreen) .scorebar .team>b { font-size:21px!important }
body:has(.questionScreen) .scorebar .scoreBtns button { width:28px!important;height:28px!important;font-size:17px!important }
@media(max-width:720px) { body:has(.questionScreen) .questionLayout { padding-bottom:132px!important } body:has(.questionScreen) .scorebar .team { grid-template-columns:1fr auto!important;min-height:58px!important } body:has(.questionScreen) .scorebar .scoreBtns { grid-column:1/-1!important } }