*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--shoji);color:var(--tinta);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.solo-lectores{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body[data-fase=hitstop]{background:var(--papel)}.escena{place-items:end center;height:100%;display:grid;position:relative}.marco{position:relative}.lienzo{display:block}.barra{border:2px solid var(--tinta);width:10%;height:56%;position:absolute;top:44%;right:5%;transform:translateY(-50%)}.barra:after{content:"";border-top:2px solid var(--tinta);position:absolute;bottom:89.286%;left:-.75rem;right:-.75rem}.barra__relleno{inset-inline:0;transform-origin:bottom;will-change:transform;background:var(--bermellon);height:100%;position:absolute;bottom:0;transform:scaleY(0)}body[data-fase=resuelto][data-sesion=viva] .barra__relleno{transition:transform .36s cubic-bezier(.32,.72,.3,1)}.barra__zona{background:var(--tatami);opacity:.8;position:absolute;inset-inline:0}body[data-fase=hitstop] .barra__relleno,body[data-fase=hitstop] .barra[data-desenlace=reventada] .barra__relleno{background:var(--tinta)}body[data-fase=hitstop] .barra__zona{opacity:0}.barra[data-desenlace=reventada] .barra__relleno{background:var(--tinta)}.marcador{inset-inline:0;bottom:max(1.25rem, env(safe-area-inset-bottom));text-align:center;letter-spacing:.08em;min-height:1.5rem;margin:0;font:600 1.25rem/1.2 ui-sans-serif,system-ui,sans-serif;position:absolute}.silenciador{border:2px solid var(--tinta);color:var(--tinta);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;opacity:.55;background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .7rem;font:600 .7rem/1 ui-sans-serif,system-ui,sans-serif;display:flex;position:absolute;top:3%;left:4%}.silenciador:hover,.silenciador:focus-visible{opacity:1}.silenciador__icono{border:2px solid var(--tinta);border-radius:50%;width:.55rem;height:.55rem}.silenciador[aria-pressed=true]{opacity:1}.silenciador[aria-pressed=true] .silenciador__icono{background:var(--bermellon);border-color:var(--bermellon)}body[data-fase=hitstop] .silenciador,body[data-sesion=cerrada] .silenciador{opacity:0}.compartir{pointer-events:auto;background:var(--bermellon);color:var(--shoji);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:none;border-radius:999px;margin-top:1.4em;padding:.9rem 2.2rem;font:700 1rem/1 ui-sans-serif,system-ui,sans-serif}.cierre__salidas{flex-direction:column;align-items:center;gap:.7rem;display:flex}.otra{pointer-events:auto;border:2px solid var(--tinta);color:var(--tinta);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:.7;background:0 0;border-radius:999px;padding:.7rem 1.8rem;font:600 .8rem/1 ui-sans-serif,system-ui,sans-serif}.otra:hover,.otra:focus-visible{opacity:1}.compartir:disabled{opacity:.5;cursor:progress}.cierre{visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cierre:before{content:"";background:var(--shoji);opacity:.86;position:absolute;inset:0}.cierre>*{position:relative}body[data-sesion=cerrada] .barra{visibility:hidden}body[data-sesion=cerrada] .cierre{visibility:visible}.cierre__total{font:400 calc(var(--lienzo-ancho,20rem) * .28) / .9 "Zen Antique", serif;color:var(--tinta);margin:0}.cierre__rondas{margin:calc(var(--lienzo-ancho,20rem) * .03) 0 0;font:600 calc(var(--lienzo-ancho,20rem) * .05) / 1 ui-sans-serif, system-ui, sans-serif;letter-spacing:.1em;color:var(--tinta)}.cierre__record{font:600 calc(var(--lienzo-ancho,20rem) * .032) / 1 ui-sans-serif, system-ui, sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--tinta);opacity:.5;margin:.6em 0 0}