/* Пульт — СВЕТЛАЯ тема в тон экрану. Мобильный, крупные тапы. */
:root{
  --bg:#f3e8d9; --surface:#fffaf2; --ink:#43301f; --ink2:#8a7256;
  --gold:#a9772f; --gold-soft:#e9d3a8; --line:#e6d4bd; --ok:#3f7d4f;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;padding:12px;min-height:100vh}

header{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}
.pill{font-size:13px;padding:6px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.pill.on{color:var(--ok)}.pill.off{color:#c0533f}

section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px}
h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink2);margin-bottom:10px}

.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
button{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;font-size:16px;cursor:pointer}
button:active{background:#f3ead9}
.prog.active{background:var(--gold);color:#fff;border-color:var(--gold);font-weight:600}

/* контекст вопроса/конкурса */
.ctx .q{font-size:19px;line-height:1.3;margin-bottom:10px}
.ctx .opts{list-style:none;margin:0 0 10px;padding:0}
.ctx .opts li{padding:7px 0;font-size:16px;color:var(--ink2)}
.ctx .opts li.right{color:var(--ok);font-weight:600}
.ctx .ans{font-size:16px;color:var(--ok);font-weight:600;margin-bottom:10px}
.ctx .note{font-size:14px;color:var(--ink2);font-style:italic;margin-bottom:12px}
.row{display:flex;gap:10px;flex-wrap:wrap}
.ctl{flex:1;min-width:130px;background:var(--gold-soft);border-color:#dcc093;font-weight:600}
.ctl.on{background:var(--ok);color:#fff;border-color:var(--ok)}

.score-row{display:flex;align-items:center;gap:10px;margin:8px 0}
.score-row .team{flex:1;font-size:16px}
.score-row button{padding:10px 18px;min-width:54px}
.score-row b{font-size:22px;min-width:32px;text-align:center;color:var(--gold)}

.reset{width:100%;background:#f7e2dd;border-color:#e6c0b8;color:#a23b2a}