:root{--primario: #e0592a;--fondo: #141210;--texto: #f7f3ee;--tenue: #a39a90;--borde: rgba(247, 243, 238, .14);--tarjeta: rgba(247, 243, 238, .06);--exito: #3ec98a;--peligro: #ff6b5e;--r-s: 10px;--r-m: 18px;--r-l: 28px;--t-xs: clamp(.82rem, 3vw, .95rem);--t-s: clamp(1rem, 3.6vw, 1.15rem);--t-m: clamp(1.25rem, 4.8vw, 1.5rem);--t-l: clamp(1.7rem, 7vw, 2.3rem);--t-xl: clamp(2.4rem, 11vw, 3.6rem);--t-xxl: clamp(3rem, 16vw, 5.5rem);--toque: 56px;--seguro-inf: env(safe-area-inset-bottom, 0px);--seguro-sup: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--t-s);line-height:1.45;-webkit-user-select:none;user-select:none;overscroll-behavior:none}input{-webkit-user-select:text;user-select:text}#app{min-height:100%;display:flex;flex-direction:column;padding:calc(var(--seguro-sup) + 20px) 16px calc(var(--seguro-inf) + 20px);max-width:560px;margin-inline:auto;width:100%}.pantalla{display:flex;flex-direction:column;flex:1;gap:20px;animation:entra .22s ease-out}.pantalla--centrada{justify-content:center;text-align:center}.crece{flex:1}.pie{display:flex;flex-direction:column;gap:10px}@keyframes entra{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1{font-size:var(--t-l);line-height:1.08;letter-spacing:-.02em;font-weight:800}h2{font-size:var(--t-m);line-height:1.2;font-weight:700}.enorme{font-size:var(--t-xxl);font-weight:900;line-height:1;letter-spacing:-.03em}.grande{font-size:var(--t-xl);font-weight:800;line-height:1.05}.tenue{color:var(--tenue);font-size:var(--t-xs)}.acento{color:var(--primario)}.equilibrado{text-wrap:balance}button{font:inherit;font-weight:700;color:var(--texto);background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--r-m);min-height:var(--toque);padding:14px 20px;cursor:pointer;transition:transform .1s ease,filter .15s ease;touch-action:manipulation}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid var(--primario);outline-offset:3px}.b-principal{background:var(--primario);border-color:transparent;color:#fff;font-size:var(--t-m);min-height:64px;box-shadow:0 6px 22px -8px var(--primario)}.b-fantasma{background:transparent}.b-texto{background:none;border:none;color:var(--tenue);min-height:44px;font-weight:600}input[type=text],input[type=tel]{font:inherit;font-size:var(--t-m);color:var(--texto);background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--r-s);min-height:var(--toque);padding:12px 16px;width:100%}input:focus-visible{outline:3px solid var(--primario);outline-offset:2px}.rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.carta-juego{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;min-height:124px;padding:18px;border-radius:var(--r-l)}.carta-juego .icono{font-size:2rem;line-height:1}.carta-juego .nombre{font-size:var(--t-s);font-weight:800;line-height:1.15}.carta-juego:nth-child(3n+1){grid-column:span 2;min-height:96px}.lista-jugadores{display:flex;flex-direction:column;gap:8px}.fila-jugador{display:flex;gap:8px;align-items:center}.fila-jugador button{min-width:var(--toque);padding:0 14px}.fichas{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ficha{padding:10px 16px;border-radius:999px;background:var(--tarjeta);border:1px solid var(--borde);font-weight:700;font-size:var(--t-s)}.ficha--elegida{background:var(--primario);border-color:transparent;color:#fff}.ruleta-caja{position:relative;display:grid;place-items:center;padding:8px 0}.ruleta{width:min(84vw,340px);aspect-ratio:1;border-radius:50%;border:6px solid rgba(255,255,255,.9);box-shadow:0 18px 50px -18px #000000e6;transition:transform 4s cubic-bezier(.13,.98,.06,1);will-change:transform}.aguja{position:absolute;top:-2px;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:24px solid #fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.codigo{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(2.6rem,14vw,4.4rem);font-weight:800;letter-spacing:.14em;padding:18px 12px;border-radius:var(--r-m);background:var(--tarjeta);border:2px dashed var(--borde)}.cuenta-atras{font-size:var(--t-l);font-weight:800;font-variant-numeric:tabular-nums}.cuenta-atras--urgente{color:var(--peligro)}.latido{animation:latido 1s ease-in-out infinite}@keyframes latido{0%,to{opacity:1}50%{opacity:.45}}.aviso{padding:14px 16px;border-radius:var(--r-s);font-size:var(--t-xs);border:1px solid var(--borde);background:var(--tarjeta)}.aviso--malo{border-color:var(--peligro);color:var(--peligro)}.aviso--bueno{border-color:var(--exito);color:var(--exito)}.cabecera{display:flex;align-items:center;gap:12px}.cabecera img{height:40px;width:auto;max-width:120px;object-fit:contain}.cabecera .nombre-local{font-weight:800;font-size:var(--t-s)}.logo-grande{max-height:34vh;max-width:74%;object-fit:contain;margin-inline:auto}.personal{--tarjeta: rgba(255, 255, 255, .08)}.libro{display:flex;flex-direction:column;gap:6px}.libro-fila{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--r-s);background:var(--tarjeta);font-size:var(--t-xs)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.teclado button{min-height:62px;font-size:var(--t-m)}