.image-trivia-scene{--reveal-progress:0;--image-scale:1;--image-blur:0px;--pixel-opacity:0;--image-focus-x:50%;--image-focus-y:50%;position:absolute;left:54px;top:280px;width:972px;height:778px}.image-trivia-meta-row{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 22px;border:1px solid rgba(56,236,146,.34);border-radius:15px;background:linear-gradient(90deg,rgba(56,236,146,.08),rgba(39,230,255,.08))}.image-trivia-mode-copy{display:flex;gap:18px;align-items:center}.image-trivia-mode-copy strong{color:#75f5ae;font-size:24px;font-weight:950;letter-spacing:.09em}.image-trivia-mode-copy span{color:var(--color-muted);font-size:22px;font-weight:850;letter-spacing:.07em}.image-trivia-phase-chip{min-width:200px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(56,236,146,.45);border-radius:999px;color:#75f5ae;background:rgba(56,236,146,.09);font-size:17px;font-weight:950;letter-spacing:.06em}.image-clue-panel{position:absolute;left:0;top:58px;width:972px;height:306px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;padding:18px 22px;border:2px solid rgba(56,236,146,.45);border-radius:28px;background:radial-gradient(circle at 20% 25%,rgba(56,236,146,.12),transparent 42%),linear-gradient(150deg,rgba(12,34,48,.98),rgba(4,10,26,.98));box-shadow:0 0 28px rgba(56,236,146,.1);overflow:hidden}.image-clue-frame{position:relative;min-width:0;height:268px;border:2px solid rgba(145,205,255,.26);border-radius:21px;overflow:hidden;background:linear-gradient(145deg,rgba(18,38,66,.95),rgba(4,9,24,.98))}.image-clue-frame::before{content:'IMAGE LOADING';position:absolute;inset:0;display:grid;place-items:center;color:var(--color-muted);font-size:20px;font-weight:900;letter-spacing:.1em}.image-clue-panel.is-error .image-clue-frame::before{content:'IMAGE UNAVAILABLE';color:var(--color-orange)}.image-clue-frame img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;object-position:center;opacity:0;transition:opacity .25s ease;transform-origin:var(--image-focus-x) var(--image-focus-y)}.image-clue-panel.is-loaded .image-clue-frame img{opacity:1}.image-clue-caption{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 14px;border-left:1px solid rgba(145,205,255,.16)}.image-clue-caption span{color:var(--color-muted);font-size:18px;font-weight:900;letter-spacing:.12em}.image-clue-caption strong{color:var(--color-white);font-size:36px;font-weight:950;line-height:1.04;text-wrap:balance}.image-scan-overlay,.image-pixel-overlay{position:absolute;z-index:2;inset:0;pointer-events:none}.image-scan-overlay{background:linear-gradient(180deg,transparent 0 48%,rgba(39,230,255,.16) 50%,transparent 52%);background-size:100% 38px;opacity:.18;mix-blend-mode:screen}.image-pixel-overlay{background:repeating-conic-gradient(rgba(4,9,24,.84) 0 25%,rgba(21,57,74,.72) 0 50%) 0/28px 28px;opacity:0}.image-trivia-scene[data-reveal-mode='zoom_out'] .image-clue-frame img{transform:scale(var(--image-scale))}.image-trivia-scene[data-reveal-mode='blur_reveal'] .image-clue-frame img{filter:blur(var(--image-blur));transform:none}.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-clue-frame img{filter:blur(var(--image-blur));transform:none}.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-pixel-overlay{opacity:var(--pixel-opacity)}.image-trivia-scene.is-paused .image-clue-frame img,.image-trivia-scene.is-paused .image-pixel-overlay{animation-play-state:paused}.image-trivia-scene.is-locked{--reveal-progress:1}.image-question-panel{position:absolute;left:0;top:378px;width:972px;height:108px;display:flex;align-items:center;justify-content:center;padding:25px 34px 10px;border:2px solid rgba(39,230,255,.42);border-radius:22px;background:linear-gradient(155deg,rgba(13,28,61,.98),rgba(4,9,24,.98))}.image-question-panel>span{position:absolute;left:25px;top:10px;color:var(--color-muted);font-size:15px;font-weight:900;letter-spacing:.12em}.image-question-panel>strong{width:100%;height:76px;display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:35px;font-weight:950;line-height:1.02;text-align:center;overflow:hidden;text-wrap:balance}.image-answer-grid{position:absolute;left:0;top:500px;width:972px;height:278px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:11px}.image-answer-card{--answer-color:var(--color-cyan);display:grid;grid-template-columns:66px 1fr;align-items:center;gap:12px;padding:10px 17px;border:2px solid color-mix(in srgb,var(--answer-color) 36%,transparent);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--answer-color) 9%,rgba(12,25,55,.98)),rgba(4,9,24,.98));overflow:hidden}.image-answer-card.answer-b{--answer-color:var(--color-blue)}.image-answer-card.answer-c{--answer-color:#a77cff}.image-answer-card.answer-d{--answer-color:var(--color-gold)}.image-answer-card b{width:54px;height:54px;display:grid;place-items:center;border:2px solid color-mix(in srgb,var(--answer-color) 70%,white 8%);border-radius:16px;color:white;background:color-mix(in srgb,var(--answer-color) 15%,rgba(5,12,31,.9));font-size:32px}.image-answer-card span{height:88px;display:flex;align-items:center;color:white;font-size:28px;font-weight:875;line-height:1.04;overflow:hidden;white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal}.image-trivia-scene.is-warning .image-trivia-phase-chip{color:var(--color-yellow);border-color:rgba(255,228,95,.5)}.image-trivia-scene.is-final .image-trivia-phase-chip{color:var(--color-orange);border-color:rgba(255,155,66,.6)}.image-trivia-scene.is-locked .image-answer-card{filter:saturate(.65);opacity:.78}.reduce-particles .image-scan-overlay{display:none}


/* v2.2.3 — all Image Trivia reveal styles preserve the complete source image. */
.image-trivia-scene .image-clue-frame {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 42%, rgba(39,230,255,.08), transparent 56%),
    linear-gradient(145deg, rgba(8,18,38,.98), rgba(2,6,17,.99));
}

