.qml-player-app {
	min-height: 70vh;
	background: radial-gradient(circle at top, var(--qml-bg-light), var(--qml-bg));
	color: var(--qml-text);
	border-radius: var(--qml-radius);
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.qml-player-loading { display: flex; align-items: center; justify-content: center; min-height: 200px; }

.qml-join-card {
	width: 100%; max-width: 420px;
	background: var(--qml-surface);
	border-radius: var(--qml-radius);
	padding: 28px 22px;
	box-shadow: var(--qml-shadow);
}
.qml-join-card h1 {
	font-size: 26px; margin: 0 0 4px;
	background: linear-gradient(90deg, var(--qml-secondary), var(--qml-accent));
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
.qml-join-card p.qml-sub { color: var(--qml-text-dim); margin: 0 0 20px; }
.qml-join-card .qml-input { margin-bottom: 14px; text-align: center; letter-spacing: 2px; font-size: 22px; }
.qml-join-card input[name="nickname"] { letter-spacing: normal; font-size: 16px; }

.qml-lobby { width: 100%; max-width: 420px; }
.qml-lobby .qml-nickname-display { font-size: 28px; font-weight: 800; margin: 10px 0; }
.qml-lobby .qml-waiting-pulse {
	width: 16px; height: 16px; border-radius: 50%;
	background: var(--qml-secondary); display: inline-block; margin-right: 8px;
	animation: qml-pulse 1.2s ease infinite;
}
@keyframes qml-pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }

.qml-question-screen { width: 100%; max-width: 520px; }
.qml-question-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.qml-timer-badge {
	background: var(--qml-warn); color: #2b1c00; font-weight: 800; border-radius: 999px;
	width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; font-size: 18px;
}
.qml-question-text { font-size: 20px; font-weight: 700; margin: 10px 0 20px; line-height: 1.35; }
.qml-question-media { max-width: 100%; border-radius: var(--qml-radius-sm); margin-bottom: 16px; }

.qml-answer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.qml-answer-btn {
	border: none; border-radius: var(--qml-radius-sm); padding: 22px 14px; min-height: 84px;
	font-size: 17px; font-weight: 700; color: #fff; cursor: pointer; text-align: left;
	display: flex; align-items: center; gap: 10px; box-shadow: 0 5px 0 rgba(0,0,0,.25);
	transition: transform .08s ease;
}
.qml-answer-btn:active { transform: translateY(4px); box-shadow: 0 1px 0 rgba(0,0,0,.25); }
.qml-answer-btn .qml-shape { width: 22px; height: 22px; flex-shrink: 0; }
.qml-answer-btn.qml-a { background: var(--qml-ans-a); }
.qml-answer-btn.qml-b { background: var(--qml-ans-b); }
.qml-answer-btn.qml-c { background: var(--qml-ans-c); color: #fff; }
.qml-answer-btn.qml-d { background: var(--qml-ans-d); }
.qml-answer-btn.qml-e { background: var(--qml-ans-e); }
.qml-answer-btn.qml-f { background: var(--qml-ans-f); }
.qml-answer-btn.qml-selected { outline: 4px solid #fff; }
.qml-answer-btn:disabled { opacity: .55; cursor: default; }
.qml-answer-grid.qml-single-col { grid-template-columns: 1fr; }

.qml-slider-wrap { margin: 20px 0; }
.qml-slider-value { font-size: 34px; font-weight: 800; margin-bottom: 10px; }
.qml-slider-wrap input[type=range] { width: 100%; }

.qml-answered-screen { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.qml-answered-check { font-size: 60px; }

.qml-reveal-screen { width: 100%; max-width: 420px; }
.qml-reveal-icon { font-size: 64px; margin-bottom: 6px; }
.qml-reveal-title { font-size: 26px; font-weight: 800; }
.qml-reveal-points { font-size: 40px; font-weight: 900; margin: 12px 0; color: var(--qml-warn); }
.qml-reveal-explanation { color: var(--qml-text-dim); margin-top: 10px; }

.qml-leaderboard-screen { width: 100%; max-width: 420px; }
.qml-leaderboard-list { list-style: none; margin: 16px 0; padding: 0; text-align: left; }
.qml-leaderboard-list li {
	display: flex; align-items: center; justify-content: space-between;
	background: rgba(255,255,255,.06); border-radius: var(--qml-radius-sm);
	padding: 10px 14px; margin-bottom: 8px; font-weight: 700;
}
.qml-leaderboard-list li.qml-me { background: rgba(0,194,168,.25); border: 1px solid var(--qml-secondary); }
.qml-rank-badge { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:50%; background: rgba(255,255,255,.15); margin-right: 10px; font-size: 13px; }

.qml-final-podium { display: flex; align-items: flex-end; justify-content: center; gap: 10px; margin: 20px 0; }
.qml-podium-col { width: 90px; text-align: center; }
.qml-podium-bar { border-radius: 8px 8px 0 0; display: flex; align-items: flex-start; justify-content: center; padding-top: 8px; font-weight: 800; color: #2b1c00; }
.qml-podium-col.qml-p1 .qml-podium-bar { height: 120px; background: var(--qml-warn); }
.qml-podium-col.qml-p2 .qml-podium-bar { height: 90px; background: #C0C7D1; }
.qml-podium-col.qml-p3 .qml-podium-bar { height: 65px; background: #C68A4A; }

@media (max-width: 480px) {
	.qml-answer-grid { grid-template-columns: 1fr; }
}

.qml-player-app{border-top:6px solid var(--qml-red)}.qml-join-card h1{color:var(--qml-red)}.qml-answer-btn{background:#fff}.qml-match-grid button{font-weight:600}

.qml-player-app{background:#fff!important;color:#1b1b1b!important;}
.qml-join-card{background:#fff!important;border:1px solid #e3e3e3;}
.qml-join-card h1{background:none!important;color:#d71920!important;-webkit-text-fill-color:#d71920!important;}
.qml-join-card p.qml-sub,.qml-reveal-explanation{color:#555!important;}
.qml-timer-badge{background:#fff1f1!important;color:#7a0b10!important;border:2px solid #d71920;}
.qml-answer-btn{background:#d71920!important;color:#fff!important;}
.qml-answer-btn.qml-b,.qml-answer-btn.qml-c,.qml-answer-btn.qml-d,.qml-answer-btn.qml-e,.qml-answer-btn.qml-f{background:#b51218!important;color:#fff!important;}
.qml-answer-btn.qml-selected{outline:4px solid #111!important;}
.qml-answered-screen,.qml-reveal-screen,.qml-leaderboard-screen{color:#1b1b1b!important;}
.qml-leaderboard-list li{background:#f7f7f7!important;color:#1b1b1b!important;border:1px solid #ddd;}
.qml-leaderboard-list li.qml-me{background:#fff1f1!important;border-color:#d71920!important;}
.qml-podium-col.qml-p1 .qml-podium-bar,.qml-podium-col.qml-p2 .qml-podium-bar,.qml-podium-col.qml-p3 .qml-podium-bar{background:#d71920!important;color:#fff!important;}

.qml-player-app{position:relative;}
.qml-player-fullscreen-btn{position:absolute;right:14px;top:14px;z-index:50;border:2px solid #d71920;background:#fff;color:#d71920;border-radius:8px;padding:8px 12px;font-weight:800;cursor:pointer;}
.qml-player-app:fullscreen{width:100vw;height:100vh;min-height:100vh;max-width:none;border-radius:0;padding:28px;overflow:auto;background:#fff!important;}
.qml-player-app:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh;max-width:none;border-radius:0;padding:28px;overflow:auto;background:#fff!important;}
@media(max-width:700px){.qml-player-fullscreen-btn{right:8px;top:8px;font-size:12px;padding:7px 9px}.qml-player-app:fullscreen,.qml-player-app:-webkit-full-screen{padding:14px;}}


/* Fullscreen fallback for iOS/Safari and touch devices where the Fullscreen API is unavailable. */
.qml-pseudo-fullscreen {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  z-index: 2147483647 !important;
  overflow: auto !important;
  background: #fff !important;
  padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)) !important;
  box-sizing: border-box !important;
  -webkit-overflow-scrolling: touch;
}
html.qml-touch-fullscreen-active, body.qml-touch-fullscreen-active {
  overflow: hidden !important;
  touch-action: manipulation;
}
.qml-pseudo-fullscreen .qml-player-fullscreen-btn { position: fixed !important; top: max(10px, env(safe-area-inset-top)); right: max(10px, env(safe-area-inset-right)); z-index: 2147483648 !important; }

/* Ordering question */
.qml-ordering-board{display:flex;flex-direction:column;gap:10px;margin:16px 0;touch-action:none;}
.qml-ordering-item{display:flex;align-items:center;gap:12px;min-height:56px;padding:13px 16px;background:#fff;border:2px solid #d71920;border-radius:10px;color:#1b1b1b;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:grab;user-select:none;-webkit-user-select:none;}
.qml-ordering-item.qml-dragging{opacity:.65;transform:scale(.99);}
.qml-ordering-item .qml-drag-handle{font-size:22px;color:#d71920;flex:0 0 auto;}
.qml-ordering-label{flex:1;text-align:left;word-break:break-word;}
.qml-ordering-board .qml-ordering-item:active{cursor:grabbing;}

/* On touch devices the player uses a CSS fullscreen layer, which does not
   collapse when the on-screen keyboard opens. The only in-app exit is X. */
.qml-pseudo-fullscreen{overscroll-behavior:none;-webkit-user-select:none;user-select:none;}
.qml-pseudo-fullscreen input,.qml-pseudo-fullscreen textarea,.qml-pseudo-fullscreen select{user-select:text;-webkit-user-select:text;}
.qml-pseudo-fullscreen .qml-player-fullscreen-btn{width:44px;height:44px;padding:0!important;border-radius:50%!important;font-size:22px!important;line-height:1;display:flex;align-items:center;justify-content:center;}

/* v2.1.5: viewport-level mobile fullscreen. The player is temporarily moved
   directly under <body> so Divi containers cannot clip or stack it underneath. */
html.qml-touch-fullscreen-active,
body.qml-touch-fullscreen-active {
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
}
body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen {
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  transform:none !important;
  overflow:auto !important;
  background:#fff !important;
  box-sizing:border-box !important;
  padding-top:max(12px, env(safe-area-inset-top)) !important;
  padding-right:max(12px, env(safe-area-inset-right)) !important;
  padding-bottom:max(12px, env(safe-area-inset-bottom)) !important;
  padding-left:max(12px, env(safe-area-inset-left)) !important;
  -webkit-overflow-scrolling:touch !important;
}
body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-player-fullscreen-btn {
  position:fixed !important;
  top:max(10px, env(safe-area-inset-top)) !important;
  right:max(10px, env(safe-area-inset-right)) !important;
  z-index:2147483648 !important;
}

/* v2.1.6: matching pairs may be text, image, or image-only */
.qml-match-content{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%;min-width:0}
.qml-match-label{display:block;word-break:break-word}
.qml-match-image{display:block;width:auto;max-width:100%;height:110px;max-height:22vw;object-fit:contain;border-radius:8px;background:#fff}
.qml-match-left,.qml-match-right{min-height:72px}
@media(max-width:700px){.qml-match-image{height:90px;max-height:30vw}.qml-match-board{gap:8px}}

/* v2.5.1 matching interaction polish */
.qml-match-right { -webkit-tap-highlight-color:transparent; }

/* v2.6.1 – mobile fullscreen uses only the X while fullscreen is active */
.qml-player-fullscreen-btn.qml-player-fullscreen-close { width:44px !important; height:44px !important; padding:0 !important; border-radius:50% !important; font-size:22px !important; line-height:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; }


/* v2.6.5: all answer tiles use the same visual state; the first option must
   not look preselected. */
.qml-answer-btn,
.qml-answer-btn.qml-a,
.qml-answer-btn.qml-b,
.qml-answer-btn.qml-c,
.qml-answer-btn.qml-d,
.qml-answer-btn.qml-e,
.qml-answer-btn.qml-f {
  background:#d71920 !important;
  color:#fff !important;
}
.qml-answer-btn:disabled { opacity:.55; }

.qml-reveal-correct-order {
  margin:18px auto 0; padding:14px 18px; max-width:420px; text-align:left;
  background:#f7f7f7; border:1px solid #ddd; border-radius:12px; color:#1b1b1b;
}
.qml-reveal-correct-order ol { margin:8px 0 0 22px; padding:0; }
.qml-reveal-correct-order li { margin:5px 0; }
.qml-reveal-icon { font-size:44px; line-height:1; margin-bottom:10px; }


/* v2.6.6: reveal points use a clear correctness colour instead of warning yellow. */
.qml-reveal-points.qml-points-positive { color:#159447 !important; }
.qml-reveal-points.qml-points-negative { color:#d71920 !important; }

/* v2.6.8: the icon needs clearly more room before the result text — bring it
   in line with the gap already used around the score block further down. */
.qml-reveal-icon { margin-bottom:36px !important; }

/* v2.6.6: ordering uses the same lift / settle / FLIP movement as matching. */
.qml-ordering-item.qml-flip-move { transition:transform .26s cubic-bezier(.2,.8,.2,1); }
.qml-ordering-item.qml-dragging { opacity:.78; transform:translateY(-4px) scale(1.025); box-shadow:0 12px 28px rgba(0,0,0,.16); }
.qml-ordering-item.qml-drop-settle { animation:qml-order-drop-settle .32s cubic-bezier(.2,.8,.2,1); }
@keyframes qml-order-drop-settle { 0%{transform:translateY(-5px) scale(1.025)} 55%{transform:translateY(2px) scale(.99)} 100%{transform:translateY(0) scale(1)} }

/* v2.6.6: submitted is a neutral state, not a correctness check. */
.qml-answered-screen .qml-answered-check { display:none !important; }

/* v2.6.7: ordering cards use the same lift/FLIP/drop motion as matching cards. */
.qml-ordering-item.qml-flip-move { transition: transform .26s cubic-bezier(.2,.8,.2,1); }
.qml-ordering-item.qml-dragging { opacity:.82 !important; transform:translateY(-6px) scale(1.025) !important; box-shadow:0 14px 30px rgba(0,0,0,.18) !important; z-index:2; }
.qml-ordering-item.qml-drop-settle { animation:qml-order-drop-settle .32s cubic-bezier(.2,.8,.2,1); }
@keyframes qml-order-drop-settle { 0%{transform:translateY(-6px) scale(1.025)} 55%{transform:translateY(2px) scale(.99)} 100%{transform:translateY(0) scale(1)} }
/* v2.6.7: acquired points are always green; zero points remain red. */
.qml-reveal-points.qml-points-positive { color:#159447 !important; }


/* v2.8.0 */
.qml-player-toolbar{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:2147483648;display:flex;gap:7px}
.qml-player-sound-btn{width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 3px 14px rgba(0,0,0,.16);font-size:20px;cursor:pointer}
.qml-task-type{display:block;width:max-content;max-width:100%;margin:7px auto 12px;padding:5px 11px;border-radius:999px;background:#f3f4f6;color:#555;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.qml-sorting-items{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px;justify-content:center;min-height:44px}
.qml-sorting-item{display:flex;align-items:center;justify-content:center;gap:7px;min-width:90px;min-height:52px;padding:8px 11px;background:#fff;border:2px solid #d71920;border-radius:10px;font-weight:700;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 2px 8px rgba(0,0,0,.07)}
.qml-sorting-item img{max-width:90px;max-height:65px;object-fit:contain;border-radius:6px}
.qml-sorting-item.qml-sorting-selected{outline:3px solid #333;transform:scale(1.03)}
.qml-sorting-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.qml-sorting-category{position:relative;min-height:150px;padding:14px;border:2px dashed #aaa;border-radius:14px;overflow:hidden;background:#f8f8f8;isolation:isolate}
.qml-sorting-category>strong{position:relative;z-index:2;display:block;text-align:center;margin-bottom:9px}
.qml-sorting-watermark{position:absolute;z-index:0;inset:20px;max-width:calc(100% - 40px);max-height:calc(100% - 50px);width:100%;height:100%;object-fit:contain;opacity:.12;pointer-events:none}
.qml-sorting-dropzone{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;min-height:82px;align-content:flex-start}
.qml-sorting-dropzone .qml-sorting-item{min-width:75px;flex:1 1 90px}
@media(max-width:700px){
  .qml-sorting-categories{grid-template-columns:1fr}
  .qml-sorting-category{min-height:120px}
}
body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-player-toolbar{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}
@media (orientation:landscape) and (max-height:600px){
  body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen{font-size:90%!important}
  body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-question-screen{max-width:760px}
  body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-question-text{font-size:18px;margin:7px 0 12px}
  body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-answer-grid{gap:7px}
  body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-answer-btn{min-height:48px;padding:8px 10px}
  body.qml-touch-fullscreen-active > .qml-player-app.qml-pseudo-fullscreen .qml-sorting-category{min-height:100px;padding:9px}
}

/* v2.8.1: tactile sorting drag feedback */
.qml-sorting-item{transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}
.qml-sorting-item.qml-sorting-dragging{opacity:.18!important;transform:scale(.94)!important;box-shadow:0 2px 6px rgba(0,0,0,.08)!important;cursor:grabbing}
.qml-sorting-category.qml-sorting-drop-target{border-color:#d71920!important;background:#fff7f7!important;box-shadow:inset 0 0 0 3px rgba(215,25,32,.10),0 8px 20px rgba(0,0,0,.08);transform:scale(1.01)}
.qml-sorting-touch-ghost{position:fixed!important;z-index:2147483646!important;pointer-events:none!important;left:0;top:0;opacity:.96!important;transform:rotate(2deg) scale(.94)!important;box-shadow:0 20px 42px rgba(0,0,0,.34)!important;transition:none!important}

/* v2.8.3 — unified professional pointer drag interaction. The original item
   stays in the layout while a real floating copy follows the pointer/finger. */
.qml-floating-drag-ghost {
  position: fixed !important;
  z-index: 2147483647 !important;
  pointer-events: none !important;
  margin: 0 !important;
  opacity: 1 !important;
  transform: rotate(1.5deg) scale(.96) !important;
  transform-origin: center center !important;
  box-shadow: 0 22px 50px rgba(0,0,0,.30), 0 6px 16px rgba(0,0,0,.14) !important;
  transition: none !important;
  will-change: left, top, transform;
}
.qml-pointer-drag-source {
  opacity: .22 !important;
  transform: scale(.985) !important;
  box-shadow: none !important;
}
.qml-match-right.qml-dragging,
.qml-ordering-item.qml-dragging,
.qml-sorting-item.qml-sorting-dragging {
  opacity: .22 !important;
  transform: scale(.985) !important;
  box-shadow: none !important;
}
.qml-match-right,
.qml-ordering-item,
.qml-sorting-item {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.qml-sorting-category.qml-sorting-drop-target {
  transform: translateY(-3px) scale(1.012);
  box-shadow: 0 14px 34px rgba(0,0,0,.16), 0 0 0 3px rgba(215,25,32,.20) !important;
}
.qml-sorting-category {
  transition: transform .16s ease, box-shadow .16s ease;
}

/* v2.8.9 drag/drop fix: show the destination without reordering the board during drag. */
.qml-match-right.qml-drop-target,
.qml-ordering-item.qml-drop-target {
  border-color:#d71920 !important;
  box-shadow:inset 0 0 0 3px rgba(215,25,32,.10),0 8px 20px rgba(0,0,0,.08) !important;
}

/* 2.9.1: feedback questions are intentionally neutral and use a dedicated, always-visible text area. */
.qml-feedback-form { width: 100%; max-width: 900px; margin: 18px auto 0; }
.qml-feedback-input { display: block; width: 100%; min-height: 180px; resize: vertical; line-height: 1.5; box-sizing: border-box; }
.qml-feedback-counter { margin-top: 6px; text-align: right; color: var(--qml-text-dim); font-size: 13px; }
.qml-feedback-hint { max-width: 900px; margin-left: auto; margin-right: auto; }
.qml-feedback-thanks { text-align: center; }

/* v2.9.8: reveal the actual choice grid and mark correct answers with a black outline.
   outline is used deliberately so the highlight does not change the answer layout. */
.qml-reveal-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:760px;margin:18px auto 24px;}
.qml-reveal-answer-grid .qml-answer-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:16px 18px;border:0;border-radius:12px;color:#fff;font:inherit;font-weight:800;box-sizing:border-box;text-align:left;opacity:1!important;cursor:default;transform:none!important;}
.qml-reveal-answer-grid .qml-answer-btn.qml-reveal-correct-answer{background:#159447!important;color:#fff!important;outline:none!important;box-shadow:none!important;position:relative;z-index:2;}
.qml-reveal-answer-grid .qml-answer-btn.qml-reveal-player-selected{outline:5px solid #111!important;outline-offset:-5px!important;z-index:3;}
.qml-reveal-answer-grid .qml-answer-btn.qml-reveal-correct-answer.qml-reveal-player-selected{background:#159447!important;color:#fff!important;outline:5px solid #111!important;outline-offset:-5px!important;}
.qml-reveal-answer-grid .qml-answer-btn.qml-c{color:#fff!important;}
.qml-reveal-answer-grid .qml-answer-btn .qml-shape{width:22px;height:22px;flex:0 0 22px;}
.qml-reveal-answer-grid .qml-answer-btn,
.qml-reveal-answer-grid .qml-answer-btn.qml-a,
.qml-reveal-answer-grid .qml-answer-btn.qml-b,
.qml-reveal-answer-grid .qml-answer-btn.qml-c,
.qml-reveal-answer-grid .qml-answer-btn.qml-d,
.qml-reveal-answer-grid .qml-answer-btn.qml-e,
.qml-reveal-answer-grid .qml-answer-btn.qml-f{background:#d71920!important;color:#fff!important;}
.qml-reveal-answer-grid .qml-answer-btn.qml-reveal-correct-answer,
.qml-reveal-answer-grid .qml-answer-btn.qml-reveal-correct-answer.qml-c{background:#159447!important;color:#fff!important;}
@media(max-width:700px){.qml-reveal-answer-grid{grid-template-columns:1fr;gap:10px;}.qml-reveal-answer-grid .qml-answer-btn{min-height:56px;padding:13px 15px;}}