/* Palettes for the public quiz. The original palette remains untouched. */
html[data-quiz-theme="cyber"] {
  --quiz-skin-bg:#070b1b; --quiz-skin-panel:rgba(9,20,42,.94); --quiz-skin-border:#28677f;
  --quiz-skin-accent:#00d9ff; --quiz-skin-accent2:#a649ff; --quiz-skin-text:#e8faff;
  --quiz-skin-shadow:0 0 20px rgba(0,217,255,.15);
  --quiz-skin-decoration:
    linear-gradient(rgba(26,215,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,215,255,.055) 1px,transparent 1px),
    radial-gradient(ellipse at 20% 0%,rgba(0,210,255,.22),transparent 45%),
    radial-gradient(ellipse at 90% 20%,rgba(157,46,255,.22),transparent 42%);
}
html[data-quiz-theme="jungle"] {
  --quiz-skin-bg:#11170f; --quiz-skin-panel:rgba(26,42,25,.95); --quiz-skin-border:#667645;
  --quiz-skin-accent:#c6dc62; --quiz-skin-accent2:#d49a49; --quiz-skin-text:#f4f1dc;
  --quiz-skin-shadow:0 10px 26px rgba(4,12,5,.42);
  --quiz-skin-decoration:
    radial-gradient(ellipse at 10% 5%,rgba(89,143,50,.28),transparent 38%),
    radial-gradient(ellipse at 95% 70%,rgba(150,110,42,.2),transparent 36%),
    repeating-linear-gradient(125deg,rgba(183,205,93,.025) 0 2px,transparent 2px 18px);
}
html[data-quiz-theme="arcade"] {
  --quiz-skin-bg:#100819; --quiz-skin-panel:rgba(27,14,43,.96); --quiz-skin-border:#7545a6;
  --quiz-skin-accent:#34eaff; --quiz-skin-accent2:#ff3fc7; --quiz-skin-text:#fff0ff;
  --quiz-skin-shadow:0 0 22px rgba(239,48,211,.16);
  --quiz-skin-decoration:
    radial-gradient(circle,rgba(255,61,208,.13) 1px,transparent 2px),
    linear-gradient(180deg,transparent 72%,rgba(37,224,255,.12) 72.2%,transparent 73%),
    radial-gradient(ellipse at 50% 0%,rgba(193,39,221,.2),transparent 50%);
  --quiz-skin-decoration-size:18px 18px,100% 100%,auto;
}
html[data-quiz-theme="galaxy"] {
  --quiz-skin-bg:#080919; --quiz-skin-panel:rgba(17,20,47,.95); --quiz-skin-border:#4f4b8d;
  --quiz-skin-accent:#9c8cff; --quiz-skin-accent2:#55c9ff; --quiz-skin-text:#f0efff;
  --quiz-skin-shadow:0 0 24px rgba(130,106,255,.16);
  --quiz-skin-decoration:
    radial-gradient(2px 2px at 17% 22%,#fff,transparent 70%),
    radial-gradient(1px 1px at 66% 13%,#c8c1ff,transparent 70%),
    radial-gradient(2px 2px at 83% 74%,#fff,transparent 70%),
    radial-gradient(1px 1px at 38% 82%,#a8e7ff,transparent 70%),
    radial-gradient(ellipse at 65% 35%,rgba(114,48,190,.22),transparent 44%),
    radial-gradient(ellipse at 15% 80%,rgba(25,87,170,.2),transparent 40%);
}
html[data-quiz-theme="tv"] {
  --quiz-skin-bg:#100c0c; --quiz-skin-panel:rgba(28,22,21,.96); --quiz-skin-border:#856744;
  --quiz-skin-accent:#f4c66d; --quiz-skin-accent2:#e84b56; --quiz-skin-text:#fff8eb;
  --quiz-skin-shadow:0 10px 32px rgba(0,0,0,.48);
  --quiz-skin-decoration:
    radial-gradient(ellipse at 50% -10%,rgba(255,206,110,.2),transparent 42%),
    radial-gradient(ellipse at 5% 20%,rgba(232,55,70,.18),transparent 35%),
    radial-gradient(ellipse at 95% 20%,rgba(232,55,70,.14),transparent 36%);
}

html[data-quiz-theme]:not([data-quiz-theme="original"]) body {
  color:var(--quiz-skin-text);
  background-color:var(--quiz-skin-bg);
  background-image:var(--quiz-skin-decoration);
  background-size:var(--quiz-skin-decoration-size,auto);
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) body::before {
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(rgba(5,8,18,.14),rgba(5,8,18,.35));
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) main { position:relative; z-index:1; }
body.has-quiz-background::before {
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:linear-gradient(rgba(5,8,18,var(--quiz-background-dim,.72)),rgba(5,8,18,var(--quiz-background-dim,.72))),var(--quiz-custom-background);
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) body.has-quiz-background::before {
  background-image:linear-gradient(rgba(5,8,18,var(--quiz-background-dim,.72)),rgba(5,8,18,var(--quiz-background-dim,.72))),var(--quiz-custom-background);
}
body.has-quiz-background main { position:relative; z-index:1; }

html[data-quiz-theme]:not([data-quiz-theme="original"]) .panel,
html[data-quiz-theme]:not([data-quiz-theme="original"]) .live-layout > .panel {
  color:var(--quiz-skin-text); background:var(--quiz-skin-panel)!important;
  border-color:var(--quiz-skin-border); box-shadow:var(--quiz-skin-shadow);
  backdrop-filter:blur(8px);
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) .panel h1,
html[data-quiz-theme]:not([data-quiz-theme="original"]) .panel h2,
html[data-quiz-theme]:not([data-quiz-theme="original"]) .panel h3,
html[data-quiz-theme]:not([data-quiz-theme="original"]) .live-question-column h2,
html[data-quiz-theme]:not([data-quiz-theme="original"]) #question {
  color:var(--quiz-skin-text);
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) .game-title { color:var(--quiz-skin-accent); text-shadow:0 0 18px color-mix(in srgb,var(--quiz-skin-accent) 45%,transparent); }
html[data-quiz-theme]:not([data-quiz-theme="original"]) #status { color:var(--quiz-skin-text); }
html[data-quiz-theme]:not([data-quiz-theme="original"]) button {
  color:var(--quiz-skin-text); border-color:var(--quiz-skin-border);
  background:linear-gradient(135deg,color-mix(in srgb,var(--quiz-skin-accent2) 28%,#111827),color-mix(in srgb,var(--quiz-skin-accent) 18%,#101525));
  box-shadow:0 0 12px color-mix(in srgb,var(--quiz-skin-accent) 16%,transparent);
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) button:hover:not(:disabled) { border-color:var(--quiz-skin-accent); }
html[data-quiz-theme]:not([data-quiz-theme="original"]) input,
html[data-quiz-theme]:not([data-quiz-theme="original"]) textarea,
html[data-quiz-theme]:not([data-quiz-theme="original"]) select {
  color:var(--quiz-skin-text); background:color-mix(in srgb,var(--quiz-skin-bg) 84%,#fff 3%);
  border-color:var(--quiz-skin-border);
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) #chatMessages,
html[data-quiz-theme]:not([data-quiz-theme="original"]) #ranking li.ranking-card,
html[data-quiz-theme]:not([data-quiz-theme="original"]) #question,
html[data-quiz-theme]:not([data-quiz-theme="original"]) #result .correct-answer-card,
html[data-quiz-theme]:not([data-quiz-theme="original"]) #roundPodium {
  background-color:color-mix(in srgb,var(--quiz-skin-panel) 88%,#000 12%);
  border-color:var(--quiz-skin-border); color:var(--quiz-skin-text);
}
html[data-quiz-theme]:not([data-quiz-theme="original"]) #ranking li.ranking-card { box-shadow:0 4px 14px #0005; }
html[data-quiz-theme]:not([data-quiz-theme="original"]) #ranking .ranking-score,
html[data-quiz-theme]:not([data-quiz-theme="original"]) .live-question-column h2 { color:var(--quiz-skin-accent); }
html[data-quiz-theme]:not([data-quiz-theme="original"]) #victoryContent {
  background:linear-gradient(145deg,var(--quiz-skin-panel),var(--quiz-skin-bg));
  border-color:var(--quiz-skin-border); color:var(--quiz-skin-text);
}
html[data-quiz-theme="tv"] #ranking li:first-child.ranking-card { border-color:var(--quiz-skin-accent); box-shadow:0 0 20px rgba(244,198,109,.28); }
html[data-quiz-theme="arcade"] .live-layout > .panel { border-radius:10px; }
html[data-quiz-theme="jungle"] .live-layout > .panel { border-radius:14px 18px 12px 18px; }

/* The original h1 keeps its default presentation unless a profile opts in. */
.game-title:not([data-branding-ready="true"]) { visibility:hidden; }
.game-title[data-title-size="small"] { font-size:clamp(24px,2.7vw,38px); }
.game-title[data-title-size="large"] { font-size:clamp(34px,4.3vw,58px); }
.game-title[data-title-align="left"] { justify-content:flex-start; text-align:left; }
.game-title[data-title-align="center"] { justify-content:center; text-align:center; }
.game-title[data-title-align="right"] { justify-content:flex-end; text-align:right; }
.game-title[data-title-mode="image"]:not(.game-title--official-banner) { gap:0; min-height:0; padding-inline:clamp(52px,9vw,112px); }
.game-title--official-banner { gap:0; min-height:0; padding-inline:0; }
.game-title .game-title-image { display:block; width:auto; max-width:min(100%,1200px); height:auto; max-height:52px; object-fit:contain; }
.game-title[data-title-size="small"] .game-title-image { max-height:38px; }
.game-title[data-title-size="large"] .game-title-image { max-height:76px; }
@media (max-width:700px) {
  .game-title[data-title-size="small"] { font-size:clamp(22px,7vw,30px); }
  .game-title[data-title-size="large"] { font-size:clamp(28px,9vw,42px); }
  .game-title .game-title-image { max-width:min(100%,92vw); max-height:42px; }
  .game-title[data-title-mode="image"]:not(.game-title--official-banner) { padding-inline:54px; }
  .game-title[data-title-size="small"] .game-title-image { max-height:32px; }
  .game-title[data-title-size="large"] .game-title-image { max-height:60px; }
}

.theme-sample { --quiz-skin-bg:#080d20; --quiz-skin-panel:#17203a; --quiz-skin-border:#344361; --quiz-skin-accent:#8057f5; --quiz-skin-accent2:#53d8e8; --quiz-skin-text:#f4f6ff; }
.theme-sample[data-quiz-theme="cyber"] { --quiz-skin-bg:#071126;--quiz-skin-panel:#10233a;--quiz-skin-border:#28677f;--quiz-skin-accent:#00d9ff;--quiz-skin-accent2:#a649ff; }
.theme-sample[data-quiz-theme="jungle"] { --quiz-skin-bg:#121a12;--quiz-skin-panel:#283c27;--quiz-skin-border:#667645;--quiz-skin-accent:#c6dc62;--quiz-skin-accent2:#d49a49; }
.theme-sample[data-quiz-theme="arcade"] { --quiz-skin-bg:#100819;--quiz-skin-panel:#29163d;--quiz-skin-border:#7545a6;--quiz-skin-accent:#34eaff;--quiz-skin-accent2:#ff3fc7; }
.theme-sample[data-quiz-theme="galaxy"] { --quiz-skin-bg:#080919;--quiz-skin-panel:#171a3b;--quiz-skin-border:#4f4b8d;--quiz-skin-accent:#9c8cff;--quiz-skin-accent2:#55c9ff; }
.theme-sample[data-quiz-theme="tv"] { --quiz-skin-bg:#100c0c;--quiz-skin-panel:#302522;--quiz-skin-border:#856744;--quiz-skin-accent:#f4c66d;--quiz-skin-accent2:#e84b56; }
.theme-sample { min-height:82px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px;border:1px solid var(--quiz-skin-border);border-radius:8px;background:var(--quiz-skin-bg); }
.theme-sample span { display:grid;place-items:center;padding:4px;border:1px solid var(--quiz-skin-border);border-radius:5px;background:var(--quiz-skin-panel);color:var(--quiz-skin-text);font-size:10px; }
.theme-sample span:first-child { color:var(--quiz-skin-accent); }