.image-trivia-scene .image-clue-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.image-trivia-scene[data-reveal-mode='full'] .image-clue-frame img,
.image-trivia-scene[data-reveal-mode='blur_reveal'] .image-clue-frame img,
.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-clue-frame img {
  transform: none;
}

.image-trivia-scene[data-reveal-mode='zoom_out'] .image-clue-frame img {
  object-fit: contain;
  object-position: center;
  transform: scale(var(--image-scale));
  transform-origin: var(--image-focus-x) var(--image-focus-y);
}


/* v2.2.4 — hard fixed-frame fitting for Image Trivia media. */
.image-trivia-scene .image-clue-frame {
  position: relative;
  display: block;
  contain: layout paint;
  isolation: isolate;
  overflow: hidden;
}

.image-trivia-scene .image-clue-frame img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  overflow: hidden;
}

.image-trivia-scene[data-reveal-mode='full'] .image-clue-frame img,
.image-trivia-scene[data-reveal-mode='blur_reveal'] .image-clue-frame img,
.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-clue-frame img {
  transform: none !important;
  transform-origin: center !important;
}

.image-trivia-scene[data-reveal-mode='zoom_out'] .image-clue-frame img {
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: scale(var(--image-scale));
  transform-origin: var(--image-focus-x) var(--image-focus-y);
}


