:root{--sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;--alto-util:calc(100dvh - 118px)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:#08070d}.heroeAislado{min-height:100dvh;overflow:hidden;color:#f0ddbb;font-family:var(--sans);background:radial-gradient(ellipse at 50% -10%,#55311e 0,transparent 44%),radial-gradient(ellipse at 0 100%,#291931 0,transparent 48%),#09070d}
#heroeLaboratorio{min-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:10px}
.heroeAviso{width:min(940px,100%);justify-self:center;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 5px;color:#c9b494}.heroeAviso p{margin:0 0 2px;color:#d3aa67;font:700 9px/1.2 var(--sans);letter-spacing:2.3px}.heroeAviso strong{font:normal 18px/1 var(--serif);color:#f5dfb5}.heroeAviso button{min-height:38px;border:1px solid #cba86588;border-radius:6px;padding:7px 12px;background:#171118;color:#f1d49c;cursor:pointer;font:700 11px var(--sans)}.heroeAviso button:focus-visible,.heroeAislado button:focus-visible{outline:2px solid #ffe0a1;outline-offset:3px}
#heroeHost{min-height:0;display:grid;place-items:center}#campanaPanel{display:flex;flex-direction:column;overflow:hidden;padding:clamp(13px,2.2vw,24px);border:1px solid #bd975d99;border-radius:17px;background:linear-gradient(145deg,#211422ee,#100e15f2);box-shadow:0 20px 70px #000b,inset 0 0 0 3px #f5dc9d08}#campanaPanel .campanaCabecera{flex:0 0 auto;text-align:center}#campanaPanel .campanaSello{min-height:12px;margin:0 0 7px;color:#d5ad67;font:700 9px/1.15 var(--sans);letter-spacing:2px}#campanaPanel h2{margin:0;color:#f4deba;font:normal clamp(23px,3vw,35px)/1.05 var(--serif);text-wrap:balance}#campanaPanel .campanaSub{margin:7px 0 15px;color:#b9a68c;font:12px/1.35 var(--sans)}#campanaPanel .campanaAcciones{flex:0 0 auto;display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}#campanaPanel .campanaAcciones .btn{min-height:44px;border:1px solid #b9986488;border-radius:7px;padding:8px 12px;background:#1b1419;color:#e9d4ae;cursor:pointer;font:700 13px var(--sans)}#campanaPanel .campanaAcciones .principal{background:linear-gradient(#865a32,#3c251b);border-color:#e0bd79;color:#fff0ce;font-family:var(--serif);font-size:16px}
#heroeEstado{width:min(940px,100%);justify-self:center;min-height:17px;margin:0;padding:0 5px;color:#aa9c8d;font:11px/1.25 var(--sans);text-align:center}
@media(max-width:650px){:root{--alto-util:calc(100dvh - 99px)}#heroeLaboratorio{padding:6px;gap:5px}.heroeAviso{padding:0 2px}.heroeAviso strong{font-size:15px}.heroeAviso p{font-size:7px;letter-spacing:1.6px}.heroeAviso button{min-height:34px;padding:5px 8px;font-size:10px}#campanaPanel{padding:11px 10px;border-radius:13px}#campanaPanel .campanaSub{margin:5px 0 9px;font-size:10px}#campanaPanel .campanaAcciones{margin-top:7px}#heroeEstado{font-size:9px}}
@media(max-height:600px){:root{--alto-util:calc(100dvh - 74px)}.heroeAviso p{display:none}.heroeAviso strong{font-size:14px}#campanaPanel .campanaSub{display:none}#campanaPanel h2{font-size:20px}#heroeEstado{display:none}}