/* Juego en vivo · misma paleta que la app */
:root{--bg:#EEE3C9;--surface:#F8F1DF;--ink:#2A2016;--muted:#6B5A44;--line:#D3C29E;--lapis:#264A7E;--oro:#A8741C;--rubrica:#9C2F1E;--verde:#3E7A3E;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--ink);font:700 17px/1.45 "Nunito",system-ui,sans-serif;display:flex;flex-direction:column;align-items:center}
.gk{font-family:"Gentium Book Plus","Gentium Plus",Georgia,serif}
.caja{width:100%;max-width:560px;padding:20px 16px}
.marca{display:flex;align-items:center;gap:10px;font-family:"Gentium Book Plus",Georgia,serif;font-size:19px;color:var(--ink);text-decoration:none;margin-bottom:14px}
.marca img{width:32px;height:32px;border-radius:8px}
.tarjeta{background:var(--surface);border:2px solid var(--line);border-radius:18px;padding:20px}
h1{font-family:"Gentium Book Plus",Georgia,serif;font-size:30px;line-height:1.15;margin:0 0 8px}
label{display:block;font-size:14px;color:var(--muted);margin:12px 0 4px}
input{width:100%;font:800 22px "Nunito",sans-serif;padding:12px 14px;border:2px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
input.codigo{text-transform:uppercase;letter-spacing:.3em;text-align:center}
.boton{display:block;width:100%;margin-top:16px;padding:14px;border:0;border-radius:14px;background:var(--lapis);color:#fff;font:900 20px "Nunito",sans-serif;cursor:pointer}
.boton:disabled{opacity:.45;cursor:default}
.boton.sec{background:transparent;color:var(--lapis);border:2px solid var(--lapis)}
.nota{font-size:13px;color:var(--muted);font-weight:600;margin:12px 0 0}
.error{color:var(--rubrica);min-height:1.2em;margin:8px 0 0}
.centro{text-align:center}
.grande{font-size:clamp(34px,9vw,56px);line-height:1.1;margin:10px 0}
.opciones{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.op{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:0;border-radius:16px;color:#fff;font:800 19px "Nunito",sans-serif;text-align:left;cursor:pointer}
.op .letra{flex:0 0 34px;height:34px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-weight:900}
.op.gk-op{font-family:"Gentium Book Plus",Georgia,serif;font-size:24px}
.c0{background:var(--lapis)}.c1{background:var(--rubrica)}.c2{background:var(--oro)}.c3{background:var(--verde)}
.op.apagada{opacity:.35}.op.elegida{outline:4px solid var(--ink);outline-offset:2px}
.op.correcta{box-shadow:0 0 0 5px #fff,0 0 0 9px var(--verde)}
.reloj{height:10px;border-radius:6px;background:var(--line);overflow:hidden;margin-top:10px}
.reloj i{display:block;height:100%;background:var(--oro);transition:width .25s linear}
.estado{font-size:24px;margin:10px 0}
.bien{color:var(--verde)}.mal{color:var(--rubrica)}
.lista{list-style:none;padding:0;margin:12px 0 0}
.lista li{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line)}
.podio{display:flex;align-items:flex-end;justify-content:center;gap:10px;margin:18px 0}
.podio div{flex:1;max-width:180px;text-align:center;border-radius:14px 14px 0 0;padding:12px 6px;color:#fff}
.podio .p1{background:var(--oro);min-height:170px}.podio .p2{background:var(--lapis);min-height:130px}.podio .p3{background:var(--rubrica);min-height:100px}
.podio b{display:block;font-size:20px;word-break:break-word}.podio span{font-size:14px;opacity:.9}