/* v2.2.5 — remove audience-visible image filename/title and use the full clue panel. */
.image-trivia-scene .image-clue-panel {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.image-trivia-scene .image-clue-frame {
  width: 100% !important;
}

.image-trivia-scene .image-clue-caption {
  display: none !important;
}


/* v2.5.5 — broadcast-ready image preparation and intentional lock beat. */
.image-clue-frame::before{background:radial-gradient(circle at 50% 42%,rgba(39,230,255,.10),transparent 54%),linear-gradient(145deg,#0a1833,#030816);color:#9fc3df}
.image-clue-frame::after{content:"";position:absolute;z-index:0;inset:14px;border:1px solid rgba(39,230,255,.10);border-radius:15px;box-shadow:inset 0 0 50px rgba(39,230,255,.05);pointer-events:none}
.image-clue-panel.is-loaded .image-clue-frame::before{content:"";background:radial-gradient(circle at 50% 48%,rgba(39,230,255,.10),transparent 58%),linear-gradient(145deg,#0a1833,#030816)}
.image-trivia-scene.is-local-locked .image-clue-panel{border-color:rgba(56,236,146,.72);box-shadow:0 0 34px rgba(56,236,146,.18)}
.image-trivia-scene.is-local-locked .image-trivia-phase-chip{color:#8fffc0;border-color:rgba(56,236,146,.72);background:rgba(56,236,146,.14)}
.image-trivia-scene.is-local-locked .image-answer-card{filter:saturate(.55);opacity:.72;transform:scale(.985);transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.image-trivia-scene.is-local-locked .image-clue-frame::after{animation:image-lock-sweep .9s ease both}
@keyframes image-lock-sweep{0%{box-shadow:inset -520px 0 0 rgba(56,236,146,0)}45%{box-shadow:inset 0 0 80px rgba(56,236,146,.23)}100%{box-shadow:inset 520px 0 0 rgba(56,236,146,0)}}

/* v2.5.5.1 — renderer-synchronized opening and stronger broadcast image treatment. */
.image-trivia-scene .image-clue-frame{
  background:
    radial-gradient(circle at 50% 48%,rgba(39,230,255,.13),transparent 60%),
    linear-gradient(145deg,#0b1c39,#020712) !important;
}
.image-trivia-scene .image-clue-frame img{
  padding:6px;
}
.image-trivia-scene[data-reveal-mode='full'] .image-clue-frame img{
  transform:scale(1.035) !important;
}


/* v2.5.5.2 — concealed preload, cache-safe dark clue treatment, and no editor-grid overlay. */
.image-trivia-start-cover{
  position:absolute;
  z-index:12;
  left:0;
  top:58px;
  width:972px;
  height:720px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:2px solid rgba(39,230,255,.42);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 40%,rgba(39,230,255,.18),transparent 42%),
    radial-gradient(circle at 50% 64%,rgba(56,236,146,.10),transparent 40%),
    linear-gradient(155deg,#0b1e3d 0%,#030817 72%);
  box-shadow:inset 0 0 90px rgba(39,230,255,.06),0 0 34px rgba(39,230,255,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease;
}
.image-trivia-scene.is-preparing .image-trivia-start-cover{opacity:1;visibility:visible}
.image-trivia-start-cover span{color:#77f5ff;font-size:23px;font-weight:950;letter-spacing:.18em}
.image-trivia-start-cover strong{margin-top:18px;color:#fff;font-size:72px;font-weight:950;line-height:1;letter-spacing:-.035em;text-shadow:0 0 28px rgba(39,230,255,.2)}
.image-trivia-start-cover small{margin-top:24px;color:#a8c9e5;font-size:28px;font-weight:850;letter-spacing:.04em}
.image-trivia-scene .image-clue-frame,
.image-trivia-scene .image-clue-panel.is-loaded .image-clue-frame::before{
  background:
    radial-gradient(circle at 50% 45%,rgba(39,230,255,.15),transparent 60%),
    linear-gradient(145deg,#0b1c39,#020712) !important;
}
.image-trivia-scene .image-pixel-overlay{display:none !important;background:none !important;opacity:0 !important}
.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-clue-frame img{
  image-rendering:pixelated;
  filter:contrast(1.08) blur(var(--image-blur));
}
.reduced-motion .image-trivia-start-cover{transition:none}

/* v2.5.5.3 — isolated Full, Blur, Pixel, and Zoom effect paths. */
.image-pixel-canvas{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  opacity:0;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  transition:opacity .08s linear;
  pointer-events:none;
}
.image-pixel-canvas[hidden]{display:none !important}
.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-clue-frame img{
  filter:none !important;
  transform:none !important;
  image-rendering:auto !important;
}
.image-trivia-scene[data-reveal-mode='blur_reveal'] .image-clue-frame img{
  filter:blur(var(--image-blur)) !important;
  transform:none !important;
  image-rendering:auto !important;
}
.image-trivia-scene[data-reveal-mode='zoom_out'] .image-clue-frame img{
  filter:none !important;
  transform:scale(var(--image-scale)) !important;
  transform-origin:var(--image-focus-x) var(--image-focus-y) !important;
  image-rendering:auto !important;
}
.image-trivia-scene[data-reveal-mode='full'] .image-clue-frame img{
  filter:none !important;
  transform:scale(1.035) !important;
  transform-origin:center !important;
  image-rendering:auto !important;
}
.image-trivia-scene[data-reveal-mode='pixel_reveal'][data-pixel-stage='heavy'] .image-clue-panel{
  box-shadow:0 0 34px rgba(39,230,255,.14),inset 0 0 48px rgba(39,230,255,.04);
}
.image-trivia-scene[data-reveal-mode='pixel_reveal'][data-pixel-stage='fine'] .image-clue-panel{
  border-color:rgba(56,236,146,.58);
}
.reduced-motion .image-pixel-canvas{transition:none}


/* v2.5.5.4 — fixed-aspect Pixel Reveal canvas with stable centered geometry. */
.image-trivia-scene[data-reveal-mode='pixel_reveal'] .image-pixel-canvas{
  inset:auto;
  transform:translate(-50%,-50%);
  transform-origin:center;
  max-width:calc(100% - 12px);
  max-height:calc(100% - 12px);
}


/* 2.5.5.5.1 — Pixel canvas sizing is calculated in untransformed design space. */