:root{--fondo:#1d2a38;--fondo-2:#26374a;--texto:#f4efe6;--suave:#f4efe68c;--acento:#5fb4e8;--acento-texto:#10202e;--peligro:#e8735f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--fondo);height:100%;color:var(--texto);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{position:fixed;inset:0}[hidden]{display:none!important}.pantalla{padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex;position:absolute;inset:0;overflow-y:auto}.logo{text-align:center;margin-top:12px;font-size:34px;font-weight:800}.lema{text-align:center;color:var(--suave);margin-bottom:8px}h2{font-size:18px}.lista{flex-direction:column;gap:8px;list-style:none;display:flex}.lista li{gap:8px;display:flex}.lista input{min-width:0;font:inherit;background:var(--fondo-2);color:var(--texto);border:1px solid #f4efe633;border-radius:12px;flex:1;padding:12px 14px;font-size:17px}.lista input::placeholder{color:var(--suave)}.quitar{background:var(--fondo-2);width:46px;color:var(--suave);border:0;border-radius:12px;font-size:24px}.boton{font:inherit;background:var(--acento);color:var(--acento-texto);border:0;border-radius:14px;padding:14px 20px;font-size:18px;font-weight:700}.boton.secundario{background:var(--fondo-2);color:var(--texto)}.boton:disabled{opacity:.35}#empezar{margin-top:auto}.opciones{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.opcion{font:inherit;background:var(--fondo-2);color:var(--texto);border:2px solid #0000;border-radius:12px;padding:12px 4px;font-size:15px}.opcion.elegida{border-color:var(--acento);background:#5fb4e82e}.check{color:var(--suave);align-items:center;gap:10px;font-size:14px;display:flex}.check input{width:20px;height:20px}.combinacion{color:var(--suave);font-size:18px}.juego{-webkit-user-select:none;user-select:none;gap:0;padding-left:0;padding-right:0}.cabecera{text-align:center;min-height:52px;padding:0 16px 4px}.turno{font-size:22px;font-weight:800}.despues{color:var(--suave);font-size:14px}#j-vaso{flex:1;width:100%;min-height:0;display:block}.controles{background:var(--fondo);flex-direction:column;gap:10px;padding:12px 16px 6px;display:flex}.zona{height:28vh;min-height:130px;color:var(--suave);font:inherit;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#5fb4e814;border:2px dashed #5fb4e880;border-radius:20px;font-size:16px}.zona.pulsada{background:#5fb4e840;border-style:solid}.zona.usada{opacity:.35}.capa{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px 16px;display:flex;position:absolute;inset:0}.capa.turno,.capa.fin{background:var(--fondo)}.capa.desborde{padding-bottom:max(24px, env(safe-area-inset-bottom));background:#1d2a3859;justify-content:flex-end}.capa .boton{min-width:220px}.grande{font-size:36px;font-weight:800;line-height:1.15}.pequeno{color:var(--suave)}.tarjeta{background:var(--fondo-2);border-radius:20px;flex-direction:column;gap:14px;max-width:360px;padding:24px 20px;display:flex;box-shadow:0 10px 40px #0006}.tarjeta h2{color:var(--peligro);font-size:22px}.version{right:10px;bottom:max(4px, env(safe-area-inset-bottom));color:var(--suave);pointer-events:none;z-index:3;font-size:11px;position:fixed}.debug{pointer-events:none;z-index:10;font-size:13px;position:fixed;inset:0}.debug-mini{left:8px;top:max(6px, env(safe-area-inset-top));color:#e8735f;font:12px ui-monospace,Menlo,monospace;position:absolute}.debug-abrir{right:8px;top:max(6px, env(safe-area-inset-top));pointer-events:auto;width:36px;height:36px;color:var(--texto);background:#26374ae6;border:0;border-radius:10px;font-size:20px;position:absolute}.debug-panel{pointer-events:auto;width:min(300px,86vw);padding:max(10px, env(safe-area-inset-top)) 12px 24px;background:#141e2af0;flex-direction:column;gap:8px;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-6px 0 24px #0006}.debug-cab{justify-content:space-between;align-items:center;display:flex}.debug-cab button{background:var(--fondo-2);width:36px;height:36px;color:var(--texto);border:0;border-radius:10px;font-size:20px}.debug pre{white-space:pre-wrap;color:#cfe6f5;font:12px/1.45 ui-monospace,Menlo,monospace}.debug h3{text-transform:uppercase;letter-spacing:.06em;color:var(--suave);margin-top:6px;font-size:12px}.debug-param{flex-direction:column;gap:2px;display:flex}.debug-param span{justify-content:space-between;display:flex}.debug-param input{width:100%}.debug-check{align-items:center;gap:8px;display:flex}.debug-nota{color:var(--suave);white-space:pre-wrap;word-break:break-all;font-size:11px}.debug-botones{gap:8px;display:flex}.debug-botones button{font:inherit;background:var(--fondo-2);color:var(--texto);border:0;border-radius:10px;flex:1;padding:10px}