.vida-page{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:960px;margin:0 auto}.vida-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem}.vida-voltar{display:inline-flex;align-items:center;min-height:44px;font-weight:600}.vida-acoes{display:flex;gap:.5rem}.vida-config{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding:1rem 1.1rem;border-left:4px solid var(--tom);border-radius:var(--radius);background:var(--bg-card)}.vida-rotulo{display:block;margin-bottom:.35rem;color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.vida-virar{display:flex;align-items:center;gap:.5rem;min-height:44px;font-weight:600;cursor:pointer}.vida-dica{flex:1 1 100%;margin:0;color:var(--text-muted);font-size:.85rem}.vida-grade{display:grid;grid-gap:.5rem;gap:.5rem;height:calc(100dvh - 190px);min-height:360px}.vida-quadro{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:var(--radius);background:var(--cor);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;container-type:inline-size}.vida-quadro--virado{transform:rotate(180deg)}.vida-metade{display:flex;align-items:center;padding:0 1rem;border:none;background:transparent;color:rgba(255,255,255,.55);font:inherit;font-size:2rem;font-weight:700;cursor:pointer;touch-action:manipulation}.vida-metade--menos{justify-content:flex-start}.vida-metade--mais{justify-content:flex-end}.vida-metade:active{background:rgba(0,0,0,.12)}.vida-metade:focus-visible{outline:3px solid #fff;outline-offset:-6px}.vida-centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;pointer-events:none}.vida-nome,.vida-nome-input,.vida-rapido button{pointer-events:auto}.vida-nome{max-width:70%;overflow:hidden;padding:.15rem .6rem;border:none;border-radius:999px;background:rgba(0,0,0,.18);color:#fff;font:inherit;font-size:.9rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap;cursor:text}.vida-nome-input{width:60%;padding:.2rem .5rem;border:2px solid #fff;border-radius:8px;background:rgba(0,0,0,.25);color:#fff;font:inherit;font-size:.9rem;text-align:center}.vida-numero{font-size:clamp(3rem,12vmin,7rem);font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.2)}.vida-balao{min-height:1.4rem;font-size:1.1rem;font-weight:700;opacity:0;transition:opacity .2s}.vida-balao--visivel{opacity:1}.vida-rapido{display:flex;gap:.5rem}.vida-rapido button{min-width:3rem;min-height:36px;padding:0 .6rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(0,0,0,.15);color:#fff;font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.vida-rapido button:active{background:rgba(0,0,0,.3)}@media (max-height:700px){.vida-rapido button{min-height:30px}.vida-balao{min-height:1rem;font-size:.95rem}}@container (max-width: 170px){.vida-metade{align-items:flex-start;padding:.5rem .55rem;font-size:1.5rem}.vida-nome{max-width:92%;padding:.1rem .45rem;font-size:.75rem}.vida-rapido{gap:.3rem}.vida-rapido button{min-width:2.5rem;padding:0 .4rem;font-size:.85rem}}.vida-page--cheia{position:fixed;inset:0;z-index:2000;max-width:none;margin:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:.5rem;background:var(--bg-primary)}.vida-page--cheia .vida-topo{flex-wrap:nowrap}.vida-page--cheia .vida-acoes .btn{min-height:36px;padding:.3rem .8rem;font-size:.85rem}.vida-titulo-cheia{overflow:hidden;color:var(--text-muted);font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.vida-page--cheia .vida-grade{flex:1 1;height:auto;min-height:0}.vida-page:-webkit-full-screen{background:var(--bg-primary)}.vida-page:fullscreen{background:var(--bg-primary)}