.desktop-window--quiz-vivo { width: var(--width, 470px); height: var(--height, min(610px, calc(100% - 52px))); min-width: min(320px, 100%); min-height: min(300px, 100%); }
.quiz-vivo { display: flex; flex-direction: column; min-height: 0; padding: 0; background: var(--web-face); color: var(--web-ink); font: 11px/1.4 var(--web-chrome); }
.quiz-vivo .window-menubar { flex: 0 0 auto; display: flex; justify-content: space-between; gap: 8px; }
.quiz-vivo__estado, .quiz-vivo__pregunta, .quiz-vivo__fondos, .quiz-vivo__resultado { margin: 8px; }
.quiz-vivo__estado { padding: 6px; border: 1px solid var(--web-mid); background: var(--web-paper); }
.quiz-vivo__pregunta { padding: 10px; border: 2px solid; border-color: var(--web-shadow) var(--web-light) var(--web-light) var(--web-shadow); background: var(--web-paper); }
.quiz-vivo__pregunta h3, .quiz-vivo__resultado h3 { margin: 4px 0 8px; color: var(--web-active-dark); font: 700 15px/1.1 var(--web-chrome); }
.quiz-vivo__opciones, .quiz-vivo__marcas { display: grid; gap: 5px; }
.quiz-vivo__opcion, .quiz-vivo__marca, .quiz-vivo__fondos button { padding: 6px 8px; border: 2px solid; border-color: var(--web-light) var(--web-shadow) var(--web-shadow) var(--web-light); border-radius: 0; background: var(--web-face); color: var(--web-ink); font: 700 10px/1.25 var(--web-chrome); text-align: left; cursor: pointer; }
.quiz-vivo__marca.is-elegida, .quiz-vivo__fondos button.is-elegido { border-color: var(--web-shadow) var(--web-light) var(--web-light) var(--web-shadow); background: var(--web-active); color: var(--web-on-accent); }
.quiz-vivo__pasos { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-top: 8px; }
.quiz-vivo__eleccion { margin: 12px 0 5px; color: var(--web-live); font-weight: 700; }
.quiz-vivo__fondos { display: grid; gap: 6px; padding: 8px; border-top: 1px solid var(--web-mid); }
.quiz-vivo__fondos p { margin: 0; font-weight: 700; }.quiz-vivo__fondos div { display: flex; flex-wrap: wrap; gap: 5px; }.quiz-vivo__fondos button { min-width: 38px; text-align: center; }
.quiz-vivo__resultado { padding: 8px; border: 1px solid var(--web-mid); background: var(--web-paper); }.quiz-vivo__resultado p { margin: 0 0 5px; }

.quiz-vivo__reparto { display: grid; gap: 4px; margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--web-mid); }
.quiz-vivo__reparto p { margin: 0; font-weight: 700; }
.quiz-vivo__torta-fila { display: flex; gap: 10px; align-items: center; }
.quiz-vivo__torta { flex: 0 0 72px; width: 72px; height: 72px; }
.quiz-vivo__quesito { stroke: var(--web-paper); stroke-width: 1; }
.quiz-vivo__leyenda { margin: 0; padding: 0; list-style: none; overflow-wrap: anywhere; }
.quiz-vivo__marca-color { font-family: var(--web-arte); }
.quiz-vivo__quesito--a { fill: var(--web-active); color: var(--web-active); }
.quiz-vivo__quesito--b { fill: var(--web-live); color: var(--web-live); }
.quiz-vivo__quesito--c { fill: var(--web-mark); color: var(--web-mark); }
.quiz-vivo__quesito--d { fill: var(--web-ink); color: var(--web-ink); }
.quiz-vivo__quesito--otra { fill: var(--web-mid); color: var(--web-mid); }

.quiz-vivo__mapa { margin: 8px; padding: 6px; border: 1px solid var(--web-mid); background: var(--web-paper); }
.quiz-vivo__mapa > summary { cursor: pointer; font-weight: 700; letter-spacing: .04em; }
.quiz-vivo__mapa-ayuda, .quiz-vivo__mapa-leyenda { margin: 6px 0; color: var(--web-muted); }
.quiz-vivo__mapa-svg { display: block; width: 100%; max-width: 420px; height: auto; margin: 0 auto; }
.quiz-vivo__mapa-preg, .quiz-vivo__mapa-op, .quiz-vivo__mapa-decide { fill: var(--web-face); stroke: var(--web-shadow); stroke-width: 1; }
.quiz-vivo__mapa-op--pred { stroke: var(--web-ink); stroke-width: 2; stroke-dasharray: 4 3; }
.quiz-vivo__mapa-op--luna { fill: var(--web-active); stroke: var(--web-active-dark); stroke-width: 2; }
.quiz-vivo__mapa-flecha { stroke: var(--web-ink); stroke-width: 1; }
.quiz-vivo__mapa-punteada { stroke: var(--web-ink); stroke-dasharray: 2 2; }
.quiz-vivo__mapa-t { font: 9px var(--web-chrome); fill: var(--web-ink); }
.quiz-vivo__mapa-t--luna { fill: var(--web-on-accent); font-weight: 700; }
.quiz-vivo__mapa-chico { font: 9px var(--web-chrome); fill: var(--web-muted); }
.quiz-vivo__mapa-marca--pred { color: var(--web-ink); }
.quiz-vivo__mapa-marca--luna { color: var(--web-active); }

.quiz-offline__cuenta { font-weight: 700; color: var(--web-live); }
.quiz-offline__registro { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--web-mid); }
.quiz-offline__linea { margin: 0 0 6px; }
.quiz-offline__linea--luna b { color: var(--web-active-dark); }
.quiz-offline__linea--esmeralda b { color: var(--web-mark); }
.quiz-offline__linea--conciencia b { color: var(--web-live); }
.quiz-offline__eligio { margin: 10px 0 4px; font-weight: 700; }
.quiz-offline__cotejo { margin: 0 0 8px; color: var(--web-muted); font-weight: 700; }
@media (max-width: 760px), (max-height: 500px) and (max-width: 1000px) { .desktop-window--quiz-vivo { width: 100%; height: 100%; min-width: 0; min-height: 0; } }